@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--bg:#fafafa;--bg-card:#ffffff;--bg-panel:#ffffff;--ink:#0a0a0a;--ink-soft:#4a4a4a;--ink-faint:#8a8a8a;--ink-ghost:#c8c8c8;--line:#e8e8e8;--line-soft:#f0f0f0;--gold:#c9a449;--gold-deep:#a8861f;--gold-soft:rgba(201,164,73,0.10);--gold-glow:rgba(201,164,73,0.25);--green:#16a34a;--green-soft:rgba(22,163,74,0.10);--yellow:#d97706;--yellow-soft:rgba(217,119,6,0.10);--red:#dc2626;--radius:24px;--radius-md:16px;--radius-sm:10px;--shadow:0 4px 24px rgba(0,0,0,0.06);--shadow-lg:0 24px 48px rgba(0,0,0,0.12);--shadow-panel:-24px 0 48px rgba(0,0,0,0.08)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;height:100%;letter-spacing:-.01em}a{color:inherit;text-decoration:none}.gate{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:100}.gate-card{width:360px;background:var(--bg-card);border-radius:var(--radius);padding:48px 40px;box-shadow:var(--shadow-lg);text-align:center}.gate-logo{font-size:32px;font-weight:800;letter-spacing:-.04em;margin-bottom:6px}.gate-sub{font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.16em;font-weight:500;margin-bottom:36px}.gate-sub .star{color:var(--gold);margin:0 6px}.gate-input{width:100%;padding:16px 18px;border:1.5px solid var(--line);border-radius:var(--radius-md);font-family:inherit;font-size:18px;text-align:center;letter-spacing:.4em;background:var(--bg);color:var(--ink);outline:none;transition:border .2s}.gate-input:focus{border-color:var(--gold)}.gate-btn{margin-top:14px;width:100%;padding:14px;background:var(--ink);color:white;border:0;border-radius:var(--radius-md);font-family:inherit;font-weight:600;font-size:14px;letter-spacing:.04em;cursor:pointer;transition:background .2s,transform .1s}.gate-btn:hover{background:var(--gold-deep);transform:translateY(-1px)}.gate-error{margin-top:16px;font-size:12px;color:var(--red);height:16px}.app{min-height:100vh;padding-bottom:80px}header.top{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(250,250,250,.85);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line-soft);padding:18px 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:24px;gap:24px}.top-left{gap:16px}.mic-btn,.top-left{display:flex;align-items:center}.mic-btn{width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1.5px solid var(--line);justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 4px rgba(0,0,0,.05);font-size:18px;line-height:1}.mic-btn:hover{border-color:var(--gold);transform:translateY(-1px)}.mic-btn.listening{background:var(--gold);border-color:var(--gold-deep);color:white;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--gold-glow)}50%{box-shadow:0 0 0 16px transparent}}.brand-mark{font-weight:800;font-size:18px;letter-spacing:-.03em}.brand-sub{font-size:10px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.18em;font-weight:500}.brand-sub .star{color:var(--gold);margin:0 6px}.view-toggle{display:inline-flex;background:var(--bg-card);border:1.5px solid var(--line);border-radius:999px;padding:4px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.view-toggle button{padding:8px 22px;border:0;background:transparent;color:var(--ink-faint);font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;cursor:pointer;transition:all .2s ease}.view-toggle button.active{background:var(--ink);color:white}.top-right{justify-content:flex-end;gap:16px}.top-right,.user-chip{display:flex;align-items:center}.user-chip{width:36px;height:36px;border-radius:50%;background:var(--ink);color:white;justify-content:center;font-weight:700;font-size:13px}.clock{font-size:12px;font-weight:500}.clock,.logout-btn{color:var(--ink-faint)}.logout-btn{background:transparent;border:0;font-family:inherit;font-size:11px;cursor:pointer;padding:4px 10px;border-radius:6px}.logout-btn:hover{color:var(--ink);background:var(--line-soft)}main{padding:40px 32px;max-width:1340px;margin:0 auto}section.tier{margin-bottom:56px}.tier-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-faint);margin-bottom:16px;padding-left:4px;display:flex;align-items:center;gap:12px}.tier-label:after{content:"";flex:1 1;height:1px;background:linear-gradient(to right,var(--line) 30%,transparent)}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.card{background:var(--bg-card);border-radius:var(--radius);padding:26px 24px 24px;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden;border:1px solid transparent;text-align:left;width:100%;font-family:inherit}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--gold-soft)}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(to right,var(--gold) 0,transparent 100%);opacity:0;transition:opacity .3s}.card:hover:before{opacity:1}.card-icon{width:40px;height:40px;border-radius:12px;background:var(--gold-soft);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:16px}.card-title{font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.card-sub{font-size:12px;color:var(--ink-faint);font-weight:500;margin-bottom:16px;font-family:SF Mono,Menlo,monospace}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line-soft)}.card-stat{font-size:12px;color:var(--ink-soft);font-weight:500}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.status-dot:before{content:"";width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 3px currentColor;opacity:.95}.status-dot.ok{color:var(--green);background:var(--green-soft);padding:3px 10px 3px 12px;border-radius:999px}.status-dot.ok:before{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.status-dot.warn{color:var(--yellow);background:var(--yellow-soft);padding:3px 10px 3px 12px;border-radius:999px}.status-dot.warn:before{background:var(--yellow);box-shadow:0 0 0 3px var(--yellow-soft)}.status-dot.off{color:var(--ink-faint)}.status-dot.off:before{background:var(--ink-ghost);box-shadow:none}.flow-stage{background:var(--bg-card);border-radius:var(--radius);padding:56px 32px;box-shadow:var(--shadow);min-height:720px}.flow-stage svg{width:100%;height:auto}.flow-node{cursor:pointer}.flow-node rect{fill:white;stroke:var(--line);stroke-width:1.5;transition:all .2s}.flow-node:hover rect{stroke:var(--gold);stroke-width:2;filter:drop-shadow(0 4px 12px rgba(201,164,73,.2))}.flow-node text{fill:var(--ink);font-family:Inter,sans-serif;font-size:13px;font-weight:700;text-anchor:middle}.flow-node text.sub{fill:var(--ink-faint);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.flow-edge{stroke:var(--ink-ghost);stroke-width:1.5;fill:none}.flow-edge.gold{stroke:var(--gold)}.flow-cluster{fill:var(--gold-soft);rx:16}.flow-cluster-label{fill:var(--ink-faint);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.panel-backdrop{position:fixed;inset:0;background:rgba(10,10,10,.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:50}.panel-backdrop.open{opacity:1;visibility:visible}.panel{position:fixed;top:0;right:0;width:440px;max-width:92vw;height:100vh;background:var(--bg-panel);box-shadow:var(--shadow-panel);transform:translateX(100%);transition:transform .32s cubic-bezier(.16,1,.3,1);z-index:60;display:flex;flex-direction:column;overflow:hidden}.panel.open{transform:translateX(0)}.panel-header{padding:24px 28px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-title-block{flex:1 1}.panel-title{font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:6px;display:flex;align-items:center;gap:10px}.panel-title,.panel-title .icon{font-size:22px}.panel-meta{font-size:12px;color:var(--ink-faint);font-family:SF Mono,Menlo,monospace;word-break:break-all}.panel-close{width:32px;height:32px;border:0;background:transparent;border-radius:8px;cursor:pointer;color:var(--ink-faint);font-size:18px;transition:all .2s;flex-shrink:0}.panel-close:hover{background:var(--line-soft);color:var(--ink)}.panel-body{flex:1 1;overflow-y:auto;padding:24px 28px 32px}.panel-section{margin-bottom:28px}.panel-section:last-child{margin-bottom:0}.panel-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint);margin-bottom:12px}.panel-thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#f5f5f5,#ebebeb);border-radius:var(--radius-md);margin-bottom:16px;justify-content:center;color:var(--ink-ghost);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.panel-thumb,.stat-row{display:flex;align-items:center}.stat-row{justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:14px}.stat-row:last-child{border-bottom:0}.stat-row .label{color:var(--ink-soft)}.stat-row .value{font-weight:600}.stat-row .value.mono{font-family:SF Mono,Menlo,monospace;font-size:12px}.connect-list{display:flex;flex-direction:column;gap:8px}.connect-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg);border-radius:var(--radius-sm);font-size:13px}.connect-arrow{color:var(--gold);font-weight:700;font-size:13px}.connect-item .name{font-weight:600}.connect-item .what{color:var(--ink-faint);font-size:12px;margin-left:auto}.task-card{background:var(--bg);border-radius:var(--radius-md);padding:16px 18px;margin-bottom:10px;border-left:3px solid var(--gold)}.task-card .task-title{font-weight:700;font-size:14px;margin-bottom:6px;display:flex;align-items:center;gap:8px}.task-meta{display:grid;grid-template-columns:max-content 1fr;grid-gap:4px 12px;gap:4px 12px;font-size:12px;margin-top:8px}.task-meta .k{color:var(--ink-faint)}.task-meta .v{color:var(--ink-soft);font-family:SF Mono,Menlo,monospace;font-size:11px}.task-actions{margin-top:10px;display:flex;gap:6px}.task-actions button{background:white;border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .2s}.task-actions button:hover{border-color:var(--gold);color:var(--gold-deep)}.service-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:6px}.service-name{font-weight:600;font-size:13px;flex:1 1}.service-sub{font-size:11px;color:var(--ink-faint);font-family:SF Mono,Menlo,monospace}.meter{height:6px;background:var(--line-soft);border-radius:99px;overflow:hidden;margin-top:6px}.meter-fill{height:100%;background:linear-gradient(to right,var(--gold),var(--gold-deep));border-radius:99px}.table-row{display:grid;grid-template-columns:1fr max-content;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:13px}.table-row:last-child{border-bottom:0}.table-row .tname{font-family:SF Mono,Menlo,monospace;font-size:12px;color:var(--ink-soft)}.table-row .tcount{font-weight:700;font-size:13px}.panel-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.panel-actions a,.panel-actions button{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--ink);color:white;border:0;border-radius:var(--radius-sm);font-family:inherit;font-weight:600;font-size:13px;text-decoration:none;cursor:pointer;transition:background .2s,transform .1s}.panel-actions a:hover,.panel-actions button:hover{background:var(--gold-deep);transform:translateY(-1px)}.panel-actions .secondary{background:white;color:var(--ink);border:1px solid var(--line)}.panel-actions .secondary:hover{background:var(--bg);border-color:var(--gold);color:var(--gold-deep)}.voice-overlay{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(140%);background:var(--ink);color:white;padding:16px 24px;border-radius:99px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);transition:transform .32s cubic-bezier(.16,1,.3,1);z-index:80;max-width:90vw}.voice-overlay.show{transform:translateX(-50%) translateY(0)}.voice-overlay .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.shake{animation:shake .4s}@media (max-width:900px){.grid{grid-template-columns:1fr}.top-left .brand-mark,.top-left .brand-sub{display:none}header.top{padding:14px 18px}main{padding:24px 18px}}