:root{--bg:#0c1210;--surface:#131c18;--surface-2:#18231e;--line:#29362f;--text:#f5f0e5;--muted:#9ca79f;--gold:#d6b66f;--green:#69c596;--blue:#7da8e8;--coral:#e48470;--danger:#ef8b7b;--radius:18px;font-family:Inter,"Noto Sans TC","PingFang TC",system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0%,#1b2922 0,transparent 34%),var(--bg);min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:28px 20px;border-right:1px solid var(--line);background:#0e1613;display:flex;flex-direction:column;z-index:10}.brand-lockup{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brand-mark,.avatar{display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--gold),#705b2f);color:#0d120f;font-weight:900}.brand-mark{width:40px;height:40px}.brand-lockup strong,.brand-lockup small,.profile strong,.profile small{display:block}.brand-lockup small{color:var(--muted);font-size:11px;letter-spacing:.16em;margin-top:2px}.primary-nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:var(--muted);padding:13px 12px;border-radius:12px;display:flex;justify-content:space-between;text-align:left}.nav-item:hover,.nav-item.active{background:var(--surface-2);color:var(--text)}.nav-item.active{box-shadow:inset 3px 0 var(--gold)}.nav-item small{color:#6f7a74}.badge,.mobile-nav span{background:var(--coral);color:#16130f!important;padding:1px 7px;border-radius:20px}.team-status{border-top:1px solid var(--line);margin-top:28px;padding:26px 8px 0}.eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.15em;color:var(--gold);font-weight:800}.agent-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;margin:11px 0;font-size:12px}.agent-row small{color:var(--muted)}.agent-dot{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:11px;font-weight:900;color:#07100b;background:var(--gold)}.agent-dot.large{width:42px;height:42px;font-size:16px}.athena{background:#d8b675}.calliope{background:#72c996}.hermes{background:#e3c75e}.peitho{background:#df7885}.profile{border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:10px;text-align:left;margin-top:auto;padding:12px 8px}.profile .avatar{width:34px;height:34px;font-size:12px}.profile small{color:var(--muted);margin-top:2px}main{margin-left:250px;padding:34px clamp(24px,4vw,64px) 80px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.topbar h1{font-size:clamp(24px,3vw,38px);margin:0;letter-spacing:-.03em}.top-actions{display:flex;gap:10px}.primary-btn,.quiet-btn,.period-btn,.text-btn,.approve-btn{border-radius:11px;padding:10px 15px;border:1px solid var(--line);color:var(--text);background:var(--surface-2)}.primary-btn,.approve-btn{background:var(--gold);color:#13140f;border-color:var(--gold);font-weight:800}.text-btn{background:transparent;border:0;color:var(--gold)}.view{display:none}.view.active{display:block}.command-card{background:linear-gradient(135deg,#1b2923,#141d19);border:1px solid #31453a;border-radius:var(--radius);padding:22px;box-shadow:0 20px 60px #0003}.command-copy{display:flex;align-items:center;gap:14px}.command-copy p{margin:5px 0 0;color:var(--muted)}#commandForm{display:flex;gap:10px;margin-top:20px}#commandForm input{flex:1;min-width:0;border:1px solid #3b4d44;border-radius:12px;background:#0e1613;color:var(--text);padding:15px}#commandForm button{border:0;background:var(--gold);font-weight:800;border-radius:12px;padding:0 20px}.suggestions{display:flex;gap:8px;margin-top:12px;overflow:auto}.suggestions button{white-space:nowrap;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:20px;padding:7px 11px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.kpi-card,.panel,.task-card,.empty-view{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),#101713);border-radius:var(--radius)}.kpi-card{padding:18px}.kpi-card span,.kpi-card small{display:block;color:var(--muted)}.kpi-card strong{display:block;font-size:27px;margin:8px 0}.positive{color:var(--green)!important}.warning{color:var(--gold)!important}.content-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.panel{padding:22px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.panel h2,.empty-view h2{margin:0;font-size:20px}.priority-list{display:grid}.priority-item{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;width:100%;text-align:left;padding:15px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text)}.priority-item:last-child{border-bottom:0}.priority-index{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#233029;color:var(--gold)}.priority-index.urgent{background:#40231f;color:#ffab9e}.priority-content strong,.priority-content small{display:block}.priority-content small{color:var(--muted);margin-top:4px}.status-chip{font-size:11px;padding:5px 9px;border-radius:20px;white-space:nowrap}.review{background:#422b21;color:#efb080}.progress{background:#1f3532;color:#78d1be}.new{background:#23334a;color:#9ec3f2}.funnel{display:grid;gap:13px}.funnel div{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px}.funnel i{grid-column:1/-1;background:#202c26;height:6px;border-radius:10px}.funnel i:after{content:"";display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:10px}.insight{background:#1b2923;border-left:3px solid var(--green);padding:12px;font-size:12px;line-height:1.6;color:var(--muted);margin:20px 0 0}.insight strong{display:block;color:var(--green)}.campaign-panel{margin-top:18px}.campaign-row{display:grid;grid-template-columns:1fr 230px 100px;gap:20px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.campaign-main{display:flex;align-items:center;gap:12px}.campaign-main strong,.campaign-main small{display:block}.campaign-main small{color:var(--muted);margin-top:4px}.campaign-color{width:8px;height:38px;border-radius:8px}.coral{background:var(--coral)}.blue{background:var(--blue)}.campaign-progress span{display:block;text-align:right;font-size:12px}.campaign-progress i{display:block;background:#223029;height:6px;border-radius:10px;margin-top:7px}.campaign-progress em{display:block;background:var(--green);height:100%;border-radius:10px}.health{font-size:11px}.health.good{color:var(--green)}.health.watch{color:var(--gold)}.section-toolbar{display:flex;justify-content:space-between;margin-bottom:16px}.filter-group{display:flex;gap:7px}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:20px;padding:8px 12px}.filter.active{background:var(--surface-2);color:var(--text);border-color:#405449}.task-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.task-card{padding:20px}.task-meta,.task-footer{display:flex;justify-content:space-between;align-items:center}.task-card h3{margin:22px 0 8px}.task-card p{color:var(--muted);line-height:1.6;min-height:52px}.task-footer{margin-top:22px}.task-footer small{color:var(--muted)}.empty-view{padding:64px;text-align:center}.empty-view p:not(.eyebrow){color:var(--muted);max-width:520px;margin:12px auto 24px}.mobile-nav{display:none}dialog{border:1px solid var(--line);border-radius:20px;background:#121b17;color:var(--text);max-width:520px;padding:0;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#06100bcc;backdrop-filter:blur(7px)}dialog form{padding:28px;position:relative}dialog h2{font-size:28px;margin:5px 0 10px}dialog p,dialog li{color:var(--muted);line-height:1.6}dialog li{margin:9px 0}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:var(--muted);font-size:24px}
@media(max-width:1000px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.task-board{grid-template-columns:1fr 1fr}.campaign-row{grid-template-columns:1fr 180px}.campaign-row .health{display:none}}
@media(max-width:720px){.sidebar{display:none}main{margin-left:0;padding:22px 16px 96px}.topbar{align-items:flex-start}.topbar h1{font-size:26px;max-width:280px}.top-actions .quiet-btn{display:none}.primary-btn{padding:10px 12px}.command-card{padding:17px}.command-copy p{font-size:13px;line-height:1.5}#commandForm{display:grid}#commandForm button{padding:13px}.kpi-grid{gap:10px}.kpi-card{padding:15px}.kpi-card strong{font-size:22px}.priority-item{grid-template-columns:30px 1fr}.priority-item .status-chip{grid-column:2;margin-top:-5px;width:max-content}.campaign-row{grid-template-columns:1fr}.campaign-progress{padding-left:20px}.task-board{grid-template-columns:1fr}.section-toolbar{display:block}.filter-group{overflow:auto;margin-bottom:10px}.empty-view{padding:40px 20px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;padding:9px 10px max(9px,env(safe-area-inset-bottom));background:#0d1512e8;border-top:1px solid var(--line);backdrop-filter:blur(16px);z-index:20}.mobile-nav button{position:relative;border:0;background:transparent;color:var(--muted);padding:10px 4px}.mobile-nav button.active{color:var(--gold)}.mobile-nav span{position:absolute;top:2px;margin-left:2px;font-size:9px}.suggestions{margin-right:-17px}.panel{padding:18px}}