@font-face{font-family:Inter;src:local('Inter'),local('Segoe UI');font-display:swap}
:root{color-scheme:dark;--bg:#0c0c10;--panel:#131317;--raised:#19191f;--border:#292930;--text:#f4f3f7;--muted:#93939f;--purple:#a779ff;--purple-bg:#231a34;--green:#4cdda0;--red:#ff7f94;--radius:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a{transition:background .16s,color .16s,border-color .16s,transform .16s}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #a779ff70;border-color:var(--purple)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1.1px;line-height:1.25;font-weight:600}h2{font-size:20px;font-weight:600;letter-spacing:-.4px}h3{font-size:16px;font-weight:500}svg{width:19px;height:19px;vertical-align:middle;flex-shrink:0}small{font-size:12px}.muted{color:var(--muted)}.mono{font-family:Consolas,monospace;font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--muted);text-transform:uppercase}.purple{color:var(--purple)}.green{color:var(--green)}.red{color:var(--red)}
.shell{display:flex;min-height:100vh}.sidebar{width:228px;position:fixed;inset:0 auto 0 0;background:#101014;border-right:1px solid #222229;padding:30px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 10px;margin-bottom:39px}.brand img{width:34px;height:34px}.brand strong{display:block;font-size:23px;letter-spacing:-1px;line-height:1.1}.brand small{color:#858590;font-size:10px;letter-spacing:1.6px}.nav-title{padding:0 14px;margin-bottom:11px;color:#676773;font-size:10px;letter-spacing:1.6px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;margin:4px 0;border:1px solid transparent;border-radius:9px;background:transparent;color:#9999a6;text-align:left;min-height:46px}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:var(--raised);color:var(--text)}.nav-item.active{background:#231b32;border-color:#322446;color:#b895ff}.nav-count{margin-left:auto;background:#38274e;border-radius:5px;color:#c3a5ff;padding:0 7px;font-size:11px}.sidebar-footer{margin-top:auto}.storage{border:1px solid var(--border);border-radius:12px;padding:15px 13px;margin-bottom:19px}.storage p{font-size:12px;margin:7px 0;color:#b1b1ba}.storage small{color:#666674}.storage-title{display:flex;align-items:center;gap:8px;color:var(--green);font-size:12px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:currentColor;flex-shrink:0}.operator{display:flex;align-items:center;gap:9px;padding:0 8px}.operator-icon{background:#292332;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--purple)}.operator small{display:block;color:var(--muted);font-size:10px}.operator .icon-btn{margin-left:auto}
.workspace{margin-left:228px;width:calc(100% - 228px)}.topbar{height:76px;padding:0 38px;border-bottom:1px solid #222229;display:flex;align-items:center;justify-content:space-between}.breadcrumb{color:#858591;font-size:12px;display:flex;align-items:center;gap:13px}.breadcrumb b{color:#c3c3cb;font-weight:400}.top-right{display:flex;align-items:center;gap:18px;font-size:11px;color:var(--muted)}.secure{display:flex;align-items:center;gap:6px}.secure svg{width:13px;height:13px}.divider-v{width:1px;height:17px;background:var(--border)}.content{max-width:1510px;margin:auto;padding:34px 38px 26px}.page-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:29px}.page-heading p{color:var(--muted);margin-top:8px;font-size:13px}.heading-buttons{display:flex;gap:10px;flex-shrink:0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:40px;border:1px solid #38383f;border-radius:8px;padding:9px 15px;background:#16161b;color:var(--text);font-size:12px;font-weight:500;white-space:nowrap}.btn:hover{background:#24242b;border-color:#555360}.btn.primary{background:var(--purple);color:#171023;border-color:var(--purple);font-weight:600}.btn.primary:hover{background:#bb98ff;border-color:#bb98ff}.btn.danger{color:var(--red);border-color:#613040;background:#2a1820}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn svg{width:16px;height:16px}.icon-btn{border:1px solid transparent;background:transparent;color:var(--muted);width:34px;height:34px;border-radius:7px;display:inline-grid;place-items:center}.icon-btn:hover{background:#282830;color:white}.icon-btn svg{width:17px;height:17px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:29px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:17px 19px;position:relative}.stat-label{display:flex;align-items:center;justify-content:space-between;color:#a2a2ad;font-size:11px}.stat-label svg{width:16px;height:16px;color:#767682}.stat-value{font-size:30px;letter-spacing:-1px;font-weight:500;line-height:1.2;margin:11px 0 6px}.stat-foot{font-size:10px;color:#747480;display:flex;gap:6px;align-items:center}.stat-foot .dot{width:5px;height:5px}.stat-line{position:absolute;right:19px;bottom:20px;display:flex;align-items:flex-end;gap:3px;height:20px}.stat-line i{width:4px;background:#302541;border-radius:2px}.stat-line i:nth-child(1){height:6px}.stat-line i:nth-child(2){height:10px}.stat-line i:nth-child(3){height:8px}.stat-line i:nth-child(4){height:15px}.stat-line i:nth-child(5){height:12px}.stat-line i:nth-child(6){height:19px;background:#a779ff}
.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.search{position:relative;flex:1;max-width:410px}.search svg{position:absolute;left:13px;top:12px;width:16px;height:16px;color:#72727e}.search input{width:100%;padding:10px 12px 10px 39px;height:40px;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:12px}.search input::placeholder{color:#696975}.filter{background:var(--panel);border:1px solid var(--border);border-radius:8px;color:#b4b4bf;padding:9px 11px;font-size:12px;height:40px;max-width:160px}.view-switch{margin-left:auto;background:var(--panel);border:1px solid var(--border);border-radius:8px;display:flex;padding:3px;gap:2px}.view-switch .icon-btn{width:31px;height:31px}.view-switch .selected{background:#30263e;color:var(--purple)}.section-meta{display:flex;justify-content:space-between;margin:0 1px 13px;font-size:10px;color:#777783}.section-meta b{color:#bbb9c5;font-weight:500}.accounts-list{display:grid;gap:11px}.account-row{background:linear-gradient(105deg,#15151b,#121217);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;padding:21px 23px;gap:17px;cursor:pointer;transition:border-color .2s,background .2s;position:relative}.account-row:hover{border-color:#644588;background:#19161f}.avatar{width:54px;height:54px;border-radius:50%;padding:3px;border:1px solid #9563ef;display:grid;place-items:center;background:#241c30;flex-shrink:0;position:relative}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar.initial{color:#d8bfff;font-size:20px;background:linear-gradient(130deg,#432e57,#221c2c)}.avatar.big{width:84px;height:84px;font-size:30px;border-width:2px}.account-title{display:flex;gap:8px;align-items:center;font-weight:500;font-size:15px}.account-title svg{width:14px;height:14px;color:#898693}.account-handle{font-size:12px;color:#94929f;margin-top:4px}.premium-star{color:var(--purple)!important;fill:var(--purple)}.account-main{width:240px;flex-shrink:0}.account-connection{margin-left:8px;border-left:1px solid var(--border);padding-left:30px;flex:1;min-width:0}.connection-info{font-size:11px;display:flex;align-items:center;gap:6px;color:#b4b1bf;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.connection-info svg{width:13px;height:13px;color:#73717e}.connection-sub{font-size:10px;color:#72707e;margin-top:6px}.account-status{min-width:126px;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--green)}.account-status.error{color:var(--red)}.account-status.imported{color:#ad9cc9}.account-status .dot{box-shadow:0 0 10px currentColor;width:6px;height:6px}.row-arrow{color:#5e5b6b}.row-arrow svg{width:16px;height:16px}.tag{font-size:9px;color:#a59ab6;background:#25202e;border:1px solid #393040;padding:2px 7px;border-radius:4px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accounts-list.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid .account-row{flex-wrap:wrap}.grid .account-main{width:calc(100% - 74px)}.grid .account-connection{border:0;padding:0;margin:5px 0 0;flex-basis:100%}.grid .account-status{margin-top:5px}.grid .row-arrow{margin-left:auto}
.import-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(100deg,#19151f,#141317);border:1px dashed #493953;border-radius:12px;padding:22px 23px;margin-top:23px}.import-banner-icon{width:41px;height:41px;background:#2a2038;color:var(--purple);border-radius:10px;display:grid;place-items:center;flex-shrink:0}.import-banner h3{font-size:12px}.import-banner p{font-size:11px;color:#85808e;margin-top:4px}.import-banner .btn{margin-left:auto;font-size:11px}.footnote{margin-top:24px;display:flex;justify-content:space-between;color:#62616e;font-size:10px}.footnote span{display:flex;gap:5px;align-items:center}.footnote svg{width:12px;height:12px}.empty{border:1px solid var(--border);border-radius:14px;background:var(--panel);text-align:center;padding:49px 24px}.empty-icon{display:grid;place-items:center;color:var(--purple);background:#241c33;border:1px solid #46315e;border-radius:17px;width:62px;height:62px;margin:0 auto 20px}.empty-icon svg{width:27px;height:27px}.empty h2{font-size:20px;margin-bottom:9px}.empty p{color:var(--muted);font-size:12px;max-width:350px;margin:0 auto 20px;line-height:1.8}.empty-actions{display:flex;justify-content:center;gap:10px}.demo-note{display:flex;gap:9px;align-items:center;padding:11px 15px;border:1px solid #4d375d;border-radius:9px;background:#251a30;color:#c6a7e7;margin-bottom:23px;font-size:12px}.demo-note .btn{margin-left:auto;min-height:28px;padding:3px 10px}
.back{margin-bottom:24px;padding-left:0}.detail-card{background:var(--panel);border:1px solid #333039;border-radius:17px;overflow:hidden}.detail-head{display:flex;align-items:center;gap:24px;padding:32px;border-bottom:1px solid var(--border)}.detail-name{font-size:28px;letter-spacing:-.8px;font-weight:600;display:flex;gap:12px;align-items:center}.detail-name svg{width:21px;height:21px}.detail-handle{font-size:15px;color:#a49eae;margin-top:5px}.detail-head .account-status{margin-left:auto}.detail-body{display:grid;grid-template-columns:1fr 1fr;padding:28px 32px;gap:32px}.detail-col+.detail-col{border-left:1px solid var(--border);padding-left:32px}.block+.block{margin-top:27px;padding-top:24px;border-top:1px solid var(--border)}.block .eyebrow{margin-bottom:16px;color:#a59bad}.bio{font-size:15px;color:#e0dae8;line-height:1.7;min-height:35px}.kv{display:grid;grid-template-columns:125px minmax(0,1fr);gap:13px 15px;font-size:13px}.kv dt{color:#9d95a6}.kv dd{margin:0;overflow-wrap:anywhere}.kv dd .icon-btn{width:26px;height:23px;margin-left:6px}.kv a:hover{color:var(--purple)}.session-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #27252d}.session-icon{color:#a9a2b3}.session-icon svg{width:25px;height:25px}.session-title{font-size:12px}.session-description{font-size:10px;color:#908898;margin-top:2px}.session-row .btn,.session-row .tag{margin-left:auto;font-size:10px;padding:5px 9px;min-height:28px}.wide{width:100%;margin-top:16px}.detail-actions{border-top:1px solid var(--border);padding:20px 30px;display:flex;gap:12px;align-items:center}.detail-actions .action-end{margin-left:auto}.session-empty{padding:16px 0;color:var(--muted);font-size:12px}.error-inline{padding:11px 14px;background:#2a1820;border:1px solid #633343;border-radius:8px;color:#ffafba;font-size:12px;line-height:1.6;margin:12px 0}.info-inline{padding:12px 14px;border:1px solid #40324f;background:#221a2e;border-radius:8px;font-size:12px;color:#bfa9d7;line-height:1.7}.detail-tabs{display:flex;gap:14px;margin-bottom:20px;border-bottom:1px solid var(--border)}.tab{border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent;padding:13px 4px;font-size:12px}.tab.active{color:var(--purple);border-bottom-color:var(--purple)}
.panel{border:1px solid var(--border);border-radius:13px;background:var(--panel);padding:24px}.panel h2{font-size:16px;margin-bottom:8px}.panel>p{font-size:12px;color:var(--muted);margin-bottom:24px}.settings-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.settings-grid form .btn{margin-top:8px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--panel)}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;color:#807b8a;font-weight:500;padding:15px 20px;border-bottom:1px solid var(--border);background:#17161c}td{font-size:12px;padding:17px 20px;border-bottom:1px solid #24232b}tr:last-child td{border-bottom:0}td .btn{font-size:10px;min-height:30px;padding:5px 9px}.table-actions{display:flex;gap:7px}.event-list{display:grid;gap:1px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.event{display:flex;gap:16px;align-items:center;padding:17px 20px;background:var(--panel);border-bottom:1px solid #25242c}.event:last-child{border:0}.event-marker{width:30px;height:30px;border:1px solid #304338;background:#17251f;border-radius:9px;display:grid;place-items:center;color:var(--green)}.event-marker.error{border-color:#58303b;background:#29191f;color:var(--red)}.event-marker svg{width:14px;height:14px}.event-title{font-size:12px}.event-detail{font-size:11px;color:var(--muted);margin-top:3px}.event time{margin-left:auto;color:#7e7889;font-size:11px;white-space:nowrap}
dialog{background:#17151d;color:var(--text);border:1px solid #3d3349;border-radius:17px;width:min(520px,calc(100% - 32px));padding:0;box-shadow:0 25px 120px #0009;max-height:90vh}dialog::backdrop{background:#06050bbb;backdrop-filter:blur(5px)}.modal-head{padding:24px 27px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal-head h2{font-size:20px}.modal-head p{font-size:12px;color:var(--muted);margin-top:6px}.modal-content{padding:0 27px 26px;overflow:auto}.modal-content .info-inline{margin-bottom:20px}.form-field{display:block;margin-bottom:16px}.form-field>span{font-size:11px;color:#bcb5c7;display:block;margin-bottom:7px}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #37303f;border-radius:8px;background:#100e16;color:var(--text);padding:10px 12px;min-height:41px;font-size:13px}.form-field textarea{resize:vertical;min-height:85px}.form-field small{display:block;font-size:10px;color:#83788f;margin-top:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.modal-tabs{display:flex;background:#100e16;border:1px solid #312a3a;border-radius:9px;padding:4px;gap:4px;margin-bottom:22px}.modal-tabs button{flex:1;padding:9px;border:0;background:transparent;color:#96909f;border-radius:6px;font-size:12px}.modal-tabs button.active{background:#302140;color:#c4a3f4}.dropzone{display:block;border:1px dashed #665078;border-radius:12px;padding:27px 20px;background:#211829;text-align:center;cursor:pointer;margin-bottom:18px}.dropzone svg{width:28px;height:28px;color:var(--purple);margin-bottom:11px}.dropzone b{display:block;font-size:12px;font-weight:500}.dropzone small{display:block;font-size:10px;color:#94839f;margin-top:6px}.dropzone input{display:block;max-width:100%;font-size:11px;margin:15px auto 0;color:#b89bcc}.dropzone input::file-selector-button{background:#392747;color:#ddc6f7;border:1px solid #634876;border-radius:5px;padding:6px 10px;margin-right:8px;cursor:pointer}.form-error{color:var(--red);font-size:12px;line-height:1.6;margin-top:10px;white-space:pre-line}.code-value{font-family:Consolas,monospace;letter-spacing:9px;text-align:center;padding:25px;font-size:40px;color:#c5a2ff;background:#22172f;border:1px solid #50346a;border-radius:12px;margin:20px 0}.menu-actions{display:grid;gap:9px}.menu-actions .btn{justify-content:flex-start}.check{display:flex;gap:9px;align-items:flex-start;margin:20px 0;color:#b1a5bc;font-size:12px}.check input{accent-color:var(--purple);margin-top:4px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 35%,#25173655,transparent 60%)}.auth-card{max-width:420px;width:100%;border:1px solid #3b2e47;border-radius:20px;background:#151219;padding:34px}.auth-card .brand{padding:0;margin-bottom:36px}.auth-card h1{font-size:25px}.auth-card>p{font-size:12px;color:var(--muted);margin:12px 0 24px;line-height:1.8}.auth-card .btn{width:100%;margin-top:10px}.auth-foot{font-size:10px;color:#7b6e86;margin-top:22px;text-align:center}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted)}#toasts{position:fixed;bottom:24px;right:24px;display:grid;gap:10px;z-index:100;max-width:min(390px,calc(100vw - 40px));pointer-events:none}.toast{background:#241d2e;border:1px solid #514062;border-radius:11px;padding:13px 18px;color:#e7d9f5;font-size:12px;box-shadow:0 5px 30px #0008;animation:arrive .18s ease-out}.toast.error{border-color:#7a3b4d;background:#2d1b23;color:#ffb5c3}.busy{opacity:.55;pointer-events:none}.spinner{width:15px;height:15px;border:2px solid #736282;border-top-color:var(--purple);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.loading{padding:30px;display:flex;gap:12px;align-items:center;justify-content:center;color:var(--muted);font-size:12px}.mobile-menu{display:none}.small-link{color:#b294d3;font-size:12px;cursor:pointer}.small-link:hover{color:#d5bbef}.import-results{display:grid;gap:10px;margin:20px 0}.result{padding:12px;border:1px solid var(--border);border-radius:8px;font-size:12px;overflow-wrap:anywhere}.result p{margin-top:5px;color:var(--muted);font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.content{padding-top:45px}.account-row{padding:24px}.account-main{width:310px}}
@media(max-width:1100px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.workspace{margin-left:195px;width:calc(100% - 195px)}.content{padding:26px}.topbar{padding:0 26px}.account-main{width:180px}.account-connection{padding-left:16px;margin-left:0}.account-status{min-width:98px}.heading-buttons .btn{padding:9px 11px}.detail-body{padding:24px;gap:24px}.detail-col+.detail-col{padding-left:24px}.kv{grid-template-columns:100px 1fr;gap:12px}.stat{padding:15px}.stat-line{display:none}}
@media(max-width:850px){.account-connection{display:none}.account-main{flex:1;width:auto}.page-heading{align-items:flex-start;flex-direction:column}.heading-buttons{width:100%}.detail-body{grid-template-columns:1fr}.detail-col+.detail-col{border:0;border-top:1px solid var(--border);padding:25px 0 0}.detail-head{padding:24px;gap:15px;flex-wrap:wrap}.detail-name{font-size:23px}.detail-head .account-status{margin-left:100px}.settings-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{max-width:none;min-width:160px}.filter{max-width:140px}.account-row{padding:18px}.import-banner{flex-wrap:wrap}.import-banner .btn{margin-left:57px}.secure{display:none}.stat-label{font-size:10px}.stats{gap:9px}.stat-foot{font-size:9px}.detail-actions{flex-wrap:wrap;padding:18px}}
@media(max-width:640px){.sidebar{transform:translateX(-100%);width:228px;transition:transform .2s}.sidebar.open{transform:none;box-shadow:30px 0 100px #000c}.workspace{width:100%;margin:0}.mobile-menu{display:inline-grid}.topbar{height:62px;padding:0 17px}.breadcrumb{gap:8px;font-size:11px}.top-right{gap:9px}.content{padding:24px 17px}.page-heading{margin-bottom:22px}h1{font-size:28px}.page-heading p{font-size:12px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px}.stat-value{font-size:27px}.stat-foot{font-size:10px}.stat-label{font-size:11px}.heading-buttons .btn{flex:1;font-size:11px}.toolbar{gap:8px}.search{flex-basis:100%}.filter{flex:1;max-width:none}.view-switch{margin-left:0}.account-row{gap:12px;padding:17px 14px}.avatar{width:45px;height:45px}.account-title{font-size:13px}.account-handle{font-size:11px}.account-status{min-width:80px;font-size:10px;gap:6px}.row-arrow{display:none}.tag{display:none}.accounts-list.grid{grid-template-columns:1fr}.grid .account-connection{display:block}.import-banner{padding:17px 14px;gap:12px}.import-banner h3{font-size:11px}.import-banner p{font-size:10px}.import-banner .btn{margin-left:53px}.footnote{font-size:9px;gap:15px}.empty{padding:35px 18px}.empty-actions{flex-wrap:wrap}.detail-head{padding:22px 18px}.avatar.big{width:66px;height:66px}.detail-name{font-size:22px}.detail-handle{font-size:12px}.detail-head .account-status{margin-left:83px}.detail-body{padding:24px 18px}.detail-actions .btn{font-size:10px;padding:8px 10px}.event{padding:14px 12px;gap:10px;flex-wrap:wrap}.event time{margin-left:40px}.modal-head{padding:22px 20px 16px}.modal-content{padding:0 20px 22px}.form-row{grid-template-columns:1fr}.demo-note{font-size:10px;gap:6px}.demo-note svg{display:none}.table-wrap{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:640px){.btn,.icon-btn,.session-row .btn,.table-actions .btn{min-height:44px}.icon-btn{min-width:44px}.view-switch .icon-btn{min-width:39px;min-height:39px}.detail-actions .btn{font-size:11px}.modal-tabs button{min-height:44px}.form-field>span{font-size:12px}.operator .icon-btn{min-width:34px}.session-row .btn{font-size:10px}}
.nav-close{position:absolute;right:3px;top:22px;display:none}@media(max-width:640px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}.nav-close{display:inline-grid}}
/* Reference theme: true black surfaces; colour is reserved for actions and state. */
:root{--bg:#000;--panel:#000;--raised:#090909;--border:#292929;--text:#fff;--muted:#a0a0a0;--purple-bg:#000}
.sidebar,.topbar,.workspace,.content,.auth-screen,.auth-card,.panel,.detail-card,.stat,.table-wrap,.event,.account-row,.import-banner,dialog{background:#000}
.sidebar,.topbar{border-color:#262626}.account-row{border-color:#292929}.account-row:hover{background:#080808;border-color:#6c4991}.detail-card{border-color:#303030}.account-connection,.detail-col+.detail-col,.detail-head,.detail-actions,.block+.block,.detail-tabs,.session-row{border-color:#292929}
.nav-item:hover,.nav-item.active,.nav-count,.storage,.tag,.avatar.initial,.operator-icon,.import-banner-icon,.empty-icon,.empty,.demo-note,.info-inline,.error-inline,.session-empty,.toast,.toast.error,.event-marker,.event-marker.error{background:#000}
.nav-item.active{border-color:#393039}.nav-count,.tag{border-color:#333}.storage,.empty,.demo-note,.info-inline,.error-inline,.toast,.event-marker{border-color:#303030}.tag{color:#bfbfbf}.avatar.initial{color:#eee}.stat-line i{background:#242424}.stat-line i:last-child{background:var(--purple)}
.btn{background:#000;border-color:#777;color:#fff}.btn:hover{background:#101010;border-color:#bbb}.btn.primary{background:#9810fa;color:#fff;border-color:#9810fa}.btn.primary:hover{background:#ab2dff;border-color:#ab2dff}.btn.danger{background:#000;color:var(--red);border-color:#70404c}.btn.ghost{background:transparent;border-color:transparent}.icon-btn:hover{background:#111}.view-switch,.view-switch .selected,.filter,.search input{background:#000;border-color:#333}.view-switch .selected{outline:1px solid #4e365f}
.modal-tabs,.modal-tabs button.active,.form-field input,.form-field select,.form-field textarea,.dropzone,.code-value{background:#000;border-color:#444}.modal-tabs button.active{outline:1px solid #6b4388}.dropzone input::file-selector-button{background:#000;border-color:#777;color:#fff}.auth-screen{background:#000}dialog::backdrop{background:#000d}.import-banner{border-color:#454545}th{background:#050505}td,.event{border-color:#292929}.connection-info,.kv dt,.detail-handle,.account-handle,.connection-sub,.session-description{color:#b4b4b4}.eyebrow,.block .eyebrow{color:#bababa}.bio{color:#fff}.demo-note,.info-inline{color:#c5c5c5}
.proxy-file-note{margin-bottom:20px}.proxy-file-note p{margin:6px 0;color:var(--muted);font-size:11px}.proxy-file-note .btn{padding-left:0}
.heating-badge{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;color:#eeb782;border:1px solid #61482c;border-radius:6px;padding:4px 7px;font-size:10px;background:#000}.heating-badge svg{width:12px;height:12px}.heating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.heat-card{border:1px solid #303030;border-radius:15px;background:#000;overflow:hidden;min-width:0}.heat-card-head{display:flex;gap:12px;align-items:center;padding:20px;border-bottom:1px solid #292929}.heat-card-head .avatar{width:43px;height:43px}.heat-card-head h2{font-size:17px}.heat-card-head p{font-size:11px;color:#a0a0a0;margin-top:3px}.heat-status{display:inline-flex;gap:6px;align-items:center;font-size:10px;white-space:nowrap;color:#aaa;margin-left:auto}.heat-status.running,.heat-status.queued{color:var(--green)}.heat-status.waiting{color:#eeb782}.heat-status.error{color:var(--red)}.heat-status.completed{color:var(--purple)}.heat-card-body{padding:20px}.heat-stage p{font-size:14px;margin:8px 0 5px}.heat-stage small{font-size:10px;color:#aaa;display:block}.heat-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:23px;padding-bottom:19px;border-bottom:1px solid #292929}.heat-metrics span{font-size:10px;color:#aaa}.heat-metrics b{font-size:21px;display:block;line-height:1.3;color:#eee;font-weight:500}.heat-program{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#aaa;margin:14px 0}.heat-program span:first-child{display:flex;align-items:center;gap:6px}.heat-program svg{width:13px;height:13px}.heat-inline-log{border:1px solid #262626;border-radius:8px;padding:10px 12px;height:143px;overflow:auto;background:#000}.heat-log-line{display:flex;gap:10px;font:10px/1.7 Consolas,monospace;margin:5px 0;overflow-wrap:anywhere;color:#b5b5b5}.heat-log-line time{color:#777;flex-shrink:0;font-size:9px}.heat-log-line.red{color:var(--red)}.heat-warning{color:#eeb782}.heat-card-actions{border-top:1px solid #292929;padding:15px 18px;display:flex;gap:9px;align-items:center}.heat-card-actions .btn{font-size:11px}.heat-card-actions .icon-btn:nth-last-child(2){margin-left:auto}.heat-account-picker{display:grid;gap:5px;max-height:210px;overflow:auto;margin:14px 0 22px}.heat-account-picker label{display:flex;align-items:center;gap:11px;border:1px solid #303030;border-radius:8px;padding:11px;cursor:pointer}.heat-account-picker .avatar{width:35px;height:35px;font-size:15px}.heat-account-picker small{display:block;color:#aaa;font-size:10px}.heat-account-picker input,.heat-fieldset input,.heat-advanced input[type=checkbox]{accent-color:var(--purple)}.heat-fieldset{border:1px solid #333;border-radius:9px;margin:20px 0;padding:12px}.heat-fieldset legend{font-size:11px;color:#bfbfbf;padding:0 8px}.heat-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.heat-check-grid .check{margin:5px 0}.heat-advanced{border:1px solid #333;border-radius:9px;margin:17px 0;padding:13px}.heat-advanced summary{color:#c7c7c7;font-size:12px;cursor:pointer}.heat-advanced[open] summary{margin-bottom:20px}.heat-log-full{max-height:430px;min-height:150px;overflow:auto;padding:10px;border:1px solid #333;border-radius:9px}.heat-log-full .heat-log-line{font-size:11px}.avatar-button{background:#000;border:0;padding:0;position:relative;border-radius:50%;cursor:pointer}.avatar-button:hover .avatar{border-color:#be75ff}.avatar-edit{position:absolute;bottom:0;right:-3px;width:23px;height:23px;display:grid;place-items:center;background:#000;color:#d9b8ff;border:1px solid #77608c;border-radius:50%}.avatar-edit svg{width:11px;height:11px}.photo-current{display:flex;gap:19px;align-items:center;padding:0 0 20px}.photo-current p{font-size:11px;margin-top:5px}.photo-manager-actions{display:flex;gap:8px;flex-wrap:wrap}.photo-manager-actions .btn{font-size:11px}.photo-history-label{margin:26px 0 14px}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.photo-grid>.loading,.photo-grid>.muted,.photo-grid>.error-inline{grid-column:1/-1}.photo-tile{min-width:0;border:1px solid #333;border-radius:10px;padding:9px;display:flex;flex-direction:column;gap:8px}.photo-tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}.photo-tile small{font-size:10px;color:#aaa}.photo-tile .btn{min-height:31px;font-size:10px;padding:6px 8px}.photo-preview{border:0;padding:0;display:block;background:#000;cursor:pointer;width:100%}.photo-large{display:block;max-width:100%;border-radius:12px;max-height:65vh;object-fit:contain;margin:auto}
@media(max-width:1100px){.heating-grid{grid-template-columns:1fr}.heat-card-head{padding:18px}}
/* Manager controls and card scale use stylesheet classes to respect CSP. */
.manager-filters{display:grid;grid-template-columns:1fr .8fr 1fr 1.1fr auto;gap:12px;align-items:end;margin:0 0 24px}.manager-filters label{min-width:0}.manager-filters label>span{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#bbb;margin-bottom:7px}.manager-filters select,.manager-filters input[type=search]{width:100%;min-width:0;background:#000;color:#fff;border:1px solid #444;border-radius:8px;padding:10px;min-height:44px}.card-size input{width:100%;height:44px;margin:0;accent-color:#9810fa;cursor:pointer}.card-size output{color:#c7a0ef}.manager-filters>.btn{min-height:44px}.account-facts{font-size:11px;color:#aaa;margin-top:5px;overflow-wrap:anywhere}.accounts-list{--card-avatar:52px;--card-padding:22px;--card-font:15px;--card-width:360px}.accounts-list.size-80{--card-avatar:40px;--card-padding:14px;--card-font:13px;--card-width:260px}.accounts-list.size-90{--card-avatar:46px;--card-padding:18px;--card-font:14px;--card-width:310px}.accounts-list.size-110{--card-avatar:62px;--card-padding:28px;--card-font:17px;--card-width:410px}.accounts-list.size-120{--card-avatar:72px;--card-padding:34px;--card-font:19px;--card-width:460px}.accounts-list .account-row{padding:var(--card-padding);min-width:0}.accounts-list .avatar{width:var(--card-avatar);height:var(--card-avatar);flex-shrink:0}.accounts-list .account-title{font-size:var(--card-font)}.accounts-list .account-main{min-width:0}.accounts-list.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--card-width)),1fr))}.accounts-list.grid .account-facts{width:100%;text-align:center}.smart-progress{margin:14px 0 20px;padding:12px;border:1px solid #333;border-radius:9px}.smart-progress p,.smart-progress small{font-size:11px;color:#bbb}.smart-progress progress{display:block;width:100%;height:6px;margin:11px 0;accent-color:#9810fa}.smart-progress .btn{font-size:11px;margin-top:8px;padding:6px 0}.smart-schedule{max-height:440px;overflow:auto;margin-top:18px}.smart-schedule article{border:1px solid #333;border-radius:8px;padding:13px;margin-bottom:9px}.smart-schedule article>div{display:flex;flex-wrap:wrap;gap:10px;font-size:11px}.smart-schedule time{color:#aaa}.smart-schedule article>div span{margin-left:auto;color:#c7a0ef}.smart-schedule p{font-size:11px;color:#bbb;margin:8px 0 0}[hidden]{display:none!important}
@media(max-width:1200px){.manager-filters{grid-template-columns:1fr 1fr 1fr}.manager-filters .card-size{grid-column:span 2}.accounts-list .account-connection{display:none}.accounts-list.grid .account-connection{display:block}.accounts-list .account-main{flex:1;width:auto}}
.accounts-list.grid .account-main{flex:1;flex-basis:calc(100% - var(--card-avatar) - 20px);width:auto}.accounts-list.grid .account-facts{text-align:left}
@media(max-width:640px){.manager-filters{grid-template-columns:1fr 1fr;gap:12px}.manager-filters .card-size{grid-column:auto}.manager-filters>.btn{grid-column:1/-1}.accounts-list .account-row{flex-wrap:wrap;padding:min(var(--card-padding),24px);gap:12px}.accounts-list .account-status{margin-left:auto}.accounts-list .account-main{flex-basis:calc(100% - var(--card-avatar) - 16px)}.accounts-list .account-facts{font-size:10px}.accounts-list.grid .account-facts{text-align:left}.accounts-list .heating-badge{order:initial;margin-left:0}.accounts-list .account-title{overflow-wrap:anywhere}}
@media(max-width:640px){.account-row:has(.heating-badge){flex-wrap:wrap}.account-row .heating-badge{order:5;margin-left:57px}.heat-card-body{padding:17px}.heat-card-head{gap:10px}.heat-card-head h2{font-size:15px}.heat-card-head .avatar{width:38px;height:38px}.heat-status{font-size:9px}.heat-card-actions{padding:13px;gap:6px}.heat-card-actions .btn{font-size:10px;padding:8px}.heat-metrics span{font-size:9px}.heat-log-line{flex-direction:column;gap:0;margin:9px 0}.heat-log-line time{font-size:9px}.heat-account-picker input{width:18px;height:18px}.heat-check-grid .check{min-height:35px}.photo-tile .btn{min-height:44px}.photo-manager-actions .btn{flex:1}.heading-buttons{flex-wrap:wrap}.heat-card-actions .icon-btn{min-width:37px}}
.premium-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;vertical-align:middle}.premium-badge img{display:block;width:100%;height:100%;object-fit:contain}.premium-badge .premium-static{display:none;width:18px;height:18px;color:var(--purple);fill:currentColor}.account-handle,.detail-handle,.heat-card-head p{display:flex;align-items:center;gap:5px;min-width:0;overflow-wrap:anywhere}.detail-handle .premium-badge{width:28px;height:28px;flex-basis:28px}.account-title,.detail-name,.heat-card-head h2{min-width:0;overflow-wrap:anywhere}.accounts-list{--card-width:300px}.accounts-list.size-80{--card-width:220px}.accounts-list.size-90{--card-width:260px}.accounts-list.size-110{--card-width:360px}.accounts-list.size-120{--card-width:440px}.accounts-list.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-width)),1fr));align-items:stretch}.accounts-list.grid .account-row{align-content:start}.accounts-list.grid .account-main{flex-basis:calc(100% - var(--card-avatar) - 20px)}.accounts-list.grid .account-connection{overflow-wrap:anywhere}.accounts-list.grid .account-connection .connection-sub{overflow-wrap:anywhere}.accounts-list.grid .account-status{margin-left:auto;min-width:0}.accounts-list.grid .row-arrow{display:none}
@media(max-width:640px){.accounts-list.grid .heating-badge{margin-left:0;order:initial}}
@media(prefers-reduced-motion:reduce){.premium-badge img{display:none}.premium-badge .premium-static{display:block}}