:root{--nav:#0d1726;--ink:#172033;--muted:#718096;--line:#e5eaf1;--blue:#2563eb;--bg:#f3f6fa;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--nav);color:#cbd5e1;display:flex;flex-direction:column;z-index:50;border-right:1px solid #1e293b}.brand{height:65px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07)}.brand-logo{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#2563eb;color:#fff;font-size:21px;font-weight:900;box-shadow:0 8px 20px rgba(0,46,132,.45)}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong{font-size:13px;letter-spacing:.06em;color:#fff}.brand-copy span{font-size:9px;letter-spacing:.17em;color:#64748b;margin-top:4px}.nav-area{padding:14px 10px;flex:1}.nav-label{margin:0 8px 8px;font-size:9px;letter-spacing:.16em;color:#64748b}.system-label{margin-top:28px}.nav-item{position:relative;width:100%;height:37px;border:0;border-radius:7px;background:transparent;color:#94a3b8;display:flex;align-items:center;gap:10px;padding:0 10px;margin:2px 0;text-align:left;transition:.18s}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:rgba(37,99,235,.14);color:#93c5fd;box-shadow:inset 3px 0 #3b82f6}.nav-item .nav-icon{width:17px;text-align:center;font-size:16px}.nav-item>span:nth-child(2){font-size:12px}.nav-item i{font-style:normal;font-size:10px;margin-left:auto;color:#64748b}.profile{height:69px;margin:0 10px 11px;padding:9px;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);border-radius:9px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#1d4ed8);color:#fff;font-size:12px;font-weight:700}.profile-copy{display:flex;flex-direction:column;gap:3px;flex:1}.profile-copy strong{font-size:11px;color:#fff}.profile-copy small{font-size:9px;color:#64748b}.chevron{color:#475569}.main-content{margin-left:238px;width:calc(100% - 238px);min-width:0}.topbar{height:65px;position:sticky;top:0;z-index:30;display:flex;align-items:center;padding:0 27px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.mobile-menu{display:none;border:0;background:none;font-size:20px;color:#64748b}.breadcrumb{display:flex;flex-direction:column;gap:3px}.breadcrumb small{font-size:10px;color:#94a3b8}.breadcrumb strong{font-size:12px;color:#334155}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.search-box{position:relative;display:block;width:260px}.search-box>span{position:absolute;left:12px;top:8px;color:#94a3b8;font-size:18px}.search-box input{width:100%;height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;outline:0;padding:0 48px 0 36px;font-size:11px;color:#475569}.search-box input:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px #dbeafe}.search-box kbd{position:absolute;right:9px;top:9px;padding:2px 5px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;color:#94a3b8;font-size:8px}.bell{position:relative;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b}.bell i{position:absolute;right:8px;top:7px;width:6px;height:6px;border-radius:50%;background:#ef4444;border:2px solid #fff}.clock{padding-left:12px;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;text-align:right}.clock strong{font-size:11px;color:#334155}.clock small{font-size:8px;color:#94a3b8;margin-top:2px}.dashboard{max-width:1600px;margin:auto;padding:25px 28px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.system-state{display:flex;align-items:center;gap:8px;margin:0 0 7px}.system-state span{padding:4px 8px;border-radius:99px;background:#ecfdf5;color:#047857;font-size:9px;font-weight:600}.system-state small{font-size:9px;color:#94a3b8}.welcome-row h1{font-size:20px;margin:0;color:#0f172a}.welcome-row>div>p:last-child{font-size:11px;color:#64748b;margin:6px 0 0}.brief-button{height:36px;padding:0 16px;border:0;border-radius:8px;background:#16243a;color:#fff;font-size:11px;box-shadow:0 2px 5px rgba(15,23,42,.15)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card{padding:16px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 1px 3px rgba(15,23,42,.04)}.metric-head{display:flex;align-items:flex-start;justify-content:space-between}.metric-head>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;font-size:16px;font-weight:700}.blue .metric-head>span{background:#eff6ff;color:#2563eb}.green .metric-head>span{background:#ecfdf5;color:#059669}.violet .metric-head>span{background:#f5f3ff;color:#7c3aed}.amber .metric-head>span{background:#fffbeb;color:#d97706}.spark{height:27px;display:flex;align-items:flex-end;gap:4px}.spark i{display:block;width:6px;border-radius:2px 2px 0 0;background:#3b82f6}.spark i:nth-child(1){height:9px;opacity:.18}.spark i:nth-child(2){height:13px;opacity:.22}.spark i:nth-child(3){height:11px;opacity:.26}.spark i:nth-child(4){height:16px;opacity:.32}.spark i:nth-child(5){height:18px;opacity:.38}.spark i:nth-child(6){height:17px;opacity:.52}.spark i:nth-child(7){height:23px;opacity:.75}.green .spark i{background:#10b981}.violet .spark i{background:#8b5cf6}.amber .spark i{background:#f59e0b}.spark.reverse i:nth-child(1){height:23px}.spark.reverse i:nth-child(2){height:20px}.spark.reverse i:nth-child(3){height:21px}.spark.reverse i:nth-child(4){height:16px}.spark.reverse i:nth-child(5){height:14px}.spark.reverse i:nth-child(6){height:13px}.spark.reverse i:nth-child(7){height:10px}.spark.steps i:nth-child(1),.spark.steps i:nth-child(2){height:10px}.spark.steps i:nth-child(3),.spark.steps i:nth-child(4){height:15px}.spark.steps i:nth-child(5),.spark.steps i:nth-child(6){height:20px}.spark.steps i:nth-child(7){height:24px}.metric-card>p{margin:15px 0 5px;color:#64748b;font-size:10px}.metric-card>div:last-child{display:flex;align-items:flex-end;justify-content:space-between}.metric-card strong{font-size:23px;letter-spacing:-.03em;color:#0f172a}.metric-card small{font-size:9px;color:#94a3b8;padding-bottom:3px}.metric-card small b{color:#059669}.middle-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,.85fr);gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.04)}.panel-title{height:62px;display:flex;align-items:flex-start;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #edf1f6}.panel h2{font-size:12px;margin:0;color:#334155}.panel h2+p,.projects-head p{font-size:9px;color:#94a3b8;margin:5px 0 0}.legend{display:flex;gap:12px;font-size:9px;color:#64748b}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%}.dot-blue{background:#3b82f6}.dot-gray{background:#cbd5e1}.chart-wrap{padding:11px 18px 10px;position:relative}.chart-total{display:flex;align-items:baseline;gap:8px}.chart-total strong{font-size:23px;color:#0f172a}.chart-total span{font-size:9px;color:#059669;font-weight:600}.trend-chart{width:100%;height:118px;overflow:visible}.grid-lines line{stroke:#edf1f6;stroke-dasharray:4 5}.target-line{stroke:#94a3b8;stroke-width:1;stroke-dasharray:6 6}.area{fill:url(#chartFill)}.line{fill:none;stroke:#3b82f6;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-labels{display:flex;justify-content:space-between;font-size:8px;color:#94a3b8;margin-top:-4px}.todo-panel .panel-title button{border:0;background:none;color:#2563eb;font-size:9px}.todo-list{padding:0 18px}.todo-list label{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #f0f3f7;cursor:pointer}.todo-list label:last-child{border-bottom:0}.todo-list input{margin-top:2px;accent-color:#2563eb}.todo-list span{display:flex;flex-direction:column;gap:5px;min-width:0}.todo-list strong{font-size:10px;color:#475569;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-list small{font-size:8px;color:#94a3b8}.todo-list input:checked+span strong{text-decoration:line-through;color:#94a3b8}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:14px;margin-top:14px}.projects-head{height:65px;display:flex;align-items:center;justify-content:space-between;padding:13px 18px 0;border-bottom:1px solid #edf1f6}.tabs{align-self:flex-end;height:36px;display:flex;gap:20px}.tabs button{position:relative;border:0;background:none;padding:0 1px;color:#64748b;font-size:9px}.tabs button.active{color:#0f172a;font-weight:600}.tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#0f172a}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:10px;min-width:720px}th{height:34px;padding:0 8px;text-align:left;background:#f8fafc;color:#94a3b8;font-size:8px;font-weight:500;letter-spacing:.05em}th:first-child,td:first-child{padding-left:18px}td{height:55px;padding:0 8px;border-bottom:1px solid #f0f3f7;color:#64748b;white-space:nowrap}tbody tr:last-child td{border-bottom:0}td:first-child{display:flex;align-items:center;gap:9px}td:first-child>span:last-child{display:flex;flex-direction:column;gap:3px}td:first-child strong{font-size:10px;color:#475569}td:first-child small{font-size:8px;color:#94a3b8}.project-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;color:#fff;font-weight:700}.p-blue{background:#2563eb}.p-violet{background:#7c3aed}.p-amber{background:#d97706}.p-green{background:#059669}td:nth-child(3){display:flex;align-items:center;gap:8px}.progress{width:120px;height:5px;border-radius:99px;background:#eef2f7;overflow:hidden}.progress i{display:block;height:100%;background:#3b82f6;border-radius:99px}.status{font-style:normal;font-size:8px;padding:4px 7px;border-radius:99px}.running{background:#eff6ff;color:#1d4ed8}.pending{background:#fffbeb;color:#b45309}.review{background:#f5f3ff;color:#6d28d9}.empty-state{display:none;text-align:center;padding:45px;color:#94a3b8;font-size:10px}.terminal-panel{background:#101b2b;border:1px solid #1e293b;border-radius:11px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.11);color:#94a3b8}.terminal-head{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07);font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#cbd5e1}.terminal-head div{display:flex;gap:5px}.terminal-head i{width:7px;height:7px;border-radius:50%;background:#f87171}.terminal-head i:nth-child(2){background:#fbbf24}.terminal-head i:nth-child(3){background:#34d399}.terminal-body{padding:14px 15px;font:8.5px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:177px}.terminal-body p{display:flex;gap:8px;margin:0 0 6px}.terminal-body time{color:#475569}.terminal-body b{width:28px;font-weight:500}.terminal-body .info{color:#60a5fa}.terminal-body .ok{color:#34d399}.terminal-body .warn{color:#fbbf24}.cursor{color:#22d3ee!important}.cursor i{width:5px;height:10px;background:#22d3ee;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.terminal-status{height:52px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.08)}.terminal-status div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.07)}.terminal-status div:last-child{border:0}.terminal-status small{font-size:7px;letter-spacing:.1em;color:#475569}.terminal-status strong{font-size:8px;color:#cbd5e1;margin-top:4px}.terminal-status strong:first-letter{color:#34d399}.overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:40}
@media(max-width:1180px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.middle-grid,.bottom-grid{grid-template-columns:1fr}.terminal-panel{min-height:300px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.overlay.open{display:block}.main-content{margin-left:0;width:100%}.topbar{padding:0 14px}.mobile-menu{display:block;margin-right:10px}.search-box{display:none}.clock{display:none}.dashboard{padding:16px}.welcome-row{align-items:flex-start;gap:12px;flex-direction:column}.brief-button{width:100%}.metrics-grid{grid-template-columns:1fr}.middle-grid,.bottom-grid{grid-template-columns:1fr}.legend{display:none}.projects-head{align-items:flex-start;gap:8px;flex-direction:column;height:auto;padding-top:14px}.tabs{align-self:stretch;justify-content:flex-start}.trend-chart{height:100px}.chart-labels span:nth-child(even){display:none}}