:root{--color-primary: #2f6bff;--color-primary-hover: #1f5cf5;--color-primary-soft: #eef3ff;--color-primary-ring: rgba(47, 107, 255, .28);--gradient-primary: linear-gradient(135deg, #4f7bff 0%, #2f6bff 48%, #6257f4 100%);--gradient-brand: linear-gradient(135deg, #6d8bff 0%, #2f6bff 50%, #6a4bf2 100%);--color-success: #34c759;--color-success-strong: #248a3d;--color-warning: #ff9f0a;--color-warning-strong: #a85d00;--color-danger: #ff3b30;--color-danger-strong: #d70015;--color-bg: #f3f5fa;--color-surface: #ffffff;--color-surface-2: #f5f7fb;--color-text: #14161d;--color-text-secondary: #4a4f5c;--color-text-muted: #8b909d;--color-border: rgba(18, 22, 33, .08);--color-border-strong: rgba(18, 22, 33, .14);--color-separator: rgba(60, 60, 67, .1);--radius-sm: 7px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-xs: 0 1px 1.5px rgba(18, 22, 33, .04), 0 0 0 .5px rgba(18, 22, 33, .04);--shadow-sm: 0 1px 2px rgba(18, 22, 33, .04), 0 4px 14px rgba(18, 22, 33, .05);--shadow-md: 0 6px 20px rgba(18, 22, 33, .08), 0 2px 6px rgba(18, 22, 33, .05);--shadow-xl: 0 30px 70px rgba(18, 22, 33, .24), 0 10px 26px rgba(18, 22, 33, .12);--shadow-primary: 0 1px 2px rgba(0, 50, 160, .28), 0 8px 20px rgba(47, 107, 255, .32)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--color-text);background:var(--color-bg)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .16s ease}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{font-family:inherit;outline:none;color:var(--color-text);transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-ring)}a{color:inherit}.app-shell{display:flex;height:100vh;overflow:hidden}.app-sidebar{width:236px;flex-shrink:0;background:linear-gradient(184deg,#1b1f2c,#14161f);color:#e5e7ee;display:flex;flex-direction:column;padding:18px 14px 14px;border-right:1px solid rgba(255,255,255,.05);position:relative}.app-content{flex:1;overflow-y:auto;background:var(--color-bg);animation:viewIn .28s ease both}@keyframes viewIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 18px}.brand-mark{width:38px;height:38px;border-radius:11px;flex-shrink:0;background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;letter-spacing:-.5px;box-shadow:0 6px 16px #2f6bff66,inset 0 1px #ffffff4d}.brand-title{font-size:15px;font-weight:700;color:#fff;line-height:1.2}.brand-sub{font-size:11px;color:#8b90a3;margin-top:2px}.nav-group-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7185;padding:14px 12px 5px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;margin-bottom:2px;color:#b6bac8;background:transparent;font-size:13.5px;font-weight:500;text-align:left;width:100%;text-decoration:none;position:relative}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:var(--gradient-primary);color:#fff;font-weight:600;box-shadow:0 6px 16px #2f6bff5c}.nav-ico{width:26px;height:26px;border-radius:8px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:15px;background:#ffffff0f}.nav-item.active .nav-ico{background:#fff3}.sidebar-foot{margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.mobile-topbar,.sidebar-backdrop{display:none}.card-hover{transition:transform .18s ease,box-shadow .18s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}@media (max-width: 820px){.app-shell{display:block;height:auto;min-height:100vh;overflow:visible}.mobile-topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:30;height:52px;padding:0 14px;background:linear-gradient(184deg,#1b1f2c,#14161f);color:#fff;box-shadow:var(--shadow-sm)}.hamburger{width:38px;height:38px;border-radius:10px;flex-shrink:0;background:#ffffff14;color:#fff;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.mt-title{font-size:15px;font-weight:700;color:#fff}.app-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;width:250px;max-width:82vw;height:100vh;transform:translate(-100%);transition:transform .26s ease;box-shadow:0 0 40px #00000080}.app-sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000070;opacity:0;pointer-events:none;transition:opacity .26s ease}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.app-content{height:auto;min-height:calc(100vh - 52px);overflow-y:visible}.app-content>div{padding-left:12px!important;padding-right:12px!important}.app-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#12162133;border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#12162152;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}