:root{--primary: #4f46e5;--primary-600: #4338ca;--primary-50: #eef2ff;--primary-100: #e0e7ff;--sidebar: #0f172a;--sidebar-text: #cbd5e1;--bg: #f1f5f9;--card: #ffffff;--border: #e2e8f0;--border-2: #cbd5e1;--text: #0f172a;--muted: #64748b;--muted-2: #94a3b8;--dev: #2563eb;--dev-bg: #dbeafe;--sales: #059669;--sales-bg: #d1fae5;--warn: #d97706;--warn-bg: #fef3c7;--danger: #dc2626;--danger-bg: #fee2e2;--purple: #7c3aed;--purple-bg: #ede9fe;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .12)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes glow{0%,to{box-shadow:0 0 #4f46e500}50%{box-shadow:0 0 24px 4px #4f46e540}}@keyframes countPop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}.page-anim{animation:pageIn .32s ease both}.stagger>*{animation:riseIn .45s ease both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.08s}.stagger>*:nth-child(3){animation-delay:.14s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.26s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.hoverable{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.brand{display:flex;align-items:center;gap:11px;padding:18px 18px 16px}.brand-dot{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#818cf8,var(--primary));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #4f46e566}.brand-title{color:#fff;font-weight:700;font-size:15px;line-height:1.3}.brand-title small{display:block;font-weight:400;color:var(--muted-2);font-size:11px}.avatar-dot{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#818cf8,var(--primary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.role-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:1px 8px;border-radius:5px;line-height:18px}.role-tag.dev{background:var(--dev-bg);color:var(--dev)}.role-tag.sales{background:var(--sales-bg);color:var(--sales)}.role-tag.admin{background:var(--danger-bg);color:var(--danger)}.role-tag.other{background:#f1f5f9;color:var(--muted)}.page-t{font-size:20px;font-weight:800;letter-spacing:-.2px}.page-s{color:var(--muted);font-size:12.5px;margin-top:2px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:18px;border-top:3px solid transparent;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(79,70,229,.08),transparent 70%)}.stat-card.accent{border-top-color:var(--primary)}.stat-card.green{border-top-color:var(--sales)}.stat-card.orange{border-top-color:var(--warn)}.stat-card.red{border-top-color:var(--danger)}.stat-card .lbl{color:var(--muted);font-size:12.5px;font-weight:600}.stat-card .num{font-size:28px;font-weight:800;margin:6px 0 4px;font-variant-numeric:tabular-nums;animation:countPop .4s ease both}.stat-card .trend{font-size:12px;color:var(--muted)}.notice{padding:10px 12px;border-radius:9px;font-size:12.5px;border:1px solid var(--border);background:#f8fafc;color:var(--muted);display:flex;align-items:center;gap:8px}.notice.blue{background:var(--dev-bg);border-color:#bfdbfe;color:var(--dev)}.notice.green{background:var(--sales-bg);border-color:#a7f3d0;color:var(--sales)}.notice.orange{background:var(--warn-bg);border-color:#fde68a;color:var(--warn)}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#312e81 60%,#4f46e5);overflow:auto}.login-card{width:400px;max-width:calc(100vw - 32px);background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:40px 36px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;box-shadow:0 30px 60px #0006;animation:pageIn .4s ease both}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:8px}.login-logo .dot{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#818cf8,var(--primary));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;animation:glow 3s ease-in-out infinite}.login-card h1{font-size:22px;font-weight:700;line-height:1.3}.login-sub{color:#cbd5e1;font-size:13px;margin:4px 0 26px}.login-fld{margin-bottom:16px}.login-fld label{display:block;font-size:12.5px;color:#cbd5e1;margin-bottom:6px;font-weight:600}.login-fld input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:14px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.login-fld input::placeholder{color:#94a3b8}.login-fld input:focus{outline:none;border-color:#818cf8;background:#ffffff24;box-shadow:0 0 0 3px #818cf840}.login-btn{width:100%;padding:12px;border:none;border-radius:10px;background:#fff;color:var(--primary-600);font-weight:700;font-size:14px;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.login-btn:hover{background:#eef2ff;box-shadow:0 6px 18px #818cf859;transform:translateY(-1px)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-demo{margin-top:22px;border-top:1px solid rgba(255,255,255,.14);padding-top:16px}.login-demo .t{font-size:11.5px;color:#94a3b8;margin-bottom:8px}.login-demo button{flex:1;padding:8px;border-radius:9px;border:1px solid rgba(255,255,255,.22);background:#ffffff0f;color:#e2e8f0;font-size:12px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.login-demo button:hover{background:#ffffff26;border-color:#818cf8}.login-demo button small{display:block;color:#94a3b8;font-weight:400}.ant-layout{background:var(--bg)}.ant-card{border-radius:14px}.ant-table-wrapper .ant-table{border-radius:10px}.ant-table-thead>tr>th{background:#f8fafc!important;color:var(--muted)!important;font-weight:600}