:root{--bg:#dfe4e9;--panel:#f5f8fac7;--panel-strong:#fafcfdeb;--dark:#071117;--dark-2:#101c23;--line:#2a3a4324;--line-strong:#14222b38;--text:#13212a;--muted:#66727b;--teal:#31b7ad;--teal-dark:#0d6d69;--amber:#e69b2e;--sage:#77a56f;--blue:#4e87c4;--rose:#e96578;--violet:#9a6ee8;--graphite:#4f5b62;--shadow:0 18px 45px #101c2324;--radius:8px;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(115deg,#0c19201f,#0000 26%),radial-gradient(circle at 70% 12%,#ffffffe6,#0000 28%),linear-gradient(#edf1f4 0%,#d7dde2 100%);overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#dce7e8;background:linear-gradient(#040d12fa,#08141bf2),radial-gradient(circle at 38px 42px,#31b7ad47,#0000 24%);border-right:1px solid #ffffff29;flex-direction:column;height:100vh;padding:28px 12px 22px;display:flex;position:sticky;top:0}.brand{color:#f3fbfb;align-items:center;gap:14px;padding:4px 10px 30px;font-size:22px;font-weight:730;display:flex}.brand-mark{color:#77ebe2;border:1px solid #4de1d794;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 0 22px #31b7ad47}.nav-list{gap:9px;display:grid}.nav-item{color:#c5d0d3;border:1px solid #0000;border-radius:8px;align-items:center;gap:14px;min-height:42px;padding:0 14px;font-size:15px;transition:background .16s,border .16s,color .16s,transform .16s;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:linear-gradient(90deg,#23a49d57,#ffffff0d);border-color:#3ad8cf6b}.nav-item.active{box-shadow:inset 0 0 0 1px #50e8de29,0 0 22px #27b8b026}.nav-item.compact{min-height:38px;margin-bottom:12px}.sidebar-footer{margin-top:auto}.account-card{background:#ffffff09;border:1px solid #dbeef11c;border-radius:8px;grid-template-columns:44px 1fr 16px;align-items:center;gap:10px;padding:14px 10px;display:grid}.avatar{color:#f4ffff;background:#31b7ad1f;border:1px solid #47e0d69e;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.account-card strong,.account-card small{display:block}.account-card strong{color:#f5fafb;font-size:13px}.account-card small,.ghost-row{color:#94a4aa;font-size:12px}.ghost-row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;margin-top:10px;padding:13px 12px;display:flex}.workspace{min-width:0;padding:22px 22px 18px;position:relative}.topbar{grid-template-columns:minmax(340px,620px) auto;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:grid}.command-box{background:#f7fafcb8;border:1px solid #1e2a3380;border-radius:8px;align-items:center;gap:12px;height:46px;padding:0 12px;display:flex;box-shadow:0 8px 24px #1b283014}.command-box input,.inline-command input,.endpoint-form input,.endpoint-form select{width:100%;color:var(--text);background:0 0;border:0;outline:0}.command-box input::placeholder,.inline-command input::placeholder{color:#5f6870}kbd{color:#6a7379;background:#ffffff8c;border:1px solid #1b272f29;border-radius:6px;padding:4px 8px;font-size:12px}.primary-action{color:#fff;background:linear-gradient(#075c59,#063f3e);border:1px solid #3ee8dc73;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 20px;font-weight:690;display:inline-flex;box-shadow:0 0 0 2px #31b7ad14,0 12px 28px #0437363d}.dashboard-grid{grid-template-columns:minmax(720px,1fr) 306px;gap:14px;display:grid}.network-panel,.focus-panel,.content-panel{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.network-panel{min-width:0;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;padding:18px 18px 0;display:flex}.panel-heading h1,.section-title h1,.focus-title h2,.panel-heading h2{color:#111f27;letter-spacing:0;margin:0}.panel-heading h1,.section-title h1{font-size:24px;line-height:1.15}.status-pills{gap:8px;display:flex}.status-pills span{color:#66737b;background:#ffffff8c;border:1px solid #1d323c1f;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;display:inline-flex}.network-canvas{background:#e7ebef;border:1px solid #212f382e;border-radius:8px;height:calc(100vh - 205px);min-height:720px;margin:14px 10px 10px;position:relative;overflow:hidden}.network-lines{width:100%;height:calc(100% - 138px);position:absolute;inset:0 0 138px}.node-layer{position:absolute;inset:0 0 138px}.link{stroke:#414e584d;stroke-width:1.4px}.link.selected{stroke:#8960dab3;stroke-width:2px;stroke-dasharray:4 5}.network-node{z-index:2;color:var(--graphite);white-space:pre-line;text-align:center;background:#ffffff73;border:1.5px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;transition:transform .16s,box-shadow .16s,background .16s;display:flex;position:absolute;box-shadow:0 12px 28px #222d341f,inset 0 0 18px #ffffff59}.network-node:hover,.network-node.selected{transform:scale(1.04);box-shadow:0 0 0 7px #ffffff8c,0 0 28px}.network-node.cluster{font-size:15px;font-weight:730}.network-node span{max-width:100%;color:inherit;font-size:11px;line-height:1.14}.network-node.cluster span{font-size:14px}.network-node strong{font-size:12px;font-weight:780}.tone-teal{color:var(--teal-dark);background:#d7f9f6b8}.tone-amber{color:#a96708;background:#ffeecbc2}.tone-sage{color:#41733e;background:#e1f3ddc2}.tone-violet{color:#6d49c6;background:#e9e1fdc7}.tone-blue{color:#28649f;background:#ddedfbc7}.tone-rose{color:#bf3e51;background:#ffe5e9c7}.tone-graphite{color:#3c4950;background:#eff2f4c7}.tool-ring{aspect-ratio:1;pointer-events:none;border:1px dashed #3c49506b;border-radius:50%;width:20%;min-width:150px;height:auto;position:absolute;top:71%;left:77%}.zoom-controls{z-index:3;background:#0f1a21cc;border:1px solid #141f264d;border-radius:7px;width:38px;display:grid;position:absolute;bottom:162px;left:16px;overflow:hidden;box-shadow:0 12px 24px #141e2638}.zoom-controls button{color:#e9f2f3;background:0 0;border:0;border-bottom:1px solid #ffffff1f;place-items:center;height:38px;display:grid}.timeline-panel{color:#dce6e8;background:linear-gradient(#0a181feb,#09141af5);border-top:1px solid #141f262e;height:138px;padding:18px 18px 14px;position:absolute;bottom:0;left:0;right:0}.timeline-head{align-items:center;gap:8px;margin-bottom:14px;display:flex}.timeline-head a{color:#bed1d4;margin-left:auto;font-size:12px}.timeline-track{border-top:1px solid #ffffff2e;height:66px;position:relative}.now-marker{background:var(--teal);width:2px;height:72px;position:absolute;top:-15px;left:18%}.now-marker:before{background:var(--teal);content:"";border-radius:50%;width:10px;height:10px;position:absolute;top:-6px;left:-4px}.now-marker span{color:#74ede5;font-size:11px;position:absolute;top:-25px;left:-10px}.timeline-block{background:#ffffff14;border:1px solid;border-radius:5px;flex-direction:column;justify-content:center;height:44px;padding:0 10px;font-size:11px;display:flex;position:absolute;top:20px;overflow:hidden}.timeline-block strong,.timeline-block span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-teal{color:#49d5cb}.timeline-sage{color:#9ccf8d}.timeline-amber{color:#e9a949}.timeline-rose{color:#ee7182}.timeline-blue{color:#75a9dc}.timeline-neutral{color:#ccd3d7}.focus-panel{color:#e8eff0;background:linear-gradient(#101d24f5,#0a151bf5);min-height:calc(100vh - 86px);padding:14px 10px 10px}.focus-title{padding:0 8px 8px}.focus-title h2{color:#fff;font-size:22px}.focus-title span{color:#91a1a7;font-size:12px}.focus-section{background:#ffffff09;border:1px solid #dbeef11a;border-radius:8px;margin-bottom:8px;padding:10px}.focus-section h3{color:#edf5f6;margin:0 0 8px;font-size:14px}.priority-stack{gap:7px;display:grid}.priority-label,.section-row{align-items:center;gap:8px;display:flex}.priority-label small,.section-row a,.counter{color:#a8b5ba;margin-left:auto;font-size:11px}.dot{border-radius:50%;width:9px;height:9px}.dot-red{background:#ff6674}.dot-amber{background:var(--amber)}.dot-green{background:#7bb96e}.priority-group ul{margin:8px 0 0;padding:0;list-style:none}.priority-group li{color:#c1cbd0;border-top:1px solid #ffffff14;padding:5px 0;font-size:12px}.mail-list,.approval-list,.draft-list,.reference-list,.integration-list,.movable-list,.category-list{gap:7px;display:grid}.mail-row,.draft-row,.reference-list article,.integration-list article,.movable-list article{background:#ffffff09;border:1px solid #ffffff17;border-radius:7px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:7px;display:grid}.mail-row strong,.draft-row strong,.approval-card strong,.reference-list strong,.integration-list strong,.movable-list strong{color:#f3f8f8;font-size:12px;display:block}.mail-row span,.draft-row span,.mail-row time,.approval-card p,.reference-list small,.integration-list small,.movable-list small{color:#95a4aa;font-size:11px}.conflict{color:#ff7d8c;grid-template-columns:24px 1fr 20px;align-items:center;display:grid}.conflict strong,.conflict p{margin:0;font-size:12px;display:block}.counter{color:#eedcff;background:#9a6ee83d;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex}.counter.rose{color:#ffd5db;background:#e965783d}.approval-card{background:#e9657814;border:1px solid #e9657854;border-radius:7px;grid-template-columns:22px 1fr 70px;gap:9px;padding:8px;display:grid}.approval-card button,.movable-list button,.upload-panel button,.endpoint-form button{color:#f2f8f9;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;align-self:center;min-height:30px;padding:5px 8px;font-size:11px}.approval-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.floating-alert{display:none;position:fixed;top:16px;right:16px}.section-page{gap:14px;display:grid}.section-header{border:1px solid var(--line-strong);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:center;padding:18px;display:flex;box-shadow:0 10px 32px #101c2317}.section-title{align-items:center;gap:12px;display:flex}.section-title>span{width:42px;height:42px;color:var(--teal-dark);background:#31b7ad14;border:1px solid #31b7ad66;border-radius:8px;place-items:center;display:grid}.section-title p,.panel-heading.slim span{color:var(--muted);margin:4px 0 0;font-size:13px}.section-grid{gap:14px;display:grid}.section-grid.two{grid-template-columns:.86fr 1.14fr}.section-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-panel{min-height:340px;padding:14px}.panel-heading.slim{padding:0 0 12px}.panel-heading.slim h2{font-size:17px}.category-row{text-align:left;background:#ffffff85;border:1px solid #1e2a331f;border-radius:7px;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.category-row.active{border-color:#31b7ad73;box-shadow:0 0 0 2px #31b7ad1f}.category-row>span{border-radius:999px;width:10px;height:42px}.category-row strong,.priority-stack.light strong,.reference-list strong,.integration-list strong,.movable-list strong{color:#13212a}.category-row small,.priority-stack.light span,.reference-list small,.integration-list small,.movable-list small{color:#65727b;margin-top:3px;display:block}.category-row em{color:#65727b;font-style:normal}.priority-stack.light article{background:#ffffff7a;border:1px solid #1e2a331c;border-radius:7px;padding:14px}.inline .approval-card{background:#ffffff73;border-color:#1e2a331f}.inline .approval-card strong,.inline .approval-card p{color:#13212a}.reference-list article,.integration-list article,.movable-list article,.draft-list .draft-row{background:#ffffff7a;border-color:#1e2a331f}.focus-panel .draft-list .draft-row{background:#e965781a;border-color:#e9657847}.focus-panel .draft-row strong{color:#f3f8f8}.focus-panel .draft-row span{color:#95a4aa}.reference-list article>span,.integration-list article>span{color:#46545c;border:1px solid #1e2a331f;border-radius:999px;padding:5px 8px;font-size:11px}.upload-panel{place-items:center;display:grid}.drop-zone{text-align:center;background:#ffffff6b;border:1px dashed #31b7ad8a;border-radius:8px;justify-items:center;gap:12px;max-width:420px;padding:38px;display:grid}.drop-zone strong{font-size:18px}.drop-zone span{color:#65727b;line-height:1.45}.drop-zone div{gap:10px;display:flex}.drop-zone button,.endpoint-form button{color:#fff;background:#093f3e}.endpoint-form{align-content:start;gap:12px;display:grid}.endpoint-form label{color:#44525a;gap:6px;font-size:12px;font-weight:650;display:grid}.endpoint-form input,.endpoint-form select{background:#ffffff8f;border:1px solid #1e2a3324;border-radius:7px;height:40px;padding:0 10px}.inline-command{border:1px solid var(--line-strong);background:#ffffff94;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}@media (max-width:1180px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.brand span,.nav-item span,.account-card div,.ghost-row,.nav-item.compact{display:none}.brand{justify-content:center;padding-inline:0}.nav-item{justify-content:center;padding:0}.account-card{grid-template-columns:1fr;justify-items:center}.dashboard-grid,.section-grid.three,.section-grid.two{grid-template-columns:1fr}.focus-panel{min-height:auto}}@media (max-width:760px){.app-shell{display:block}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.topbar,.section-header{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.network-canvas{min-height:720px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}