:root{--mist-bg: #f3f5fa;--mist-card: #ffffff;--mist-ink: #0f172a;--mist-t2: #64748b;--mist-t3: #94a3b8;--mist-ind: #6366f1;--mist-ind-deep: #4f46e5;--mist-grad: linear-gradient(135deg, #6366f1, #a855f7);--mist-shadow: 0 6px 24px rgba(30, 41, 59, .06);--mist-shadow-pri: 0 8px 18px rgba(99, 102, 241, .32)}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Microsoft YaHei,Segoe UI,sans-serif;background:var(--mist-bg)}.app-shell{min-height:100%;background:var(--mist-bg)}.sidebar{background:transparent!important;padding:16px 6px 16px 16px}.sidebar-panel{background:var(--mist-card);border-radius:18px;box-shadow:var(--mist-shadow);height:100%;display:flex;flex-direction:column;padding:8px 8px 10px}.sidebar-panel .ant-menu{flex:1;overflow-y:auto;border-inline-end:none!important;background:transparent}.sidebar-panel .ant-menu-item-group-title{font-size:10.5px;letter-spacing:.16em;font-weight:650;padding-top:14px}.brand{display:flex;align-items:center;gap:11px;padding:14px 12px 16px;font-weight:700;font-size:15px;color:var(--mist-ink)}.brand-logo{width:32px;height:32px;flex:none;border-radius:9px;box-shadow:0 4px 12px #f472b647}.brand small{display:block;color:var(--mist-t3);font-size:10.5px;font-weight:500;letter-spacing:.06em;line-height:1.4}.sidebar-me{margin:8px 4px 2px;padding:10px 12px;border-radius:13px;background:#f6f7fb;display:flex;gap:10px;align-items:center}.sidebar-me-avatar{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fde68a,#f59e0b);color:#78350f;font-weight:700;font-size:13px}.sidebar-me-name{min-width:0}.sidebar-me-name b{display:block;font-size:13px;color:var(--mist-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-me-name small{color:var(--mist-t3);font-size:11px}.topbar{height:auto;padding:20px 24px 4px 12px;background:transparent;border-bottom:none;line-height:normal}.topbar h4{margin:0;font-weight:700}.topbar-sub{margin-left:10px}.content{padding:16px 24px 28px 12px}.ant-card{border:none;box-shadow:var(--mist-shadow)}.ant-btn-primary:not(:disabled){background:var(--mist-grad);box-shadow:var(--mist-shadow-pri)}.ant-btn-primary:not(:disabled):hover{background:var(--mist-grad);filter:brightness(1.07)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.kpi-body{display:flex;gap:13px;align-items:center}.kpi-tile{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;font-size:19px}.kpi-tile-ind{background:#eef0ff;color:#6366f1}.kpi-tile-green{background:#ecfdf5;color:#10b981}.kpi-tile-orange{background:#fff7ed;color:#f97316}.kpi-tile-pink{background:#fdf2f8;color:#ec4899}.kpi-tile-blue{background:#eff6ff;color:#3b82f6}.kpi-tile-violet{background:#f5f3ff;color:#8b5cf6}.kpi-meta{min-width:0}.kpi-meta small{color:var(--mist-t3);font-size:11.8px;display:block}.kpi-value{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--mist-ink);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-note{font-size:11.3px;color:var(--mist-t3)}.todo-list{display:flex;flex-direction:column;gap:10px}.todo-row{display:flex;align-items:center;gap:13px;width:100%;text-align:start;padding:12px 14px;border:1px solid #eef1f6;border-radius:14px;background:var(--mist-card);cursor:pointer;transition:border-color .15s,box-shadow .15s}.todo-row:hover{border-color:#dcdff0;box-shadow:var(--mist-shadow)}.todo-row:focus-visible{outline:2px solid var(--mist-ind);outline-offset:2px}.todo-row-idle{opacity:.7}.todo-tile{width:38px;height:38px;border-radius:12px;font-size:16px}.todo-meta{flex:1;min-width:0}.todo-meta b{display:block;font-size:14px;color:var(--mist-ink);line-height:1.5}.todo-meta small{display:block;color:var(--mist-t2);font-size:12px;line-height:1.5}.todo-count{flex:none;min-width:34px;text-align:center;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--mist-ind-deep)}.todo-count-zero{color:var(--mist-t3);font-weight:600}.finance-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.finance-pill{border:none;cursor:pointer;background:var(--mist-card);color:#475569;border-radius:999px;padding:7px 17px;font-size:13px;font-weight:550;box-shadow:var(--mist-shadow);transition:background .15s,color .15s}.finance-pill:hover{color:var(--mist-ink)}.finance-pill:focus-visible{outline:2px solid var(--mist-ind);outline-offset:2px}.finance-pill-on,.finance-pill-on:hover{background:var(--mist-grad);color:#fff;font-weight:650;box-shadow:var(--mist-shadow-pri)}.section-card{border-radius:16px;margin-bottom:16px}.login-card{margin-bottom:16px}.error-boundary-shell{min-height:100%;display:grid;place-items:center;padding:24px;background:var(--mist-bg)}.error-boundary-card{width:min(460px,100%);border-radius:16px}.error-boundary-card .ant-card-body{display:flex;flex-direction:column;gap:14px}.user-filter{width:min(980px,100%)}.drawer-alert{margin-bottom:16px}.drawer-action-card{margin-top:16px}.ant-drawer.ant-drawer-open>.ant-drawer-content-wrapper{transform:none!important}.user-identity{display:flex;align-items:center;gap:13px;padding:14px;border-radius:16px;background:#f6f7fb;margin-bottom:14px}.user-identity-avatar{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--mist-grad);color:#fff;font-size:19px;font-weight:700}.user-identity-meta{min-width:0;display:flex;flex-direction:column;gap:4px}.user-identity-meta b{font-size:15px;color:var(--mist-ink);line-height:1.4}.user-identity-meta small{color:var(--mist-t2);font-size:12px}.drawer-anchors{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.drawer-anchor{border:1px solid #e8ebf3;cursor:pointer;background:var(--mist-card);color:#475569;border-radius:999px;padding:5px 15px;font-size:12.5px;font-weight:550;transition:color .15s,border-color .15s}.drawer-anchor:hover{color:var(--mist-ind-deep);border-color:#c7cbf0}.drawer-anchor:focus-visible{outline:2px solid var(--mist-ind);outline-offset:2px}.drawer-section{scroll-margin-top:8px}.drawer-section+.drawer-section{margin-top:22px}.drawer-section-title{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--mist-t3)}.drawer-danger-zone{margin-top:16px;padding:12px 14px 4px;border:1px solid #fecdd3;border-radius:16px;background:#fff7f8}.drawer-danger-title{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.1em;color:#e11d48}.drawer-danger-zone .drawer-action-card{margin-top:12px}.drawer-password{width:100%;margin-bottom:10px}.drawer-hint{margin:10px 0 0;font-size:12px}.audit-detail-json{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;color:var(--mist-ink);background:#f6f7fb;border-radius:12px;padding:12px;overflow-x:auto;white-space:pre}.review-form{margin-top:16px}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.setting-field{display:flex;min-width:0;flex-direction:column;gap:8px}.login-form{width:100%;max-width:560px;margin-bottom:12px}.login-form .ant-form-item{margin-bottom:12px}@media(max-width:980px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-filter{width:100%}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.sidebar{display:none}.topbar,.content{padding:16px}.stats-grid,.settings-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}