:root{--ink:#10231d;--muted:#6f8079;--line:#dfe8e4;--surface:#fff;--canvas:#f4f7f5;--green:#1fbf78;--green-dark:#08734a;--mint:#e5f8ef;--nav:#0c211a;--danger:#db5b5b;--amber:#d89a31;--shadow:0 22px 60px rgba(18,53,41,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}button,input,textarea,select{font:inherit}button,a{transition:.18s ease}a{color:inherit;text-decoration:none}.hidden{display:none!important}.overline{margin:0 0 7px;color:var(--green-dark);font-size:10px;font-weight:900;letter-spacing:.16em}.app-body{background:var(--canvas)}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;display:flex;flex-direction:column;padding:26px 18px;background:var(--nav);color:#fff;z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 28px;border-bottom:1px solid #ffffff14}.brand-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px 12px 12px 4px;background:var(--green);color:#062318;font:900 19px Georgia;box-shadow:0 8px 25px #1fbf7833}.brand b,.brand small{display:block}.brand b{font-size:14px}.brand small{margin-top:3px;color:#89a79b;font-size:9px;letter-spacing:.06em}.nav-list{display:grid;gap:6px;margin-top:26px}.nav-list a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:10px;color:#91a89f;font-size:12px;font-weight:700}.nav-list a span{width:20px;color:#6c8a7f;font-size:16px}.nav-list a:hover{background:#ffffff0a;color:#fff}.nav-list a.active{background:#1fbf7818;color:#b8f5d7}.nav-list a.active span{color:var(--green)}.sidebar-foot{margin-top:auto}.engine-chip{display:flex;align-items:center;gap:10px;margin-bottom:13px;padding:12px;border:1px solid #ffffff12;border-radius:11px;background:#ffffff05}.engine-chip i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #1fbf781a}.engine-chip b,.engine-chip small{display:block}.engine-chip b{font-size:10px}.engine-chip small{margin-top:3px;color:#6f8d82;font-size:8px}.logout-button{width:100%;padding:10px;border:0;border-radius:9px;background:transparent;color:#789087;font-size:10px;cursor:pointer}.logout-button:hover{background:#ffffff08;color:#fff}.main-shell{min-height:100vh;margin-left:250px}.topbar{height:86px;display:flex;align-items:center;padding:0 38px;border-bottom:1px solid var(--line);background:#ffffffcc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.topbar h1{margin:0;font-size:20px;letter-spacing:-.03em}.topbar .overline{margin-bottom:4px}.topbar-user{display:flex;align-items:center;gap:10px;margin-left:auto}.topbar-user>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--green-dark);font-weight:900}.topbar-user b,.topbar-user small{display:block}.topbar-user b{font-size:11px}.topbar-user small{margin-top:2px;color:var(--muted);font-size:9px}.menu-button{display:none;border:0;background:transparent;font-size:20px}.content{max-width:1450px;margin:auto;padding:34px 38px 55px}.welcome-row,.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.welcome-row h2,.page-intro h2{margin:0;font:500 clamp(30px,4vw,50px)/1.05 Georgia,serif;letter-spacing:-.035em}.welcome-row>div>p:last-child,.page-intro>div>p:last-child{margin:12px 0 0;color:var(--muted);font-size:13px}.page-intro{min-height:175px;border-bottom:1px solid var(--line);padding-bottom:30px}.page-intro.compact{min-height:115px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:10px;padding:12px 17px;background:var(--green);color:#062419;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 8px 24px #1fbf7826}.primary-button:hover{transform:translateY(-1px);background:#24cc81}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:none}.alert{margin-bottom:18px;padding:13px 15px;border-radius:10px;font-size:12px}.alert.warning{background:#fff3de;color:#8b5c0c}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metric-card{display:flex;align-items:center;gap:17px;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 8px 30px rgba(22,54,43,.035)}.metric-card.accent{background:linear-gradient(140deg,#103d2d,#0c2b21);color:#fff;border:0}.metric-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--mint);color:var(--green-dark);font-size:19px}.accent .metric-icon{background:#ffffff14;color:#6bf0b0}.metric-card small,.metric-card strong,.metric-card p{display:block;margin:0}.metric-card small{color:var(--muted);font-size:9px;letter-spacing:.11em;font-weight:900}.accent small,.accent p{color:#8bb1a2}.metric-card strong{margin:4px 0;font:600 29px Georgia}.metric-card p{color:var(--muted);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:15px;margin-top:15px}.card{border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 10px 40px rgba(20,49,39,.04);padding:22px}.card-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line)}.card-head h3{margin:0;font-size:16px}.card-head a{color:var(--green-dark);font-size:10px;font-weight:800}.session-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid #edf2ef}.session-dot{width:8px;height:8px;border-radius:50%;background:#b8c4bf}.session-dot.online{background:var(--green);box-shadow:0 0 0 5px #1fbf7812}.session-row b,.session-row small{display:block}.session-row b{font-size:12px}.session-row small{margin-top:4px;color:var(--muted);font:9px ui-monospace}.status-pill{padding:5px 8px;border-radius:99px;background:#f0f3f2;color:#6f8079;font-size:8px;font-weight:900;text-transform:uppercase}.status-pill.online{background:var(--mint);color:var(--green-dark)}.quick-card>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:14px 2px;border-bottom:1px solid #edf2ef}.quick-card>a>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--mint);color:var(--green-dark)}.quick-card b,.quick-card small{display:block}.quick-card b{font-size:11px}.quick-card small{margin-top:3px;color:var(--muted);font-size:9px}.quick-card i{color:#8ca098}.empty-state,.loading-state{padding:50px 15px;text-align:center;color:var(--muted);font-size:11px}.select-control{min-width:240px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);outline:none}.connections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.connection-card{padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.connection-top{display:flex;align-items:center;gap:12px}.connection-top .contact-avatar{width:42px;height:42px}.connection-top>div{min-width:0}.connection-top b,.connection-top small{display:block}.connection-top b{font-size:13px}.connection-top small{margin-top:4px;color:var(--muted);font:9px ui-monospace}.connection-top .status-pill{margin-left:auto}.connection-body{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.connected-box{display:flex;gap:12px;align-items:center;padding:15px;border-radius:11px;background:var(--mint)}.connected-box span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff}.connected-box b,.connected-box small{display:block}.connected-box b{font-size:11px}.connected-box small{margin-top:3px;color:#4e7767;font-size:9px}.pair-layout{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center}.qr-box{width:140px;height:140px;padding:7px;border:1px solid var(--line);border-radius:11px;background:#fff}.qr-box img{width:100%;height:100%}.pair-copy h4{margin:0 0 6px;font-size:12px}.pair-copy p{margin:0 0 11px;color:var(--muted);font-size:10px;line-height:1.5}.pair-input{display:flex;gap:7px}.pair-input input,.modal input{min-width:0;flex:1;padding:10px;border:1px solid var(--line);border-radius:8px;outline:none}.pair-input button{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:0 11px;font-size:9px;font-weight:800}.pair-code{margin-top:9px;padding:10px;border:1px dashed #7bcba7;border-radius:8px;background:#eefbf5;color:var(--green-dark);font:700 18px ui-monospace;text-align:center;letter-spacing:.08em}.modal{width:min(460px,calc(100% - 30px));border:0;border-radius:16px;padding:0;box-shadow:0 35px 100px #071b1455}.modal::backdrop{background:#071b1499;backdrop-filter:blur(4px)}.modal form{padding:23px}.modal-head{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.modal-head button{border:0;background:transparent;font-size:23px}.modal label{display:block;margin:20px 0 7px;font-size:10px;font-weight:800}.modal input{width:100%}.modal form>p{color:var(--muted);font-size:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.api-live{padding:9px 12px;border:1px solid #aee7cc;border-radius:99px;background:var(--mint);color:var(--green-dark);font-size:9px;font-weight:900}.api-live i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green)}.developer-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:15px}.copy-field{display:flex;gap:8px;margin-top:18px}.copy-field code{flex:1;padding:12px;border-radius:9px;background:#f0f5f2;color:var(--green-dark);font:11px ui-monospace;overflow:auto}.copy-field button{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:0 13px;font-size:9px}.api-summary>p{color:var(--muted);font-size:10px}.security-card{display:flex;align-items:center;gap:15px;background:var(--nav);color:#fff}.security-card>span{font-size:30px;color:var(--green)}.security-card h3{margin:0 0 6px}.security-card p{margin:0;color:#86a096;font-size:10px;line-height:1.5}.endpoint-card,.code-card{margin-top:15px}.api-route{display:grid;grid-template-columns:55px minmax(230px,1fr) 1fr;gap:13px;padding:13px 2px;border-bottom:1px solid var(--line);align-items:center}.api-route b{width:45px;padding:5px;text-align:center;border-radius:6px;font-size:8px}.api-route .get{background:#e5f1ff;color:#276b9f}.api-route .post{background:var(--mint);color:var(--green-dark)}.api-route code{font:11px ui-monospace}.api-route span{color:var(--muted);font-size:10px}.code-card pre{margin:17px 0 0;padding:18px;border-radius:11px;background:#0b1d17;color:#c2ddd2;overflow:auto}.code-card pre code{font:10px/1.7 ui-monospace}.form-error{margin:12px 0;padding:10px;border-radius:8px;background:#fff0f0;color:#ad3f3f;font-size:10px}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:100;display:grid;gap:8px}.toast{padding:12px 15px;border-radius:10px;background:var(--nav);color:#fff;font-size:10px;box-shadow:0 15px 40px #0003}.sidebar-overlay{display:none}
.login-body{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#f7faf8}.login-visual{position:relative;display:flex;flex-direction:column;padding:44px 56px;color:#fff;overflow:hidden;background:radial-gradient(circle at 75% 18%,#1a684d 0,transparent 34%),linear-gradient(145deg,#071b14,#0c2b20)}.login-visual:after{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:34px 34px}.login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.login-brand b,.login-brand small{display:block}.login-brand small{color:#79a391;font-size:9px}.login-message{position:relative;z-index:1;margin:auto 0;max-width:620px}.login-message .overline{color:#5ee7a7}.login-message h1{margin:0;font:500 clamp(45px,5vw,76px)/1 Georgia;letter-spacing:-.045em}.login-message>p:last-child{max-width:480px;margin:24px 0 0;color:#94afa4;font-size:14px;line-height:1.7}.visual-status{position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:#85a598;font-size:10px}.visual-status i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px #1fbf7814}.login-panel{display:grid;place-items:center;padding:35px}.login-card{width:min(410px,100%)}.mobile-login-brand{display:none}.login-card h2{margin:0;font:500 34px Georgia}.login-subtitle{margin:9px 0 30px;color:var(--muted);font-size:12px}.login-card form>label{display:block;margin:15px 0 7px;font-size:10px;font-weight:900}.field{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff}.field>span{padding-left:13px;color:#95a59f}.field input{min-width:0;flex:1;border:0;outline:none;padding:13px;background:transparent}.field button{border:0;background:transparent;padding:0 12px;color:var(--green-dark);font-size:9px;font-weight:800}.login-options{display:flex;justify-content:space-between;margin:13px 0 20px;color:var(--muted);font-size:9px}.check{display:flex;align-items:center;gap:6px}.login-submit{width:100%;justify-content:space-between;padding:14px 17px}.login-help{text-align:center;margin-top:24px;color:#9aa9a3;font-size:9px}
@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card:last-child{grid-column:span 2}.dashboard-grid,.developer-grid{grid-template-columns:1fr}.connections-grid{grid-template-columns:1fr}.login-body{grid-template-columns:1fr}.login-visual{display:none}.mobile-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:50px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.sidebar-overlay{position:fixed;inset:0;background:#071b1488;z-index:40}.sidebar-overlay.open{display:block}.main-shell{margin-left:0}.menu-button{display:block;margin-right:14px}.topbar{height:74px;padding:0 18px}.topbar-user>div{display:none}.content{padding:24px 16px 40px}.welcome-row,.page-intro{display:block}.welcome-row .primary-button,.page-intro>.primary-button{margin-top:20px}.page-intro{min-height:0;padding-bottom:23px}.metric-grid{grid-template-columns:1fr}.metric-card:last-child{grid-column:auto}.dashboard-grid{grid-template-columns:1fr}.select-control{width:100%;margin-top:18px}.pair-layout{grid-template-columns:1fr}.qr-box{margin:auto}.api-route{grid-template-columns:50px 1fr}.api-route span{display:none}.login-panel{padding:28px 20px}.login-card h2{font-size:30px}}