:root{--brand-primary:#2563eb;--bg:#f4f6f9;--bg-card:#fff;--bg-subtle:#f8fafc;--text-1:#0f172a;--text-2:#475569;--text-3:#94a3b8;--border:#0f172a14;--border-strong:#0f172a24;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--shadow-md:0 4px 12px -2px #0f172a14;--shadow-lg:0 12px 32px -8px #0f172a24;--radius:12px;--radius-sm:8px;--ease:cubic-bezier(.2, 0, 0, 1);--sider-bg:#0b1220}[data-theme=dark]{--bg:#0f1115;--bg-card:#181b22;--bg-subtle:#1f232c;--text-1:#f1f5f9;--text-2:#cbd5e1;--text-3:#64748b;--border:#ffffff14;--border-strong:#ffffff24;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px -2px #0006;--shadow-lg:0 12px 32px -8px #00000080;--sider-bg:#0a0d14}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;transition:background .25s var(--ease);font-family:Inter,PingFang SC,system-ui,sans-serif}*{scrollbar-width:thin;scrollbar-color:var(--text-3) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.app,.watermark-shell{min-height:100vh}.app .ant-layout-sider{background:var(--sider-bg)!important}.brand{letter-spacing:3px;color:#fff;background:linear-gradient(135deg,#fff 20%,#93c5fde6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-bottom:1px solid #ffffff0f;place-items:center;height:64px;font-size:20px;font-weight:800;display:grid}.app .ant-menu{padding:8px}.app .ant-menu-item{border-radius:var(--radius-sm)}.app .ant-menu-submenu>.ant-menu{background:0 0!important}.header{border-bottom:1px solid var(--border);z-index:20;-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.header-light{color:var(--text-1)!important;background:#ffffffc7!important}.header-light .header-user,.header-light .ant-btn{color:var(--text-2)!important}.header-light .ant-btn:hover{color:var(--brand-primary)!important;background:#2563eb14!important}.header-dark{color:#f8fafc!important;background:#0f1115c7!important}.header-dark .header-user,.header-dark .ant-btn{color:var(--text-2)!important}.header b{letter-spacing:.3px;font-size:15px}.tab-bar{background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 16px}.tab-bar .ant-tabs-nav{margin:0}.tab-bar .ant-tabs-nav:before{border-bottom:none}.tab-bar .ant-tabs-tab{transition:color .15s var(--ease)}.content{padding:clamp(16px,2.5vw,32px);overflow:auto}.page-breadcrumb{color:var(--text-3);margin-bottom:16px}.page-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-title h3{letter-spacing:-.02em;margin:0}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stats.compact{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stats .ant-card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .18s var(--ease), box-shadow .18s var(--ease);overflow:hidden}.stats .ant-card:before{content:"";height:3px;display:block}.stats .ant-card:nth-child(4n+1):before{background:linear-gradient(90deg, var(--brand-primary), transparent 160%)}.stats .ant-card:nth-child(4n+2):before{background:linear-gradient(90deg,#16a34a,#0000 160%)}.stats .ant-card:nth-child(4n+3):before{background:linear-gradient(90deg,#ea580c,#0000 160%)}.stats .ant-card:nth-child(4n):before{background:linear-gradient(90deg,#7c3aed,#0000 160%)}.stats .ant-card:nth-child(4n+1) .ant-statistic-content{color:var(--brand-primary)}.stats .ant-card:nth-child(4n+2) .ant-statistic-content{color:#16a34a}.stats .ant-card:nth-child(4n+3) .ant-statistic-content{color:#ea580c}.stats .ant-card:nth-child(4n) .ant-statistic-content{color:#7c3aed}.stats .ant-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stats .ant-card .ant-statistic-title{opacity:.72;font-size:13px}.stats .ant-card .ant-statistic-content{font-variant-numeric:tabular-nums;font-weight:700}.filter-card{box-shadow:var(--shadow-sm);margin-bottom:16px;border-radius:var(--radius)!important;border-color:var(--border)!important}.filter-card .ant-card-body{padding:12px 16px}.action-card{border-radius:var(--radius);margin-top:16px}.result-box{margin-top:24px}.settings-table{margin-top:16px}.ant-table-wrapper .ant-table{border-radius:var(--radius)}.ant-table-wrapper .ant-table-thead>tr>th{font-size:13px;font-weight:600}.ant-table-wrapper .ant-table-tbody>tr:hover>td{transition:background .15s var(--ease)}.permission-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:10px;width:100%;display:grid!important}.appearance-form{grid-template-columns:110px 1fr;align-items:center;gap:18px;display:grid}.appearance-form button{grid-column:2}.json-view{color:#d1e9ff;border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;background:#101828;padding:16px}.detail-text{white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit}.loading-screen{min-height:60vh;color:var(--text-3);place-items:center;display:grid}.menu-tree{max-height:52vh;padding:4px 0;overflow:auto}.debug-json{white-space:pre-wrap;word-break:break-all;background:#8080801f;border-radius:6px;margin:0;padding:12px;font-size:12px;overflow-x:auto}.debug-layout{grid-template-columns:280px 1fr;align-items:start;gap:16px;display:grid}.debug-api-list .ant-card-body{padding:8px}.debug-api-item{border-radius:var(--radius-sm);cursor:pointer;transition:background .15s var(--ease), border-color .15s var(--ease);border:1px solid #0000;padding:10px 12px}.debug-api-item:hover{background:color-mix(in srgb, var(--brand-primary) 7%, transparent)}.debug-api-item.active{background:color-mix(in srgb, var(--brand-primary) 11%, transparent);border-color:var(--brand-primary)}.debug-api-path{margin-top:4px;font-family:ui-monospace,monospace;font-size:12px}.debug-api-desc{margin-top:2px;font-size:12px;display:block}.color-swatch{cursor:pointer;width:26px;height:26px;transition:transform .15s var(--ease);border:2px solid #0000;border-radius:6px;padding:0}.color-swatch:hover{transform:scale(1.12)}.color-swatch.active{border-color:var(--text-1);box-shadow:inset 0 0 0 2px #fff}.login{background:radial-gradient(52% 46% at 18% 16%, color-mix(in srgb, var(--brand-primary) 20%, transparent), transparent 70%), radial-gradient(48% 42% at 84% 78%, #7c3aed24, transparent 70%), linear-gradient(160deg, #f8fafc, #e8edf4);place-items:center;min-height:100vh;display:grid}.login-card{width:min(400px,100vw - 32px);box-shadow:var(--shadow-lg), inset 0 1px 0 #fff9;-webkit-backdrop-filter:blur(8px);background:#ffffffdb!important;border-radius:16px!important}.login-card .ant-card-head{text-align:center;border-bottom:none}.login-card .ant-card-head-title{letter-spacing:.02em;font-size:18px;font-weight:700}@media (width<=1200px){.permission-grid{grid-template-columns:1fr}}@media (width<=900px){.debug-layout{grid-template-columns:1fr}.content{padding:16px}}@media (width<=768px){.stats{grid-template-columns:repeat(2,1fr)}.header{padding:0 12px}}@media (width<=560px){.stats,.stats.compact{grid-template-columns:1fr}.page-title{flex-direction:column;align-items:flex-start;gap:8px}}.daily-card{box-shadow:var(--shadow-sm);border-radius:var(--radius)!important;border-color:var(--border)!important}.daily-bars{flex-direction:column;gap:10px;display:flex}.daily-row{grid-template-columns:110px 1fr 72px;align-items:center;gap:14px;display:grid}.daily-date{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12px}.daily-track{background:var(--bg-subtle);height:14px;transition:background .15s var(--ease);border-radius:7px;overflow:hidden}.daily-fill{height:100%;transition:width .45s var(--ease);background:linear-gradient(90deg, color-mix(in srgb, var(--brand-primary) 55%, transparent), var(--brand-primary));border-radius:7px}.daily-row:hover .daily-track{background:color-mix(in srgb, var(--brand-primary) 12%, var(--bg-subtle))}.daily-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.login-card{position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 30%, transparent));height:3px;position:absolute;inset:0 0 auto}.tab-bar .ant-tabs-tab{border-radius:8px 8px 0 0!important}.ant-table-wrapper .ant-table .ant-table-tbody>tr>td.ant-table-cell{border-bottom-color:var(--border)}.ant-empty{padding:24px 0}.ant-drawer .ant-drawer-body{padding-top:16px}.ant-modal .ant-modal-content{box-shadow:var(--shadow-lg)}.ant-message .ant-message-notice-wrapper .ant-message-notice-content{border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.api-progress{z-index:100;opacity:0;height:2px;transition:opacity .25s var(--ease);pointer-events:none;position:fixed;top:0;left:0;right:0}.api-progress.on{opacity:1}.api-progress.on:after{content:"";background:linear-gradient(90deg, transparent, var(--brand-primary));width:40%;animation:apiSlide 1s var(--ease) infinite;position:absolute;inset:0}@keyframes apiSlide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.content>.page-title,.content>.stats,.content>.filter-card,.content>.ant-table-wrapper,.content>.ant-card,.content>.ant-alert,.content>.ant-tabs,.content>.daily-card{animation:pageIn .22s var(--ease)}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}