:root{font-family:Inter,HarmonyOS Sans,PingFang SC,Microsoft Yahei,system-ui;color:#f8fafc;background-color:#020510;line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg-base: #020510;--bg-panel: rgba(7, 12, 26, .92);--bg-card: rgba(12, 18, 36, .9);--brand-primary: #2563eb;--brand-secondary: #22d3ee;--brand-accent: #f97316;--text-muted: #94a3b8;--grid-color: rgba(37, 99, 235, .07)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.25),transparent 55%),radial-gradient(circle at 80% 0%,rgba(34,211,238,.18),transparent 45%),var(--bg-base);color:#e2e8f0;perspective:1600px}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2}body:before{background-image:linear-gradient(120deg,rgba(37,99,235,.08) 0%,transparent 60%),radial-gradient(circle at 70% 10%,rgba(249,115,22,.08),transparent 40%);filter:blur(10px)}body:after{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160"%3E%3Cpath d="M0 159h160" stroke="rgba(37,99,235,0.08)" stroke-width="1"/%3E%3Cpath d="M0 79.5h160" stroke="rgba(37,99,235,0.05)" stroke-width="1"/%3E%3Cpath d="M79.5 0v160" stroke="rgba(37,99,235,0.05)" stroke-width="1"/%3E%3C/svg%3E');opacity:.5;mix-blend-mode:screen}#app{padding:32px;min-height:100vh}.layout-stage{position:relative;isolation:isolate}.bg-grid,.bg-lines{position:absolute;inset:0;z-index:-1}.bg-grid{background-image:linear-gradient(90deg,var(--grid-color) 1px,transparent 1px),linear-gradient(0deg,var(--grid-color) 1px,transparent 1px);background-size:90px 90px;opacity:.5;transform:rotateX(55deg);transform-origin:top;filter:drop-shadow(0 25px 45px rgba(0,0,0,.5))}.bg-lines{background:linear-gradient(120deg,transparent,rgba(37,99,235,.25),transparent);mix-blend-mode:screen;animation:sweep 14s linear infinite}.orb{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(60px);opacity:.4}.orb-left{left:-120px;top:10%;background:radial-gradient(circle,rgba(37,99,235,.6),transparent 60%)}.orb-right{right:-100px;bottom:5%;background:radial-gradient(circle,rgba(249,115,22,.35),transparent 60%)}button,input,select,textarea{font:inherit;color:inherit}.app-shell{position:relative;display:grid;grid-template-columns:92px 260px minmax(0,1fr) 280px;gap:24px;align-items:stretch;max-width:1680px;margin:0 auto;padding-bottom:32px;transform:rotateX(.25deg) rotateY(-.4deg);transform-style:preserve-3d}.app-shell>*{min-width:0}.nav-rail,.nav-panel,.app-main,.quick-panel{position:relative;border-radius:28px;background:var(--bg-panel);border:1px solid rgba(59,130,246,.15);box-shadow:0 30px 60px #020617a6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform-style:preserve-3d}.nav-rail{padding:18px 0;display:flex;flex-direction:column;align-items:center;gap:18px;min-height:calc(100vh - 64px)}.logo-mark{width:56px;height:56px;border-radius:18px;padding:6px;background:linear-gradient(145deg,#2563ebd9,#22d3eea6);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.08em;box-shadow:inset 0 0 25px #fff3;transform:translateZ(30px)}.logo-mark small{font-size:9px;opacity:.75}.rail-icons{flex:1;display:flex;flex-direction:column;gap:12px}.rail-icon{width:54px;height:54px;border-radius:16px;border:1px solid rgba(148,163,184,.2);background:#ffffff08;color:#94a3b8;cursor:pointer;transition:.25s;box-shadow:inset 0 0 0 1px #0f172a59}.rail-icon:hover{transform:translateZ(12px) translateY(-2px);color:#fff}.rail-icon.active{border-color:#22d3ee99;color:#fff;background:linear-gradient(145deg,#2563eb66,#22d3ee4d);box-shadow:0 10px 30px #2563eb59}.rail-settings{width:46px;height:46px;border-radius:16px;border:none;background:#ffffff0f;color:#94a3b8;cursor:pointer}.nav-panel{padding:28px;align-self:stretch}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel-label{color:var(--text-muted);margin:0}.panel-title{font-size:22px;margin-top:4px}.panel-add{border:1px solid rgba(148,163,184,.4);background:transparent;color:#fff;border-radius:14px;width:40px;height:40px;cursor:pointer}.panel-groups{margin-top:28px;display:flex;flex-direction:column;gap:20px}.nav-group{display:flex;flex-direction:column;gap:8px}.group-title{margin:0;color:#52607a;letter-spacing:.14em;font-size:12px}.group-item{background:#ffffff05;color:#94a3b8;border:1px solid transparent;border-radius:16px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.2s;gap:12px}.group-item-body{display:flex;flex-direction:column;gap:2px}.group-item small{font-size:12px;color:var(--text-muted)}.group-item .chevron{font-size:16px;color:var(--text-muted);transition:.2s}.group-item:hover{border-color:#2563eb59;color:#fff}.group-item:hover .chevron,.group-item.active .chevron{transform:translate(4px);color:#fff}.group-item.active{border-color:#2563ebb3;background:#2563eb2e;color:#fff;box-shadow:inset 0 1px #ffffff0d}.app-main{padding:32px;display:flex;flex-direction:column;gap:32px;border-radius:32px;min-width:0}.top-bar{display:flex;align-items:center;justify-content:space-between}.breadcrumb{margin:0;color:var(--text-muted);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.top-bar h1{margin:6px 0 0;font-size:32px}.top-actions{display:flex;align-items:center;gap:12px}.search-box{background:#0f172abf;border:1px solid rgba(51,65,85,.8);border-radius:16px;padding:0 16px;display:flex;align-items:center;gap:6px}.depth{box-shadow:inset 0 0 30px #ffffff05,0 25px 60px #020617a6}.search-box input{border:none;background:transparent;color:inherit;padding:10px 4px;width:220px}.pill,.pill.ghost{border-radius:999px;padding:10px 20px;border:none;background:linear-gradient(145deg,#2563eb4d,#22d3ee33);color:#e2e8f0;cursor:pointer;transition:transform .2s}.pill:hover,.pill.ghost:hover{transform:translateY(-2px)}.pill.ghost{background:#ffffff0a;border:1px solid rgba(148,163,184,.3)}.pill.warning{background:#f8717140;border:1px solid rgba(248,113,113,.5)}.avatar{width:42px;height:42px;border-radius:16px;background:linear-gradient(145deg,#22d3ee,#2563eb);color:#050912;font-weight:700;border:none;cursor:pointer;box-shadow:0 15px 35px #22d3ee66}.content{display:flex;flex-direction:column;gap:24px}.section{background:var(--bg-card);border-radius:28px;padding:24px;border:1px solid rgba(59,130,246,.15);display:flex;flex-direction:column;gap:24px;box-shadow:0 25px 45px #02061799;transform-style:preserve-3d}.section-head h2{margin:0}.section-head p{margin:4px 0 0;color:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.kpi-card{padding:18px;border-radius:20px;background:linear-gradient(160deg,#2563eb47,#020617eb);border:1px solid rgba(37,99,235,.25);box-shadow:0 20px 35px #2563eb40;transform:translateZ(15px);transition:transform .2s}.kpi-card:hover{transform:translateZ(30px) translateY(-4px)}.kpi-card header{display:flex;justify-content:space-between;color:var(--text-muted);font-size:14px;align-items:flex-start}.kpi-card .hint{width:24px;height:24px;border-radius:50%;border:1px solid rgba(148,163,184,.6);display:grid;place-items:center;font-size:12px;color:#f8fafccc;cursor:help;position:relative}.kpi-card .hint:after{content:attr(data-text);position:absolute;bottom:calc(100% + 8px);right:0;background:#0f172af2;border:1px solid rgba(37,99,235,.4);border-radius:10px;padding:6px 10px;font-size:12px;color:#e2e8f0;white-space:nowrap;opacity:0;transform:translateY(6px);transition:.2s;pointer-events:none}.kpi-card .hint:hover:after,.kpi-card .hint:focus-visible:after{opacity:1;transform:translateY(0)}.kpi-card:focus-visible{outline:2px solid var(--brand-secondary);outline-offset:4px}.kpi-value{font-size:34px;font-weight:600;margin-top:8px}.split{display:grid;grid-template-columns:2fr 1fr;gap:20px}.panel{background:#0a1122e6;border-radius:24px;padding:20px;border:1px solid rgba(37,99,235,.15);box-shadow:0 15px 35px #0206178c}.panel header{display:flex;justify-content:space-between;align-items:flex-start}.panel header p{margin:4px 0 0;color:var(--text-muted);font-size:14px}.chart-area{margin-top:20px;border-radius:20px;background:#0f172ab3;border:1px solid rgba(37,99,235,.25);padding:12px}.line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line.primary{stroke:#22d3ee}.line.secondary{stroke:#2563eb;opacity:.4}.axis-label{fill:var(--text-muted);font-size:12px}.tasks ul,.leaderboard ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.tasks li,.leaderboard li{display:flex;justify-content:space-between;align-items:center;background:#0f172a99;border-radius:16px;padding:12px 14px;border:1px solid rgba(37,99,235,.15)}.sla{font-size:12px;padding:4px 10px;border-radius:999px}.sla.critical{background:#f8717140;color:#f87171}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.simple{width:100%;border-collapse:collapse}.simple th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 12px}.simple th:last-child,.simple td:last-child{text-align:right}.simple td{padding:10px 12px;border-top:1px solid rgba(51,65,85,.5)}.simple td button{font-size:12px;padding:4px 12px}.simple tr.active{background:#2563eb14}.simple tr.pending{box-shadow:inset 0 0 0 1px #22d3ee59}.quick-panel{padding:28px;display:flex;flex-direction:column;gap:12px;align-self:stretch;min-height:calc(100% - 32px);justify-content:space-between}.quick-panel button{border-radius:16px;border:1px solid rgba(37,99,235,.3);background:#2563eb26;color:#fff;padding:12px 14px;text-align:left;cursor:pointer}.quick-panel ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-muted)}.muted{margin-top:12px;color:#475569;font-size:12px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,rgba(37,99,235,.35),transparent 60%),#050912}.login-card{width:380px;background:#080d1df2;border-radius:28px;padding:36px;border:1px solid rgba(37,99,235,.2);display:flex;flex-direction:column;gap:12px;box-shadow:0 25px 45px #020617b3}.login-card input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(51,65,85,.8);background:#0f172acc}.inbound-grid{display:grid;grid-template-columns:minmax(0,55%) minmax(0,1fr);gap:24px}.detail-panel{display:flex;flex-direction:column;gap:16px}.detail-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-grid li{background:#0f172aa6;border-radius:16px;padding:12px;border:1px solid rgba(37,99,235,.2)}.adjust-cell{display:flex;gap:8px;align-items:center}.adjust-cell input{width:80px;padding:6px 8px;border-radius:10px;border:1px solid rgba(51,65,85,.7);background:#0f172ab3}.error{color:#f87171}@keyframes sweep{0%{transform:translate(-30%)}to{transform:translate(30%)}}@media(max-width:1500px){.app-shell{grid-template-columns:84px 220px minmax(0,1fr) 260px;gap:20px}}@media(max-width:1366px){.app-shell{grid-template-columns:84px 220px minmax(0,1fr)}.quick-panel{display:none}}@media(max-width:1200px){#app{padding:20px}.app-shell{grid-template-columns:84px minmax(0,1fr)}.nav-panel{display:none}}@media(max-width:900px){#app{padding:16px}.app-shell{grid-template-columns:1fr;transform:none}.nav-rail,.quick-panel{display:none}.split,.grid-two,.inbound-grid{grid-template-columns:1fr}}