:root{--bg:#050708;--panel:#0b0f12;--panel2:#10161b;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.13);--text:#f5f7fa;--muted:#8a949e;--green:#00ff9c;--green2:#14f195;--cyan:#00d9ff;--amber:#ffb020;--red:#ff4d5e;--shadow:0 28px 80px rgba(0,0,0,.36)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{overflow-x:hidden}.ambient-grid{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(0,255,156,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 70% 20%,black,transparent 68%)}.hidden{display:none!important}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:rgba(7,10,12,.94);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;backdrop-filter:blur(24px);z-index:20}.brand-row{height:58px;display:flex;align-items:center;gap:11px;padding:0 8px 16px;border-bottom:1px solid var(--line);margin-bottom:14px}.brand-row strong{font-size:12px;letter-spacing:.16em}.brand-row span{display:block;color:var(--muted);font-size:9px;letter-spacing:.22em;margin-top:5px}.brand-mark{width:56px;height:56px;border:1px solid rgba(0,255,156,.42);display:grid;place-items:center;font-weight:900;letter-spacing:.06em;color:var(--green);background:radial-gradient(circle at 50% 20%,rgba(0,255,156,.15),transparent 65%),#080d0f;box-shadow:inset 0 0 22px rgba(0,255,156,.06),0 0 32px rgba(0,255,156,.07);clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}.brand-mark.small{width:38px;height:38px;font-size:11px}.sidebar nav{display:flex;flex-direction:column;gap:3px;overflow:auto}.nav-item{border:0;background:transparent;color:#a7b0b8;text-align:left;border-radius:8px;padding:10px 11px;display:flex;gap:10px;align-items:center;font-size:12px;cursor:pointer;transition:.2s}.nav-item span{width:20px;color:#68737c;font-family:ui-monospace,monospace}.nav-item em{margin-left:auto;font-style:normal;font-size:7px;letter-spacing:.08em;color:#556069;border:1px solid var(--line);padding:2px 4px;border-radius:3px}.nav-item:hover{background:rgba(255,255,255,.035);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(0,255,156,.12),rgba(0,255,156,.025));color:#effff9;box-shadow:inset 2px 0 var(--green)}.nav-item.active span{color:var(--green)}.server-card{margin-top:auto;border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,241,149,.035),rgba(255,255,255,.015));border-radius:10px;padding:12px}.server-card-head{font-size:10px;font-weight:700;letter-spacing:.14em;display:flex;align-items:center;gap:8px;margin-bottom:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(0,255,156,.7);flex:0 0 auto}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,255,156,.35),0 0 10px rgba(0,255,156,.55)}50%{box-shadow:0 0 0 7px rgba(0,255,156,0),0 0 18px rgba(0,255,156,.75)}}.server-field{display:flex;justify-content:space-between;gap:8px;padding:5px 0;font-size:9px;border-top:1px solid rgba(255,255,255,.04)}.server-field span{color:#67727b}.server-field b{font-family:ui-monospace,monospace;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.main{margin-left:250px;min-height:100vh}.topbar{height:72px;position:sticky;top:0;z-index:15;border-bottom:1px solid var(--line);background:rgba(5,7,8,.82);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.command-trigger{width:280px;height:38px;border:1px solid var(--line);background:#0a0d0f;color:#727d86;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 10px;cursor:pointer}.command-trigger b{font-weight:500;font-size:11px;flex:1;text-align:left}.command-trigger kbd{font:9px ui-monospace,monospace;color:#66717b;background:#11161a;padding:3px 6px;border:1px solid var(--line);border-radius:4px}.top-status{display:flex;align-items:center;gap:23px}.top-status>div{text-align:right}.top-status span{display:block;color:#59636b;font-size:8px;letter-spacing:.12em}.top-status b{font:11px ui-monospace,monospace;color:#cfd6dc}.icon-btn{border:1px solid var(--line);background:#0b0f12;color:#8d98a1;border-radius:7px;width:34px;height:34px;cursor:pointer}.view{display:none;padding:28px;animation:fade .28s ease}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.hero{display:flex;justify-content:space-between;align-items:flex-end;margin:8px 0 24px}.eyebrow{font:9px ui-monospace,monospace;letter-spacing:.16em;color:#61707a;text-transform:uppercase}.hero h1,.page-head h1{font-size:27px;letter-spacing:-.025em;margin:7px 0 8px}.operational{font:10px ui-monospace,monospace;color:var(--green);letter-spacing:.13em;display:flex;align-items:center;gap:8px}.hero-telemetry{display:flex;flex-direction:column;gap:5px;align-items:flex-end;color:#59656d;font:8px ui-monospace,monospace;letter-spacing:.1em}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card,.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(14,19,22,.92),rgba(8,11,13,.92));border-radius:10px;box-shadow:inset 0 1px rgba(255,255,255,.018);position:relative;overflow:hidden}.metric-card:before,.panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,156,.13),transparent)}.metric-card{padding:15px}.metric-head,.metric-foot,.panel-head{display:flex;justify-content:space-between;align-items:center}.metric-head>span:first-child{font-size:9px;font-weight:700;letter-spacing:.12em;color:#818c95}.badge{font:7px ui-monospace,monospace;padding:3px 5px;border-radius:3px;border:1px solid var(--line);color:#76828a}.badge.green{color:var(--green);border-color:rgba(0,255,156,.18);background:rgba(0,255,156,.04)}.badge.cyan{color:var(--cyan);border-color:rgba(0,217,255,.18);background:rgba(0,217,255,.04)}.metric-value{margin-top:14px;display:flex;align-items:flex-start;gap:3px}.metric-value b{font:500 34px ui-monospace,monospace;letter-spacing:-.06em}.metric-value small{color:#607078;font:9px ui-monospace,monospace;margin-top:7px}.metric-card canvas{display:block;width:100%;height:58px;margin-top:2px}.metric-foot{border-top:1px solid rgba(255,255,255,.045);padding-top:9px;margin-top:5px;font:8px ui-monospace,monospace;color:#667078}.metric-foot b{font-weight:500;color:#9aa4ac}.network-values{display:flex;gap:22px;margin:20px 0 6px}.network-values div{display:flex;flex-direction:column;gap:4px}.network-values span{font:8px ui-monospace,monospace;color:#657079}.network-values b{font:13px ui-monospace,monospace;font-weight:500}.radial{height:58px;display:flex;align-items:center}.radial:before{content:"";width:100%;height:5px;background:#11171b;border-radius:8px}.radial span{position:absolute;left:15px;height:5px;max-width:calc(100% - 30px);background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:8px;box-shadow:0 0 12px rgba(0,255,156,.22);transition:width .5s}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin-top:12px}.span-2{grid-column:span 2}.panel{min-height:190px;padding:17px}.panel-head{margin-bottom:14px}.panel h2{font-size:14px;margin:4px 0 0;letter-spacing:-.01em}.ghost,.primary{border:1px solid var(--line);background:#0b1013;color:#8e9aa2;border-radius:6px;padding:8px 10px;font:8px ui-monospace,monospace;letter-spacing:.07em;cursor:pointer;transition:.2s}.ghost:hover{color:var(--green);border-color:rgba(0,255,156,.22)}.primary{background:linear-gradient(180deg,rgba(0,255,156,.14),rgba(0,255,156,.08));border-color:rgba(0,255,156,.24);color:#baffdf}.primary:hover{box-shadow:0 0 24px rgba(0,255,156,.08)}.primary.danger{color:#ff9aa4;border-color:rgba(255,77,94,.25);background:rgba(255,77,94,.07)}.list-wrap{overflow:auto}.data-row{display:grid;grid-template-columns:minmax(160px,1.3fr) minmax(120px,1fr) 90px minmax(160px,1fr) auto;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid rgba(255,255,255,.045);font-size:10px}.data-row:first-child{border-top:0}.data-name{display:flex;align-items:center;gap:8px;min-width:0}.data-name b,.data-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-name b{font-weight:550}.data-name small{display:block;color:#66717a;font:8px ui-monospace,monospace;margin-top:3px}.state{font:8px ui-monospace,monospace;letter-spacing:.06em;color:#88939b}.state.running{color:var(--green)}.state.exited,.state.dead{color:var(--red)}.port-chips{display:flex;flex-wrap:wrap;gap:4px}.chip{font:7px ui-monospace,monospace;padding:3px 5px;border:1px solid var(--line);border-radius:3px;color:#748089}.row-actions{display:flex;gap:4px}.row-actions button{font-size:7px;padding:5px 7px}.empty{color:#647079;font:9px ui-monospace,monospace;padding:22px 4px}.mini-projects{display:flex;flex-direction:column;gap:7px}.mini-project{padding:9px;border:1px solid rgba(255,255,255,.045);border-radius:7px;background:rgba(255,255,255,.012)}.mini-project b{font-size:10px}.mini-project small{display:block;color:#5f6b74;font:8px ui-monospace,monospace;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.security-list{display:flex;flex-direction:column;gap:11px}.security-list>div{display:flex;align-items:flex-start;gap:10px}.security-list p{margin:0}.security-list b{font-size:10px;font-weight:550}.security-list small{display:block;color:#606c74;font-size:8px;margin-top:3px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin:8px 0 22px}.page-head p{margin:0;color:#6d7881;font-size:11px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-card{border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#0c1114,#080b0d);padding:16px;min-height:190px;position:relative;overflow:hidden}.project-card:after{content:"";position:absolute;width:100px;height:100px;right:-50px;top:-50px;border:1px solid rgba(0,255,156,.1);transform:rotate(45deg)}.project-top{display:flex;justify-content:space-between}.project-card h3{font-size:13px;margin:8px 0 4px}.project-path{color:#65717a;font:8px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.techs{display:flex;flex-wrap:wrap;gap:5px;margin:18px 0}.project-actions{display:flex;gap:6px;margin-top:auto}.project-actions a{text-decoration:none}.module-locked{min-height:68vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.module-glyph{font:64px ui-monospace,monospace;color:rgba(0,255,156,.28);text-shadow:0 0 40px rgba(0,255,156,.14)}.module-locked h1{font-size:27px;margin:9px 0}.module-locked p{max-width:530px;color:#6f7b83;font-size:11px;line-height:1.7}.module-tags{display:flex;gap:7px;margin-top:12px}.module-tags span{font:7px ui-monospace,monospace;color:#65717a;border:1px solid var(--line);border-radius:4px;padding:5px 7px}.palette-backdrop{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(7px);display:flex;justify-content:center;align-items:flex-start;padding-top:14vh}.palette{width:min(640px,92vw);border:1px solid var(--line2);background:#090d0f;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.palette-input{height:58px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line)}.palette-input span{color:var(--green);font:16px ui-monospace,monospace}.palette-input input{flex:1;background:transparent;border:0;outline:0;color:#e7ecef;font-size:14px}.palette-result{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:11px;cursor:pointer}.palette-result.selected,.palette-result:hover{background:rgba(0,255,156,.055)}.palette-result kbd{margin-left:auto;color:#556069;font:8px ui-monospace,monospace}.palette-foot{border-top:1px solid var(--line);padding:8px 13px;display:flex;gap:14px;color:#58636c;font:7px ui-monospace,monospace}.login-shell{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(390px,100%);border:1px solid var(--line2);background:linear-gradient(155deg,rgba(12,17,20,.96),rgba(6,9,10,.98));border-radius:14px;padding:30px;box-shadow:var(--shadow)}.login-card .brand-mark{margin-bottom:22px}.login-card h1{font-size:23px;letter-spacing:.02em;margin:7px 0}.login-card>p{color:#69757d;font-size:11px;line-height:1.6;margin-bottom:22px}.login-card label{display:block;color:#6d7880;font:8px ui-monospace,monospace;letter-spacing:.09em;margin-top:12px}.login-card input{width:100%;margin-top:6px;height:42px;border:1px solid var(--line);border-radius:7px;background:#070a0c;color:#fff;padding:0 11px;outline:none}.login-card input:focus{border-color:rgba(0,255,156,.3);box-shadow:0 0 0 3px rgba(0,255,156,.035)}.wide{width:100%;height:42px;margin-top:18px}.form-error{min-height:18px;color:#ff727f;font-size:9px;margin-top:10px}.login-meta{border-top:1px solid var(--line);margin-top:12px;padding-top:13px;color:#5b666e;font:8px ui-monospace,monospace;display:flex;align-items:center;gap:8px}.toast-host{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;flex-direction:column;gap:8px}.toast{border:1px solid var(--line2);background:#0c1114;color:#cfd6dc;border-radius:8px;padding:11px 13px;font-size:10px;box-shadow:var(--shadow);min-width:220px}.toast.error{border-color:rgba(255,77,94,.3);color:#ff9aa4}.mobile-only{display:none}@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.sidebar{transform:translateX(-101%);transition:.25s}.sidebar.open{transform:none}.main{margin-left:0}.mobile-only{display:inline-grid;place-items:center}.topbar{padding:0 14px}.command-trigger{width:160px}.command-trigger kbd{display:none}.top-status>div:first-child{display:none}.view{padding:16px}.hero{align-items:flex-start}.hero-telemetry{display:none}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.projects-grid{grid-template-columns:1fr}.data-row{min-width:720px}}@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.top-status>div{display:none}.command-trigger{width:auto;flex:1;margin:0 8px}.hero h1{font-size:22px}.page-head{align-items:flex-start;gap:15px}.page-head p{max-width:220px}.module-tags{flex-wrap:wrap;justify-content:center}}
/* v0.2 phase 2-4 modules */
.page-actions{display:flex;gap:8px}.toolbar{display:flex;gap:8px;align-items:center;padding:12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar input,.toolbar select,.terminal-input input{height:36px;border:1px solid var(--line);background:#070a0c;color:#e8eef2;border-radius:6px;padding:0 10px;outline:none;font:10px ui-monospace,monospace}.toolbar input{min-width:240px;flex:1}.toolbar select{min-width:140px}.toolbar input:focus,.toolbar select:focus,.terminal-input input:focus{border-color:rgba(0,255,156,.35)}
.table-wrap{overflow:auto;max-height:66vh}.hgs-table{width:100%;border-collapse:collapse;min-width:840px}.hgs-table th{text-align:left;color:#5d6971;font:8px ui-monospace,monospace;letter-spacing:.1em;padding:10px 12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0b0f12;z-index:2}.hgs-table td{padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.04);font-size:9px;vertical-align:middle}.hgs-table tr:hover td{background:rgba(255,255,255,.012)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:#68747c}.good{color:var(--green)}.bad{color:#ff6978}.warn{color:#ffb454}.truncate{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-set{display:flex;gap:5px;flex-wrap:wrap}.danger{border-color:rgba(255,77,94,.25)!important;color:#ff8791!important}.danger:hover{background:rgba(255,77,94,.08)!important}
.terminal-shell{border:1px solid var(--line);border-radius:10px;background:#050708;overflow:hidden;box-shadow:inset 0 0 50px rgba(0,255,156,.015)}.terminal-toolbar{height:46px;display:flex;align-items:center;gap:7px;padding:0 12px;border-bottom:1px solid var(--line);background:#090d0f}.terminal-toolbar .chip{margin-left:auto}#terminalOutput{height:55vh;overflow:auto;margin:0;padding:16px;color:#c7ffd9;background:radial-gradient(circle at 40% 0,rgba(0,255,156,.025),transparent 40%);font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.terminal-input{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:10px 12px}.terminal-input span{color:var(--green);font:14px ui-monospace,monospace}.terminal-input input{flex:1}
.files-layout{display:grid;grid-template-columns:minmax(480px,1.15fr) minmax(420px,.85fr);gap:12px}.files-browser,.editor-panel{min-height:68vh}.upload-label{display:inline-flex;align-items:center;cursor:pointer}.editor-panel{display:flex;flex-direction:column}.editor-panel .panel-head{padding:13px;border-bottom:1px solid var(--line)}#fileEditor{flex:1;min-height:55vh;resize:none;background:#06090a;color:#d8e0e5;border:0;outline:0;padding:16px;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2}.editor-meta{padding:9px 13px;border-top:1px solid var(--line);color:#5f6c74;font:8px ui-monospace,monospace}.file-name{display:flex;gap:8px;align-items:center}.file-name button{border:0;background:transparent;color:#d7dfe4;padding:0;cursor:pointer;text-align:left;font:inherit}.file-name button:hover{color:var(--green)}
.stack{display:flex;flex-direction:column;gap:12px}.kv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kv-card{border:1px solid var(--line);border-radius:9px;background:#0a0e10;padding:14px}.kv-card span{display:block;color:#66727a;font:8px ui-monospace,monospace;letter-spacing:.08em}.kv-card b{display:block;margin-top:7px;font-size:16px}.text-panel{border:1px solid var(--line);border-radius:9px;background:#080b0d;overflow:hidden}.text-panel h3{font-size:11px;padding:11px 13px;margin:0;border-bottom:1px solid var(--line)}.text-panel pre,.log-output{margin:0;padding:13px;max-height:52vh;overflow:auto;white-space:pre-wrap;word-break:break-word;color:#9ca8b0;font:9px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.log-output{min-height:55vh;background:#06090a}.bar-row{display:grid;grid-template-columns:minmax(180px,1fr) 160px 70px;gap:12px;align-items:center;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.04);font-size:9px}.bar{height:5px;background:#13191d;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green);border-radius:inherit}
@media(max-width:1100px){.files-layout{grid-template-columns:1fr}.kv-grid{grid-template-columns:repeat(2,1fr)}.files-browser,.editor-panel{min-height:auto}#fileEditor{min-height:45vh}}
@media(max-width:620px){.kv-grid{grid-template-columns:1fr}.toolbar input{min-width:160px}.page-actions{width:100%;justify-content:flex-end}.bar-row{grid-template-columns:1fr 100px}.bar-row>span:last-child{display:none}}

/* v0.3 readability + large-display tuning */
html{font-size:16px}.project-domain{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.ghost:disabled{opacity:.42;cursor:not-allowed}
.nav-item{font-size:14px;padding:12px 13px}.nav-item em{font-size:9px}.brand-row strong{font-size:13px}.brand-row span{font-size:10px}.server-card-head{font-size:11px}.server-field{font-size:10px}.command-trigger b{font-size:13px}.command-trigger kbd{font-size:10px}.top-status span{font-size:9px}.top-status b{font-size:12px}.eyebrow{font-size:10px}.hero h1,.page-head h1{font-size:32px}.page-head p{font-size:13px;line-height:1.55}.operational{font-size:11px}.hero-telemetry{font-size:9px}.metric-head>span:first-child{font-size:10px}.badge{font-size:9px;padding:4px 7px}.metric-value b{font-size:40px}.metric-value small{font-size:10px}.metric-foot{font-size:9px}.network-values span{font-size:9px}.network-values b{font-size:15px}.panel h2{font-size:17px}.ghost,.primary{font-size:10px;padding:9px 12px}.data-row{font-size:12px;padding:12px 6px}.data-name small{font-size:9px}.state{font-size:9px}.chip{font-size:9px;padding:4px 6px}.row-actions button{font-size:9px;padding:6px 8px}.empty{font-size:11px}.mini-project b{font-size:12px}.mini-project small{font-size:9px}.security-list b{font-size:12px}.security-list small{font-size:10px}.project-card{padding:20px;min-height:220px}.project-card h3{font-size:17px}.project-path{font-size:10px}.hgs-table th{font-size:10px;padding:12px 14px}.hgs-table td{font-size:11px;padding:11px 14px}.toolbar input,.toolbar select,.terminal-input input{font-size:12px;height:40px}.kv-card span{font-size:10px}.kv-card b{font-size:18px}.text-panel h3{font-size:13px}.text-panel pre,.log-output{font-size:11px}.bar-row{font-size:11px}.editor-meta{font-size:10px}#fileEditor{font-size:13px}#terminalOutput{font-size:13px}.toast{font-size:12px}.palette-result{font-size:13px}.palette-result kbd,.palette-foot{font-size:9px}.login-card>p{font-size:13px}.login-card label{font-size:10px}.form-error,.login-meta{font-size:10px}
@media(min-width:821px){.sidebar{width:280px;padding:20px 16px}.main{margin-left:280px}.view{padding:32px}.topbar{padding:0 32px}.metric-grid,.dashboard-grid,.projects-grid{gap:16px}.panel,.metric-card{border-radius:12px}.panel{padding:20px}.metric-card{padding:18px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1500px){.sidebar{width:300px}.main{margin-left:300px}.view{padding:38px 42px}.topbar{padding:0 42px}.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid{gap:18px}.dashboard-grid{gap:18px}.metric-card{padding:20px}.panel{padding:22px}.hero h1,.page-head h1{font-size:36px}.project-card h3{font-size:18px}}

/* v0.4 project intelligence / family map */
.family-card{display:flex;flex-direction:column}.family-summary{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 4px}.family-summary span{font:10px ui-monospace,monospace;color:#8a969e;border:1px solid var(--line);border-radius:5px;padding:5px 7px;background:rgba(255,255,255,.018)}.component-preview{display:flex;flex-direction:column;gap:7px;margin:14px 0 16px}.component-preview>div{display:flex;align-items:center;gap:8px;min-width:0}.component-preview b{font-size:12px;font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-preview>small{color:#69757d;font:10px ui-monospace,monospace}.component-role{font:9px ui-monospace,monospace;letter-spacing:.08em;padding:4px 6px;border-radius:4px;border:1px solid var(--line2);color:#93a0a8;flex:0 0 auto}.component-role.live,.component-role.runtime{color:var(--green);border-color:rgba(0,255,156,.24);background:rgba(0,255,156,.06)}.component-role.history,.component-role.archive{color:#ffbd6b;border-color:rgba(255,176,32,.24);background:rgba(255,176,32,.05)}
.project-detail-head{align-items:flex-start}.project-detail-head>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.project-detail-head h1{margin:2px 0 0}.project-detail-tabs{display:flex;gap:8px;margin:0 0 16px;border-bottom:1px solid var(--line);padding-bottom:10px}.project-tab{border:1px solid var(--line);background:#090d0f;color:#77838c;border-radius:7px;padding:9px 14px;font:10px ui-monospace,monospace;letter-spacing:.1em;cursor:pointer}.project-tab.active{color:var(--green);border-color:rgba(0,255,156,.3);background:rgba(0,255,156,.07)}.project-detail-pane{display:none}.project-detail-pane.active{display:block}.mindmap-shell{position:relative;min-height:65vh;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at 20% 50%,rgba(0,255,156,.06),transparent 28%),radial-gradient(circle at 80% 50%,rgba(0,217,255,.04),transparent 32%),#070a0c;overflow:auto;padding:28px;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(520px,2.2fr);gap:40px;align-items:center}.mindmap-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px}.mindmap-core{position:relative;z-index:2;border:1px solid rgba(0,255,156,.32);border-radius:14px;padding:24px;background:linear-gradient(145deg,rgba(0,255,156,.10),rgba(5,9,10,.95));box-shadow:0 0 60px rgba(0,255,156,.06)}.mindmap-core:after{content:"";position:absolute;right:-41px;top:50%;width:40px;border-top:1px solid rgba(0,255,156,.35)}.mindmap-core h2{font-size:28px;margin:8px 0}.mindmap-core>b{display:block;color:var(--green);font:11px ui-monospace,monospace}.mindmap-core small{display:block;color:#77838c;margin-top:8px}.mindmap-branches{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));gap:18px 24px}.mindmap-branch{position:relative;border-left:1px solid rgba(0,255,156,.2);padding-left:20px}.mindmap-branch:before{content:"";position:absolute;left:-20px;top:22px;width:20px;border-top:1px solid rgba(0,255,156,.25)}.mindmap-branch-title{color:#66737c;font:10px ui-monospace,monospace;letter-spacing:.13em;margin-bottom:8px}.mindmap-node{position:relative;border:1px solid var(--line);background:rgba(11,16,19,.95);border-radius:8px;padding:10px 12px;margin:7px 0;min-width:0}.mindmap-node:before{content:"";position:absolute;left:-21px;top:50%;width:20px;border-top:1px solid rgba(255,255,255,.07)}.mindmap-node b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mindmap-node small{display:block;margin-top:5px;color:#68747c;font:9px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.component-card{border:1px solid var(--line);border-radius:11px;padding:16px;background:linear-gradient(145deg,#0b1013,#070a0c);min-height:200px;display:flex;flex-direction:column}.component-card-head{display:flex;justify-content:space-between;gap:8px}.component-card h3{font-size:16px;margin:12px 0 6px}.component-card .project-actions{margin-top:auto}.component-evidence{display:flex;flex-direction:column;gap:4px;margin:10px 0 14px}.component-evidence span{font:9px ui-monospace,monospace;color:#68747c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-tree{min-height:55vh;max-height:68vh;overflow:auto;border-top:1px solid var(--line);background:#06090a}.tree-root{padding:18px}.tree-root-head{position:sticky;top:0;z-index:3;background:rgba(6,9,10,.96);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:12px;backdrop-filter:blur(12px)}.tree-root-head b{font-size:13px}.tree-root-head span{display:block;color:#68747c;font:9px ui-monospace,monospace;margin-top:4px}.tree-level{margin-left:18px;border-left:1px solid rgba(255,255,255,.06)}.tree-root>.tree-level{margin-left:0;border-left:0}.tree-node{position:relative}.tree-node-row{display:flex;align-items:center;gap:8px;min-height:30px;padding:3px 8px;border-radius:5px}.tree-node-row:hover{background:rgba(0,255,156,.035)}.tree-branch{width:15px;color:#55616a;font:11px ui-monospace,monospace}.tree-name{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#cbd3d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node.dir>.tree-node-row .tree-name{color:#e7eef2;font-weight:600}.tree-node-row small{margin-left:auto;color:#56626b;font:9px ui-monospace,monospace}
@media(max-width:1200px){.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mindmap-shell{grid-template-columns:1fr;gap:24px;align-items:start}.mindmap-core:after{display:none}.mindmap-branches{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.component-grid,.mindmap-branches{grid-template-columns:1fr}.mindmap-shell{padding:16px;min-height:60vh}.project-detail-head{gap:14px}.project-detail-head .page-actions{width:auto}.project-detail-tabs{overflow:auto}.mindmap-core h2{font-size:22px}}

/* v0.5 project quick-switcher + full family export */
.nav-project-wrap{display:block;margin:2px 0}.nav-project-row{display:flex;align-items:stretch;gap:5px}.nav-project-main{flex:1;margin:0}.nav-project-toggle{width:38px;flex:0 0 38px;border:1px solid var(--line);border-radius:7px;background:#090d0f;color:#7d8991;cursor:pointer;font-size:17px;transition:.18s}.nav-project-toggle:hover,.nav-project-toggle.open{color:var(--green);border-color:rgba(0,255,156,.28);background:rgba(0,255,156,.055)}.nav-project-toggle.open{transform:rotate(180deg)}
.project-nav-menu{margin:7px 0 9px 31px;border-left:1px solid rgba(0,255,156,.16);padding:5px 0 5px 9px;max-height:360px;overflow:auto}.project-nav-entry{border:1px solid var(--line);border-radius:8px;background:#080c0e;margin:7px 0;overflow:hidden}.project-nav-open{display:block;width:100%;border:0;background:transparent;color:#dce3e7;text-align:left;padding:10px 10px 8px;cursor:pointer}.project-nav-open:hover{background:rgba(0,255,156,.035)}.project-nav-open b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-nav-open small{display:block;color:#6f7b83;font:9px ui-monospace,monospace;margin-top:4px}.project-nav-download{display:block;width:100%;border:0;border-top:1px solid var(--line);background:rgba(0,255,156,.025);color:#78d9ad;text-align:left;padding:8px 10px;cursor:pointer;font:9px ui-monospace,monospace;letter-spacing:.055em}.project-nav-download:hover{color:var(--green);background:rgba(0,255,156,.075)}.project-nav-empty{padding:10px;color:#627078;font:9px ui-monospace,monospace}.export-main{box-shadow:0 0 28px rgba(0,255,156,.06)}.export-btn{color:#8bdcb5}.project-actions{flex-wrap:wrap}
@media(min-width:1500px){.project-nav-open b{font-size:13px}.project-nav-open small,.project-nav-download{font-size:10px}.project-nav-menu{max-height:440px}}
/* HGS_COPY_ALL_TERMINAL_STYLE_V2 */
.hgs-copy-all-terminal {
  appearance: none;
  border: 1px solid rgba(66,255,173,.55);
  background: rgba(8,25,22,.96);
  color: #7dffc4;
  padding: 10px 16px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  cursor: pointer;
  margin-left: 10px;
  transition: .18s ease;
}
.hgs-copy-all-terminal:hover {
  transform: translateY(-1px);
  border-color: rgba(66,255,173,.95);
  box-shadow: 0 0 20px rgba(66,255,173,.18);
}