/* Sweetstar Studio. Brand layer over the existing Vben / Ant Design workflows. */
:root, html.light, html.dark, .light, .dark {
  --ss-paper:#fffdf9; --ss-canvas:#f5f2ed; --ss-ink:#332b30;
  --ss-muted:#655a61; --ss-line:#e7dfd9; --ss-rose:#785466;
  --ss-rose-soft:#f0e6e8; --ss-sage:#667768; --ss-ease:cubic-bezier(.2,.8,.2,1);
  --background:36 67% 99%!important; --background-deep:37 29% 95%!important;
  --foreground:325 8% 18%!important; --card:36 67% 99%!important;
  --card-foreground:15 8% 29%!important; --popover:36 67% 99%!important;
  --popover-foreground:15 8% 29%!important; --primary:330 18% 40%!important;
  --primary-foreground:36 67% 99%!important; --muted:30 21% 94%!important;
  --muted-foreground:325 6% 37%!important; --secondary:334 22% 93%!important;
  --secondary-foreground:337 14% 40%!important; --accent:334 22% 92%!important;
  --accent-dark:334 20% 89%!important; --accent-darker:334 20% 85%!important;
  --accent-lighter:36 67% 99%!important; --accent-hover:334 22% 92%!important;
  --accent-foreground:337 14% 40%!important; --border:26 23% 88%!important;
  --input:26 23% 84%!important; --input-background:36 67% 99%!important;
  --input-placeholder:325 6% 43%!important; --ring:337 14% 47%!important;
  --sidebar:36 38% 97%!important; --sidebar-deep:36 38% 97%!important;
  --menu:36 38% 97%!important; --header:36 67% 99%!important;
  --success:128 8% 43%!important; --warning:35 33% 47%!important;
  --destructive:6 34% 48%!important; --overlay:20 11% 23% / 25%!important;
  --overlay-content:36 40% 96% / 60%!important; --radius:.8rem!important;
  --font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
  color-scheme:light!important;
}
html,body,#app { background:var(--ss-canvas);color:var(--ss-ink); }
body { -webkit-font-smoothing:antialiased; }
::selection { background:#e7d4db;color:#51404a; }
* { scrollbar-width:thin;scrollbar-color:#d8cbc6 transparent; }
:focus-visible { outline:2px solid var(--ss-rose)!important;outline-offset:3px; }
button, a, input, textarea, select { -webkit-tap-highlight-color:transparent; }

/* Navigation: a quiet, warm spine with a clear selected state. */
aside { background:#faf7f2!important;border-right:1px solid var(--ss-line)!important; }
aside>a,aside>div>a { min-height:76px; }
aside a img { width:38px!important;height:38px!important;object-fit:contain;border-radius:12px; }
aside a span { font-size:16px!important;font-weight:600!important;letter-spacing:.03em; }
.vben-menu { --menu-item-color:#786e69!important;--menu-item-height:44px!important;
  --menu-item-active-color:#765562!important;--menu-item-active-background-color:#eee1e5!important;
  --menu-item-hover-background-color:#f0eae4!important;--menu-item-hover-color:#604e56!important;
  --menu-submenu-active-color:#765562!important;--menu-submenu-active-background-color:transparent!important;
  --menu-submenu-hover-background-color:#f0eae4!important;--menu-background-color:#faf7f2!important;
  --menu-item-margin-x:12px!important;--menu-item-radius:11px!important; }
.vben-menu-item,.vben-sub-menu-content { transition:background .2s,color .2s,box-shadow .2s!important;margin-bottom:5px!important; }
.vben-menu-item.is-active { box-shadow:inset 3px 0 0 #92707f,0 2px 5px #76556208;font-weight:600; }
.vben-menu-item:hover .vben-menu__icon,.vben-sub-menu-content:hover .vben-menu__icon { transform:translateY(-1px)!important; }
header { background:rgba(255,253,249,.94)!important;border-bottom-color:var(--ss-line)!important;backdrop-filter:blur(14px); }
header button { border-radius:10px;transition:background .2s,transform .18s; }
header button:hover { background:#f0e6e8!important; }
header button:active { transform:scale(.94); }
header img { border:1px solid var(--ss-line);background:#f5eee6; }
.tabs-chrome__item.is-active { color:var(--ss-rose)!important; }
.tabs-chrome__background-content { box-shadow:none!important; }
main { background:var(--ss-canvas)!important; }
.ops-page { padding:26px 30px 46px!important;max-width:1720px;margin:auto; }
.ops-page h1,.ops-page h2 { color:var(--ss-ink)!important;letter-spacing:.025em;font-weight:600!important; }
.ops-page h1 { font-size:25px!important;line-height:1.5!important; }
.ops-page p { color:var(--ss-muted)!important;line-height:1.8; }

/* Welcome card: references the mini-program's paper, framed art and star. */
.ops-hero { position:relative;isolation:isolate;min-height:206px;display:flex!important;align-items:center!important;
  border:1px solid #dfd1c7!important;border-radius:20px!important;background:#f9f1e5!important;
  color:var(--ss-ink)!important;padding:34px!important;margin-bottom:22px!important;box-shadow:0 8px 24px #58433305!important;overflow:hidden; }
.ops-hero::before { content:"";position:absolute;inset:8px;border:1px solid #e5d9ca;border-radius:14px;pointer-events:none;z-index:-1; }
.ops-hero::after { content:"";position:absolute;right:16px;bottom:-10px;width:220px;height:210px;
  background:url('https://sweetstar-assets-1419326279.cos.ap-beijing.myqcloud.com/mianstar/media/admin/r38/overview-desk-r38.webp') center/contain no-repeat;pointer-events:none;z-index:-1; }
.ops-hero>div:first-child { max-width:calc(100% - 190px); }
.ops-hero h1 { font-size:29px!important;font-family:"Songti SC","STSong","SimSun",serif!important;letter-spacing:.08em; }
.ops-hero p { max-width:520px;font-size:13px!important;margin-top:10px!important; }
.ops-hero>.ant-space { position:absolute;right:28px;top:22px; }
.ss-eyebrow { display:block;font-size:10px;letter-spacing:.25em;font-weight:600;color:#70564f;margin-bottom:12px; }
.ss-day { display:block;font-size:11px;letter-spacing:.08em;color:#6b5a55;margin-top:18px; }
.ops-hero .ant-btn { background:#fffaf2!important;border-color:#ded0c3!important;color:#7d685f!important;box-shadow:none!important;font-size:12px; }
.ops-hero:not(.ss-overview-hero) { min-height:0!important;overflow:visible!important;display:flex!important;flex-wrap:wrap;gap:18px;
  padding:4px 0 8px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important; }
.ops-hero:not(.ss-overview-hero)::before,.ops-hero:not(.ss-overview-hero)::after { display:none; }
.ops-hero:not(.ss-overview-hero)>div:first-child { max-width:100%!important; }
.ops-hero:not(.ss-overview-hero) h1 { font-family:var(--font-family)!important;font-size:25px!important;letter-spacing:.035em; }
.ops-hero:not(.ss-overview-hero)>.ant-space { position:static!important;display:flex;flex-wrap:wrap;gap:8px;margin:0; }
.ops-hero:not(.ss-overview-hero) .ant-btn-primary { background:var(--ss-rose)!important;color:#fff!important;border-color:var(--ss-rose)!important; }

/* Cards & dashboard hierarchy. Figures remain live, never decorative data. */
.ant-card,.ops-panel { background:var(--ss-paper)!important;border:1px solid var(--ss-line)!important;
  border-radius:17px!important;box-shadow:0 3px 14px #594c3e03!important;overflow:hidden; }
.ant-card-head { min-height:58px!important;padding:0 24px!important;border-color:#eee8e1!important; }
.ant-card-head-title { color:var(--ss-ink)!important;font-size:15px!important;font-weight:600!important; }
.ant-card-body { padding:24px!important; }
.ops-page>.ant-card { margin-top:22px!important; }
.ops-page>.ant-row .ant-card { height:100%;transition:box-shadow .25s,transform .25s var(--ss-ease),border-color .25s; }
.ops-page>.ant-row .ant-card:hover { transform:translateY(-3px);border-color:#d5c2c8!important;box-shadow:0 12px 24px #7455610a!important; }
.ant-statistic-title { color:#655a61!important;font-size:12px!important;letter-spacing:.045em;margin-bottom:14px!important; }
.ant-statistic-content { color:#5c4c50!important;font-variant-numeric:tabular-nums;font-size:31px!important;line-height:1.2;letter-spacing:-.04em; }
.ant-statistic-content-prefix,.ant-statistic-content-value-decimal { font-size:.58em!important;letter-spacing:0; }
.ops-page>.ant-row .ant-card-body { min-height:168px;position:relative; }
.ss-stat-mark { position:absolute;right:22px;top:22px;display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#f4ecee;color:#785466; }
.ss-stat-mark svg { width:17px;height:17px; }
.ops-page>.ant-row .ant-btn { margin-top:20px!important;background:#f7f1f2!important;color:#80616d!important;border-color:transparent!important;height:32px!important; }
.ops-page>.ant-row .text-gray-500 { color:#655a61!important;font-size:12px!important;margin-top:18px!important;line-height:1.6; }
.ops-quick-actions { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;margin:0!important; }
.ops-quick-actions .ant-space-item { min-width:0; }
.ops-quick-actions .ant-btn { position:relative;display:flex!important;align-items:center;justify-content:flex-start;gap:12px;
  height:74px!important;width:100%;padding:14px!important;background:#faf7f3!important;color:#685553!important;border:1px solid #eee6df!important;
  box-shadow:none!important;text-align:left;font-size:13px!important; }
.ops-quick-actions .ant-btn::after { content:'↗';margin-left:auto;color:#b39a9d; }
.ops-quick-actions .ant-btn:hover { background:#f4ebed!important;border-color:#d7c3cb!important;transform:translateY(-2px); }
.ss-quick-icon { display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:11px;background:#ede3e4;color:#977381; }
.ss-quick-icon svg { height:20px;width:20px; }
.ops-quick-actions .ant-btn>.ss-quick-icon { display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;padding:0!important;margin:0!important; }
.ops-quick-actions .ant-btn>.ss-quick-icon>svg { display:block!important;flex:none;margin:0!important;vertical-align:middle; }

/* One component language for lists, forms, selection, feedback and dialogs. */
.ant-btn { border-radius:9px!important;height:36px;border-color:#ded3cb!important;font-weight:500;
  color:#76655f!important;background:var(--ss-paper)!important;
  transition:background .2s,border-color .2s,box-shadow .2s,transform .18s var(--ss-ease)!important; }
.ant-btn:not(:disabled):not(.ant-btn-loading):hover { color:#795664!important;border-color:#b695a3!important;background:#faf3f5!important;box-shadow:0 3px 9px #85646c0b; }
.ant-btn:not(:disabled):not(.ant-btn-loading):active { transform:scale(.97); }
.ant-btn-primary { background:var(--ss-rose)!important;border-color:var(--ss-rose)!important;color:#fffdf9!important;box-shadow:0 4px 10px #78546614!important; }
.ant-btn-primary:not(:disabled):hover { background:#795766!important;color:#fff!important;border-color:#795766!important; }
.ant-btn-link,.ant-btn-text { background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#8b6475!important; }
.ant-btn-dangerous { color:#aa655d!important;border-color:#dbb4ad!important; }
.ant-btn-primary.ant-btn-dangerous { background:#a56862!important;color:#fff!important;border-color:#a56862!important; }
.ant-btn:disabled { opacity:.5;cursor:not-allowed; }
.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-picker,.resource-native-input,.ant-select-selector {
  background:#fffdf9!important;border:1px solid #ded5cd!important;border-radius:9px!important;color:var(--ss-ink)!important;
  transition:box-shadow .2s,border-color .2s!important; }
.ant-input-affix-wrapper .ant-input { border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important; }
.ant-input,.ant-input-affix-wrapper,.ant-picker,.ant-input-number,.ant-select-single .ant-select-selector,.resource-native-input { min-height:37px!important; }
.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-picker:hover,.ant-input-number:hover,.ant-select-selector:hover,.resource-native-input:hover { border-color:#b79aa6!important; }
.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-picker-focused,.ant-input-number-focused,.ant-select-focused .ant-select-selector,.resource-native-input:focus {
  border-color:#9c7a89!important;box-shadow:0 0 0 3px #9c7a8914!important;outline:0!important; }
.ant-input::placeholder,.ant-select-selection-placeholder,.ant-picker-input>input::placeholder { color:#746770!important; }
.ant-form-item-label>label { color:#71635d!important;font-size:12px!important;font-weight:500; }
.ant-form-item { margin-bottom:21px!important; }
.ant-form-item-explain,.ant-form-item-extra { font-size:12px!important;line-height:1.8;color:#655a61!important; }
.ant-form-item-explain-error { color:#a45e55!important; }
.ant-select-arrow,.ant-picker-suffix { color:#9b8b85!important; }
.ant-select-dropdown,.ant-picker-panel-container,.ant-dropdown-menu,.ant-popover-inner { background:var(--ss-paper)!important;border:1px solid var(--ss-line);border-radius:13px!important;box-shadow:0 14px 38px #4f383918!important; }
.ant-select-item { color:var(--ss-ink)!important;border-radius:7px!important; }
.ant-select-item-option-selected { background:#eee1e5!important;color:#795563!important; }
.ant-select-item-option-active:not(.ant-select-item-option-selected) { background:#f5efe9!important; }
.ant-switch { background:#c8beb8!important;min-width:36px; }
.ant-switch-checked { background:#907584!important; }
.ant-checkbox-checked .ant-checkbox-inner,.ant-radio-checked .ant-radio-inner { background:#907584!important;border-color:#907584!important; }
.ant-checkbox-inner,.ant-radio-inner { border-color:#c6b5af!important; }
.ant-checkbox-indeterminate .ant-checkbox-inner:after { background:#907584!important; }
.ant-tabs-tab { color:#6b5863!important; }
.ant-tabs-tab-active .ant-tabs-tab-btn { color:#806271!important; }
.ant-tabs-ink-bar { background:#92707f!important;height:3px!important;border-radius:4px; }
.ant-segmented { background:#eee8e2!important;border-radius:10px!important;padding:4px!important; }
.ant-segmented-item { border-radius:7px!important;color:#82716b!important; }
.ant-segmented-item-selected { background:#fffdf9!important;box-shadow:0 2px 6px #6048340b!important;color:#795766!important; }
.ant-table,.ant-table-container,.ant-table-cell { background:var(--ss-paper)!important;color:#675951!important;font-size:13px; }
.ant-table-container { border:1px solid #eee6de;border-radius:12px;overflow:hidden; }
.ant-table-thead>tr>th { background:#f5f0ea!important;color:#594b53!important;font-size:12px!important;letter-spacing:.045em;font-weight:500!important;border-bottom:1px solid #e6ddd5!important;padding:15px 16px!important; }
.ant-table-thead>tr>th:before { display:none; }
.ant-table-tbody>tr>td { border-color:#f0eae3!important;padding:16px!important;transition:background .18s!important; }
.ant-table-tbody>tr:hover>td,.ant-table-cell-row-hover { background:#fbf5f2!important; }
.ant-table-tbody>tr.ant-table-row-selected>td { background:#f3e8ec!important; }
.ant-table-cell-fix-left,.ant-table-cell-fix-right { background:var(--ss-paper)!important; }
.ant-table-placeholder:hover>td { background:var(--ss-paper)!important; }
.ant-table-cell a { color:#785466!important; }
.ant-pagination { gap:4px; }
.ant-pagination-item,.ant-pagination-prev button,.ant-pagination-next button { background:#fffdf9!important;border:1px solid #e5dad1!important;border-radius:8px!important;transition:background .18s; }
.ant-pagination-item a { color:#8a786f!important; }
.ant-pagination-item-active { border-color:#b296a3!important;background:#f1e7eb!important; }
.ant-pagination-item-active a { color:#806070!important; }
.ant-tag { padding:2px 9px!important;border-radius:6px!important;background:#f1ece6!important;color:#655047!important;border:0!important;font-size:12px!important;line-height:21px!important; }
.ant-tag-green,.ant-tag-success { color:#3f634b!important;background:#eaf0e8!important; }
.ant-tag-blue,.ant-tag-processing,.ant-tag-purple { color:#63516e!important;background:#eee8ef!important; }
.ant-tag-orange,.ant-tag-warning,.ant-tag-gold { color:#795322!important;background:#f4edde!important; }
.ant-tag-red,.ant-tag-error { color:#8c463e!important;background:#f5e8e3!important; }
.ant-alert { border-radius:10px!important;border-color:#e4d9ce!important;background:#f8f2e9!important;color:#8a7769!important; }
.ant-alert-success { background:#eef2e9!important;border-color:#dce4d4!important; }
.ant-alert-error { background:#f7ede7!important;border-color:#ead5cb!important; }
.ant-empty { padding:24px 0!important; }
.ant-empty-description { color:#746168!important;font-size:12px!important;margin-top:13px!important; }
.ant-empty-image { height:100px!important;background:var(--ss-empty-art,url('https://sweetstar-assets-1419326279.cos.ap-beijing.myqcloud.com/mianstar/media/admin/r38/empty-orders-r38.webp')) center/contain no-repeat; }
.ant-empty-image svg { opacity:0; }
.ant-drawer-mask,.ant-modal-mask { background:rgba(63,47,40,.25)!important;backdrop-filter:blur(3px); }
.ant-drawer-content { background:#fffdf9!important;border-left:1px solid #e3d4ca;border-radius:20px 0 0 20px; }
.ant-drawer-content-wrapper { box-shadow:-16px 0 64px #62473516!important;transition:transform .36s var(--ss-ease)!important; }
.ant-drawer-header { min-height:84px!important;padding:22px 28px!important;background:#faf6f0!important;border-color:#e9ded5!important; }
.ant-drawer-title { font-family:"Songti SC","SimSun",serif;font-size:21px!important;color:#66514d!important;letter-spacing:.07em; }
.ant-drawer-body { padding:27px!important; }
.ant-drawer-close { color:#9b8478!important; }
.ant-drawer-footer,.resource-drawer-actions { padding:18px 0!important;background:#fffdf9!important;border-top:1px solid #eee4da; }
.resource-form-section-title { background:#f4ebe6!important;color:#8a6a64!important;border-left:2px solid #b89691!important;border-radius:0 7px 7px 0!important;font-size:13px!important; }
.ant-modal-content { background:#fffdf9!important;border:1px solid #e2d5cb;border-radius:18px!important;padding:28px!important;box-shadow:0 22px 80px #62473520!important; }
.ant-modal-header { background:transparent!important;margin-bottom:20px!important; }
.ant-modal-title { color:#71564f!important;font-size:19px!important; }
.ant-modal-footer { padding-top:18px;border-top:1px solid #eee4da; }
.ant-message-notice-content,.ant-notification-notice { background:#fffdf9!important;border:1px solid #e6d9cd;border-radius:12px!important;box-shadow:0 10px 30px #62473514!important;color:#746158!important; }
.ant-descriptions-title { color:#705a52!important; }
.ant-descriptions-item-label,.ant-descriptions-bordered .ant-descriptions-item-label { background:#f7f1eb!important;color:#65534b!important; }
.ant-descriptions-item-content { color:#62534e!important;background:#fffdf9!important; }
.ant-descriptions-bordered .ant-descriptions-view { border-color:#e9dfd5!important;border-radius:10px!important;overflow:hidden; }
.ant-spin-dot-item,#nprogress .bar { background:#927583!important; }
.ant-upload.ant-upload-drag { background:#faf6f1!important;border:1px dashed #d6bdae!important;border-radius:12px!important; }
.ant-upload.ant-upload-drag:hover { background:#f7eff1!important;border-color:#a88395!important; }
.ant-upload-list-item { border-color:#e6d9cf!important;border-radius:8px!important; }
.resource-mobile-card,.ops-mobile-card { background:#fffdf9!important;border-color:#e7dbd1!important;border-radius:14px!important;box-shadow:none!important; }
.credit-summary { background:#f5eced!important;border-color:#e4d0d5!important; }
.credit-summary-due strong { color:#956d7c!important; }
.avatar-crop-mask { border-color:#a28291!important;background:#a2829120!important; }
.ss-privacy-note { font-size:10px;letter-spacing:.13em;color:#746168;margin:22px 12px 10px;text-align:center; }
.crispyclub-icp-footer { background:#f5f2edef!important;bottom:0!important;padding:4px; }
.crispyclub-icp-footer a { color:#746168!important;font-size:10px!important; }

/* Login and startup also belong to this product. */
.__app-loading__,.loading { background:#f7f2eb!important; }
.loading .title { font-family:"Songti SC","SimSun",serif;color:#7b6159!important;font-size:23px!important;letter-spacing:.12em; }
.loading .loader:after { background:none!important;box-sizing:border-box;border:3px solid #e9dce1;border-top-color:#886374;border-radius:50%!important;animation:ss-loading-ring 1s linear infinite!important; }
.loading .loader:before { display:none!important; }
.ss-login { min-height:100vh;background:#f5f0e8!important; }
.ss-login-panel { background:#fffdf9!important;border:1px solid #e5d8cb!important;border-radius:24px!important;padding:40px!important;box-shadow:0 20px 80px #80604b0c; }
.ss-login-panel h2 { font-family:"Songti SC","SimSun",serif!important;font-size:29px!important;font-weight:500!important;letter-spacing:.09em;color:#69524d!important; }
.ss-login-panel input { background:#fffdf9!important;border:1px solid #ded3c9!important;border-radius:10px!important;min-height:46px!important; }
.ss-login-panel button[aria-label=login] { min-height:46px;border-radius:10px!important;background:#785466!important;color:white!important; }
.ss-login-panel p { color:#655a61!important;font-size:13px!important; }
.ss-login-art { position:relative;min-height:240px;margin:8px 0 24px;background:#fffaf0 url('https://sweetstar-assets-1419326279.cos.ap-beijing.myqcloud.com/mianstar/media/admin/r38/login-backdrop-r38.webp') center/cover no-repeat;border:1px solid #eadfd1;border-radius:17px;overflow:hidden; }
.ss-login-art:before { content:'MIANSTAR CLUB';position:absolute;top:27px;left:26px;font-size:10px;letter-spacing:.22em;color:#70564f; }
.ss-login-art:after { content:'把每一次陪伴，\A 收藏成小美好';white-space:pre;position:absolute;top:65px;left:26px;font:21px/1.8 "Songti SC","SimSun",serif;color:#816558; }

@keyframes ss-enter { from { opacity:0;transform:translateY(9px); } to { opacity:1;transform:translateY(0); } }
@keyframes ss-breathe { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
@keyframes ss-value { from { opacity:.45;transform:translateY(5px); } to { opacity:1;transform:none; } }
.ss-enter { animation:ss-enter .38s var(--ss-ease) both; }
.ss-value-updated { animation:ss-value .32s var(--ss-ease); }
/* Ant Design owns modal/toast lifecycle animations; do not add nested animationend events. */
.fade-slide-enter-active,.fade-slide-leave-active { transition:opacity .2s,transform .2s!important; }
.fade-slide-enter-from { opacity:0;transform:translateY(8px)!important; }
.fade-slide-leave-to { opacity:0;transform:translateY(-4px)!important; }
@media (min-width:1450px) { .ops-quick-actions { grid-template-columns:repeat(6,minmax(0,1fr)); } .ops-quick-actions .ant-btn { height:106px!important;flex-direction:column;justify-content:center;gap:10px; } .ops-quick-actions .ant-btn::after { display:none; } }
@media (max-width:1100px) { .ops-page { padding:20px 20px 40px!important; } .ops-hero { padding:26px!important; } .ops-hero h1 { font-size:25px!important; } .ops-hero::after { width:175px;height:175px;right:8px; } .ops-hero>div:first-child { max-width:calc(100% - 125px); } .ops-hero>.ant-space { top:18px;right:20px; } .ops-quick-actions { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .ops-page { padding:14px 12px 36px!important; } .ops-hero { min-height:190px;padding:24px!important;border-radius:15px!important; } .ops-hero::after { width:135px;height:145px;right:-8px; } .ops-hero>div:first-child { max-width:calc(100% - 80px); } .ops-hero h1 { font-size:22px!important; } .ops-hero>.ant-space { position:static;margin:15px 0 0; } .ops-hero { display:block!important; } .ops-hero p { font-size:12px!important; } .ss-day { display:none; } .ant-card-body { padding:17px!important; } .ant-card-head { padding:0 17px!important; } .ops-quick-actions .ant-btn { height:64px!important;font-size:12px!important;padding:10px!important;gap:8px; } .ss-quick-icon { height:29px;width:29px; } .ant-drawer-body { padding:20px!important; } .ant-drawer-content { border-radius:0; } .ss-login-panel { padding:24px!important; } .ss-login-art { min-height:205px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important; } .ss-enter { animation:none!important;opacity:1;transform:none; } .ops-page>.ant-row .ant-card:hover,.ant-btn:active { transform:none!important; } }

/* Studio v5: stronger reading contrast and a compact, data-first overview. */
aside { background:#faf7f2!important;border-right:1px solid #e7dfd9!important;color:#4c3643!important;
  --sidebar:36 38% 97%!important;--sidebar-deep:36 38% 97%!important;--menu:36 38% 97%!important;--foreground:325 8% 18%!important;--muted-foreground:325 6% 37%!important; }
aside .vben-menu, .vben-menu { --menu-background-color:#faf7f2!important;--menu-item-color:#5d4955!important;
  --menu-item-active-color:#fff9f5!important;--menu-item-active-background-color:#785466!important;
  --menu-item-hover-background-color:#eee2e7!important;--menu-item-hover-color:#674456!important;
  --menu-submenu-active-color:#674456!important;--menu-submenu-hover-background-color:#eee2e7!important; }
aside>a,aside>div>a { color:#4c3643!important; }
aside .vben-menu-item.is-active { box-shadow:inset 3px 0 0 #eac8d6;font-weight:600; }
aside a span { font-size:15px!important;letter-spacing:0; }
aside .border-border { border-color:#59444f!important; }
.ops-page { padding:24px 28px 42px!important; }
.ops-hero.ss-overview-hero { min-height:154px;padding:23px 30px!important;background:#f5eae3!important;justify-content:flex-start!important;text-align:left!important; }
.ss-overview-hero::after { width:158px;height:148px;right:34px;bottom:0; }
.ss-overview-hero h1 { font-size:27px!important; }
.ss-overview-hero p { margin-top:5px!important; }
.ss-eyebrow { font-size:11px;letter-spacing:.18em;margin-bottom:9px;color:#70564f; }
.ss-day { font-size:12px;margin-top:9px;color:#65534b; }
.ops-hero.ss-overview-hero>.ant-space { right:22px!important;top:16px!important;left:auto!important;width:auto!important;position:absolute!important; }
.ops-hero.ss-overview-hero>.ant-space .ant-btn { width:auto!important; }
.ops-page>.ant-row .ant-card-body { min-height:148px;padding:20px!important; }
.ant-statistic-title { font-size:13px!important;margin-bottom:11px!important; }
.ant-statistic-content { font-size:30px!important;color:#402f39!important; }
.ss-stat-mark { right:15px;top:16px;width:28px;height:28px; }
.ant-table-thead>tr>th { font-size:13px!important;font-weight:600!important;color:#594b53!important; }
.ant-table,.ant-table-cell { font-size:14px;color:#493d44!important; }
.ant-form-item-label>label { font-size:13px!important;color:#594b53!important; }
.ant-descriptions-item-label,.ant-alert,.ant-empty-description { color:#655047!important; }
.ant-btn-link,.ant-btn-text,.ant-table-cell a { color:#785466!important; }
.ant-tag { font-size:12px!important;font-weight:500; }
.ss-analytics { margin-top:26px;min-width:0; }
.ss-section-heading { display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px; }
.ss-kicker { display:block;font-size:10px;font-weight:700;letter-spacing:.18em;color:#785466;margin-bottom:5px; }
.ss-section-heading h2 { margin:0;font-size:21px; }
.ss-section-heading p { margin:5px 0 0;font-size:12px; }
.ss-heading-actions { display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px; }
.ss-native-controls { position:static!important;width:auto!important;max-width:100%;margin:0!important; }
.ss-native-controls .ant-btn { width:auto!important;min-width:82px;height:38px; }
.ss-overview-hero>div:first-child { text-align:left!important;margin-left:0!important; }
.ss-range,.ss-metrics { display:flex;gap:3px;flex-wrap:wrap; }
.ss-range { background:#eae1e4;border:1px solid #ded0d6;border-radius:11px;padding:4px; }
.ss-range button,.ss-metrics button { border:0;border-radius:7px;padding:8px 12px;cursor:pointer;color:#65505b;background:transparent;font:500 12px/1.4 var(--font-family);transition:background .2s,color .2s,box-shadow .2s; }
.ss-range button[aria-pressed=true] { background:#785466;color:#fffdf9;box-shadow:0 2px 5px #342b3214; }
.ss-range button:hover:not([aria-pressed=true]),.ss-metrics button:hover { background:#f7efee; }
.ss-charts-grid { display:grid;grid-template-columns:minmax(0,1.95fr) minmax(255px,1fr);gap:18px; }
.ss-chart-panel { min-width:0;background:var(--ss-paper);border:1px solid var(--ss-line);border-radius:17px;padding:22px;box-shadow:0 3px 14px #594c3e03; }
.ss-chart-top { display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap; }
.ss-chart-top h3 { font-size:15px;color:#40333c;margin:0;font-weight:600; }
.ss-chart-top>span { font-size:12px;color:#655a61; }
.ss-metrics button { font-size:11px;padding:6px 8px; }
.ss-metrics button[aria-pressed=true] { background:#eee2e7;color:#674456; }
.ss-chart-value { margin-top:22px;color:#44303d;font-size:30px;letter-spacing:-.035em;font-weight:600;font-variant-numeric:tabular-nums; }
.ss-chart-value small { font-size:16px;margin:0 6px 0 0;font-weight:500; }
.ss-chart-value span { display:block;font-size:12px;letter-spacing:0;color:#655a61;font-weight:400;margin-top:4px; }
.ss-chart-summary { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.ss-chart-types { margin-top:20px; }
.ss-data-column { transform-origin:center 184px;animation:ss-column .65s var(--ss-ease) both; }
.ss-review-panel { display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px;background:#f5eaed; }
.ss-review-panel h3 { margin:6px 0;font-size:20px;font-weight:600;color:#4c3643; }
.ss-review-panel p { max-width:480px;margin:5px 0 16px;font-size:12px; }
.ss-review-action { display:inline-flex;align-items:center;gap:25px;border:1px solid #cfb6c1;background:#fffaf9;color:#674456;font-size:12px;border-radius:8px;padding:9px 12px;transition:background .2s; }
.ss-review-action:hover { background:#eee0e6; }
.ss-gauge { flex:0 0 220px;position:relative;max-width:40%; }
.ss-gauge svg { display:block;width:100%; }
.ss-gauge>div { position:absolute;inset:35% 0 4%;display:flex;flex-direction:column;align-items:center;justify-content:center; }
.ss-gauge strong { font-size:29px;font-weight:600;color:#624453; }
.ss-gauge span { font-size:12px;color:#6a5260; }
.ss-gauge-progress { animation:ss-gauge .7s var(--ss-ease); }
@keyframes ss-column { from { transform:scaleY(.02);opacity:.3; } to { transform:scaleY(1);opacity:1; } }
@keyframes ss-gauge { from { stroke-dasharray:0 100; } }
.ss-plot { position:relative;margin:18px -8px 0; }
.ss-trend-svg { width:100%;display:block;overflow:visible; }
.ss-trend-svg text { font-size:12px;fill:#746168;font-family:var(--font-family); }
.ss-gridline { stroke:#e9e1db;stroke-dasharray:3 4; }
.ss-trend-line { stroke-dasharray:1500;stroke-dashoffset:0;animation:ss-draw .8s var(--ss-ease); }
.ss-plot-empty { position:absolute;top:35%;left:20%;right:10%;text-align:center;font-size:14px;color:#65505b;pointer-events:none;background:#fffdf9e6;border-radius:8px;padding:8px; }
.ss-plot-empty span { display:block;font-size:12px;margin-top:7px;color:#746168; }
.ss-chart-tooltip { position:absolute;top:0;background:#40313b;color:#fffdf9;padding:9px 12px;border-radius:8px;font-size:12px;pointer-events:none;z-index:2;box-shadow:0 5px 15px #342b3220; }
.ss-chart-footer { display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:#655a61;border-top:1px solid #eee7e1;padding-top:14px; }
.ss-text-button { background:transparent;border:0;color:#785466;cursor:pointer;padding:3px 0;font-size:12px; }
.ss-text-button:hover { text-decoration:underline; }
.ss-ring { position:relative;width:190px;max-width:90%;margin:10px auto 6px; }
.ss-ring svg { width:100%;display:block; }
.ss-ring circle { transition:opacity .25s,stroke-dasharray .5s; }
.ss-ring>div { position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none; }
.ss-ring strong { font-size:30px;line-height:1.2;color:#44303d;font-weight:600; }
.ss-ring span { font-size:12px;color:#655a61;margin-top:7px; }
.ss-legend { display:grid;gap:3px; }
.ss-legend button { display:grid;grid-template-columns:8px 1fr auto;gap:6px 9px;align-items:center;border:1px solid transparent;border-radius:8px;padding:8px 7px;background:transparent;text-align:left;cursor:pointer;font-size:12px;color:#594651;transition:background .2s; }
.ss-legend button:hover,.ss-legend button[aria-pressed=true] { background:#f4ecee;border-color:#e6d6dc; }
.ss-legend i { height:7px;width:7px;border-radius:50%; }
.ss-legend b { font-weight:600; }
.ss-legend small { grid-column:2 / 4;color:#746168;font-size:11px; }
.ss-mix-empty { text-align:center;font-size:13px;line-height:1.9!important;margin:0; }
.ss-mix-empty span { font-size:12px; }
.ss-status-panel { margin-top:18px; }
.ss-statuses { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:20px; }
.ss-status-link { display:block;color:#65505b!important;border-radius:8px;padding:8px;transition:background .2s,transform .2s; }
.ss-status-link:hover { background:#f7efee;transform:translateY(-2px); }
.ss-status-link>span { display:flex;justify-content:space-between;gap:6px;font-size:12px; }
.ss-status-link>span b { opacity:0;font-weight:400;transition:opacity .2s; }
.ss-status-link:hover>span b,.ss-status-link:focus-visible>span b { opacity:1; }
.ss-status-link>strong { display:block;font-size:25px;font-weight:600;margin:10px 0;line-height:1.2;color:#44303d; }
.ss-status-link small { font-size:11px;font-weight:400;margin-left:5px;color:#746168; }
.ss-bar { height:4px;border-radius:3px;background:#eee7e1;overflow:hidden; }
.ss-bar i { display:block;width:var(--ss-progress);height:100%;border-radius:3px;animation:ss-bar .55s var(--ss-ease); }
.ss-data-note { font-size:12px!important;margin:12px 2px 0; }
.ss-chart-placeholder { min-height:300px;display:grid;place-items:center;color:#655a61;font-size:14px; }
.ss-series-table { margin-top:18px;max-height:280px;overflow:auto;border:1px solid #e7dfd9;border-radius:8px; }
.ss-series-table table { width:100%;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap; }
.ss-series-table caption { text-align:left;padding:10px 12px;background:#f7f1eb;color:#65505b; }
.ss-series-table th,.ss-series-table td { padding:10px 12px;text-align:right;border-bottom:1px solid #eee7e1; }
.ss-series-table th:first-child,.ss-series-table td:first-child { text-align:left; }
.ss-series-table th { position:sticky;top:0;background:#f6efed;color:#594651; }
.ss-series-table tr:hover td { background:#faf2f4; }
@keyframes ss-draw { from{stroke-dashoffset:1500} to{stroke-dashoffset:0} }
@keyframes ss-bar { from{width:0} to{width:var(--ss-progress)} }
@media(max-width:1200px) { .ss-charts-grid { grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr); } .ss-chart-panel { padding:18px; } .ss-chart-top { align-items:flex-start; } .ss-statuses { gap:8px; } }
@media(max-width:900px) { .ss-charts-grid { grid-template-columns:1fr; } .ss-mix { display:grid;grid-template-columns:190px 1fr;gap:8px 16px; } .ss-mix .ss-chart-top { grid-column:1/-1; } .ss-legend { align-content:center; } .ss-mix-empty { align-self:center; } .ss-statuses { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:640px) { .ops-page { padding:16px 12px 32px!important; } .ss-section-heading { align-items:flex-start;flex-direction:column;gap:12px; } .ss-range { align-self:stretch; } .ss-range button { flex:1; } .ss-mix { grid-template-columns:130px 1fr;gap:8px; } .ss-ring { width:130px;margin:6px auto; } .ss-ring strong { font-size:24px; } .ss-ring span { font-size:10px; } .ss-overview-hero::after { width:125px;height:125px;right:0; } .ops-hero.ss-overview-hero { padding:20px!important;min-height:175px; } .ss-overview-hero h1 { font-size:22px!important; } .ss-chart-value { font-size:28px; } .ss-plot { margin-left:-12px;margin-right:-12px; } .ss-trend-svg text { font-size:14px; } .ss-plot-empty { font-size:12px;top:25%; } .ss-plot-empty span { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .ss-trend-line,.ss-bar i { animation:none!important; } .ss-status-link:hover { transform:none; } }
/* Unified filter geometry: affix inputs must not add a second control height. */
.ops-page .ant-input-affix-wrapper{height:40px!important;min-height:40px!important;padding:0 11px!important;align-items:center!important;box-sizing:border-box}
.ops-page .ant-input-affix-wrapper>input.ant-input{height:100%!important;min-height:0!important;padding:0!important;line-height:normal!important}
.ops-page input.ant-input:not(.ant-select-selection-search-input){height:40px;min-height:40px}
.ops-page .ant-input-affix-wrapper>input.ant-input{min-height:0!important}
.ops-page .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{height:40px!important;min-height:40px!important;align-items:center}
.ops-page .ant-select-single .ant-select-selection-item,.ops-page .ant-select-single .ant-select-selection-placeholder{line-height:38px!important}
.ops-page .ant-select-single .ant-select-selection-search-input{height:38px!important}
.ops-page .ant-picker{height:40px;min-height:40px!important}
.ops-page .ant-form-inline{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:14px 20px!important;margin-bottom:22px!important}
.ops-page .ant-form-inline .ant-form-item{margin:0!important;max-width:100%}
.ops-page .ant-form-inline .ant-form-item-row{align-items:center!important;flex-wrap:nowrap}
.ops-page .ant-form-inline .ant-form-item-label{padding:0!important;flex:none}
.ops-page .ant-form-inline .ant-form-item-label>label{height:40px!important;line-height:20px!important;display:flex;align-items:center}
.ops-page .ant-form-inline .ant-form-item-control-input{min-height:40px!important}
.ops-page .ant-form-inline .ant-form-item-control-input-content{display:flex;align-items:center;min-width:0}
.ops-page .ant-form-inline .ant-btn{height:40px!important;margin-top:0!important;display:inline-flex;align-items:center;justify-content:center}
.ops-page .ant-form-inline .ant-select{height:40px!important}
@media(max-width:640px){.ops-page .ant-form-inline{gap:14px!important}.ops-page .ant-form-inline>.ant-form-item{width:100%}.ops-page .ant-form-inline .ant-form-item-label{max-width:45%;white-space:normal}.ops-page .ant-form-inline .ant-form-item-label>label{height:auto!important;min-height:40px}.ops-page .ant-form-inline .ant-form-item-control{flex:1;min-width:0}.ops-page .ant-form-inline .ant-form-item-control-input-content>.ant-input-affix-wrapper,.ops-page .ant-form-inline .ant-form-item-control-input-content>.ant-select{width:100%!important;min-width:0!important}}
/* Use the approved hand-drawn Sweetstar artwork throughout the login scene. */
.ss-login .ss-login-landscape{background:radial-gradient(ellipse at 50% 40%,#fffaf0 0%,#f5eae4 55%,#eee0df 100%)!important}
.ss-login-scene{margin-right:0!important;padding:40px;text-align:center;position:relative;isolation:isolate}
.ss-login-scene>svg.animate-float{display:none!important}
.ss-login-mascot{width:min(80%,410px);height:auto;max-height:410px;object-fit:contain;filter:drop-shadow(0 20px 24px #96748012);animation:ss-mascot-breathe 6s ease-in-out infinite}
.ss-login-scene::before{content:"MIANSTAR CLUB";display:block;margin-bottom:24px;font-family:Georgia,serif;font-size:16px;letter-spacing:.24em;color:#866675}
.ss-login-scene::after{content:"✧";position:absolute;z-index:-1;top:22%;left:20%;font-size:80px;line-height:1;color:#d3bba3;transform:rotate(12deg);opacity:.48}
.ss-login-scene .text-foreground{color:#634e59!important}
@keyframes ss-mascot-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.ss-login-mascot{animation:none}}
/* Collapsed submenu tiles use the same selected contrast as leaf entries. */
aside .vben-menu.is-collapse .vben-sub-menu-content.is-active{color:#fff9f5!important;--menu-submenu-active-color:#fff9f5;fill:currentColor}
/* The fixed brand login does not need the upstream palette/layout switcher. */
.ss-login .absolute.rounded-3xl.bg-accent{display:none!important}

/* Each workspace has its own generated illustration, separate from identity marks. */
.ops-page[data-ss-scene="orders"]{--ss-empty-art:url('https://sweetstar-assets-1419326279.cos.ap-beijing.myqcloud.com/mianstar/media/admin/r38/empty-orders-r38.webp')}
.ops-page[data-ss-scene="people"]{--ss-empty-art:url('https://sweetstar-assets-1419326279.cos.ap-beijing.myqcloud.com/mianstar/media/admin/r38/empty-people-r38.webp')}
.ops-page[data-ss-scene="finance"]{--ss-empty-art:url('https://sweetstar-assets-1419326279.cos.ap-beijing.myqcloud.com/mianstar/media/admin/r38/empty-finance-r38.webp')}
.ops-page[data-ss-scene="benefits"]{--ss-empty-art:url('https://sweetstar-assets-1419326279.cos.ap-beijing.myqcloud.com/mianstar/media/admin/r38/empty-benefits-r38.webp')}
.ops-page[data-ss-scene="content"]{--ss-empty-art:url('https://sweetstar-assets-1419326279.cos.ap-beijing.myqcloud.com/mianstar/media/admin/r38/empty-content-r38.webp')}
.ss-empty-mobile::before{content:"";display:block;width:112px;height:100px;margin:0 auto 14px;background:var(--ss-empty-art) center/contain no-repeat}
.ant-select-dropdown .ant-empty-image{height:32px!important;background:none}
.ant-select-dropdown .ant-empty-image svg{opacity:1}
@keyframes ss-loading-ring{to{transform:rotate(360deg)}}
.ss-login #nprogress{display:none}
@media(max-width:640px){.ss-login-art:before{left:20px}.ss-login-art:after{left:20px;font-size:18px}}