:root{--bg:#f6f8fb;--bg2:#fff;--card:#fff;--card2:#fff;--line:#e6ebf1;--txt:#27364b;--dim:#748197;--acc:#635bff;--ok:#169b70;--warn:#b7770d;--err:#d84a55;--glow:#eeedff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;background-image:none}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;border:1px solid transparent;padding:9px 14px;background:var(--acc);color:#fff;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s;box-shadow:0 1px 2px #19254412;cursor:pointer}button:hover{background:#5148e5;filter:none}button:disabled{cursor:not-allowed;opacity:.5}button.ghost{background:#fff;border-color:#dce2eb;color:#46556b}button.ghost:hover{background:#f5f7fb;border-color:#c8d0df}button.danger{background:#fff;border:1px solid #f3d7dc;color:var(--err)}button.danger:hover{background:#fff3f5}button.sm{padding:6px 10px;font-size:12px;border-radius:6px}button:focus-visible,a:focus-visible{outline:3px solid #b6b2ff;outline-offset:3px}input,select{background:#fff;color:var(--txt);border:1px solid #dce2eb;border-radius:7px;padding:10px 12px;outline:none;min-width:0}input:focus,select:focus{border-color:#8c85ff;box-shadow:0 0 0 3px #635bff16}input::placeholder{color:#93a0b2}a{color:var(--acc)}.muted{color:var(--dim);font-size:12px}.icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.brand-mark{width:32px;height:32px;display:grid;place-items:center;background:linear-gradient(135deg,#8177ff,#5146dc);color:#fff;border-radius:9px;font-weight:750;font-size:13px;letter-spacing:-.8px}.brand{display:flex;align-items:center;gap:10px;color:#28364e;text-decoration:none;font-size:17px;font-weight:700;letter-spacing:-.5px}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:#fff;border-right:1px solid var(--line);padding:27px 18px 20px;display:flex;flex-direction:column;z-index:30}.workspace{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:11px 10px;margin:27px 0 25px;font-size:12px}.workspace-dot{width:28px;height:28px;border-radius:7px;background:#eff1f8;color:#68748a;display:grid;place-items:center;font-weight:650}.workspace b{display:block;font-size:12px;font-weight:600}.workspace small{color:var(--dim);font-size:10px}.nav-label{font-size:10px;color:#98a2b2;text-transform:uppercase;font-weight:650;letter-spacing:.08em;padding:0 12px;margin:0 0 9px}.nav-item{width:100%;justify-content:flex-start;gap:12px;background:none;color:#69778d;box-shadow:none;border:0;padding:10px 12px;font-weight:500;font-size:13px;margin:2px 0;border-radius:7px;text-decoration:none;display:flex;align-items:center}.nav-item:hover{background:#f6f7fb;color:#394860}.nav-item.active{background:#eeedff;color:#635bff;font-weight:600}.nav-item .count-badge{margin-left:auto;background:#dddafe;color:#635bff;border-radius:4px;font-size:10px;padding:1px 6px}.nav-divider{height:1px;background:var(--line);margin:22px 10px}.sidebar-bottom{margin-top:auto;padding-top:30px}.account-mini{display:flex;gap:9px;align-items:center;padding:13px 10px;border-top:1px solid var(--line);margin-top:17px}.avatar{width:30px;height:30px;border-radius:50%;background:#e9e7ff;color:#635bff;display:grid;place-items:center;font-size:12px;font-weight:600}.account-mini b{font-size:12px;font-weight:600}.account-mini small{display:block;font-size:10px;color:var(--dim)}header.topbar{position:sticky;top:0;z-index:20;margin-left:228px;height:72px;border-bottom:1px solid var(--line);background:#ffffffee;backdrop-filter:blur(12px);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0}.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px}.topbar-breadcrumb{color:#a4adbc;font-size:12px}.topbar-divider{height:18px;width:1px;background:var(--line)}.round-action{width:32px;height:32px;border:0;background:none!important;padding:6px;color:#7e8ba0!important;box-shadow:none}.round-action:hover{background:#f0efff!important;color:#635bff!important}.live-indicator{display:flex;gap:6px;align-items:center;font-size:11px;color:#7c899a}.live-indicator i{width:6px;height:6px;border-radius:50%;background:#19a87c}.wrap{max-width:1500px;margin:0 0 0 228px;padding:30px 34px 40px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px}.page-heading h2{margin:0 0 5px;font-size:25px;font-weight:650;letter-spacing:-.7px;color:#22334d}.page-heading p{margin:0;color:#8290a5;font-size:13px}.period-chip{font-size:11px;color:#69778d;display:flex;gap:7px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;padding:8px 11px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;position:relative;overflow:hidden;box-shadow:0 2px 3px #1f2a4402}.stat:after{display:none}.stat .lbl{display:flex;align-items:center;justify-content:space-between;color:#728097;text-transform:none;letter-spacing:0;font-size:12px;font-weight:500}.stat .lbl .icon{width:15px;height:15px;color:#a2abbd}.stat .val{font-size:29px;font-weight:650;letter-spacing:-1px;margin:10px 0 5px;color:#23334b!important;line-height:1.2}.stat .sub{color:#8d98aa;font-size:10px}.stat .sub:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#c6ccd8;margin-right:5px}.stat.live .sub:before{background:#19a87c}.pulse{display:none}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 2px 3px #1f2a4402}.card-title{font-size:14px;font-weight:600;color:#31435d;margin:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-sub{font-size:11px;color:#94a0b0;margin:4px 0 0}.overview-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(245px,1fr);gap:20px;margin-bottom:23px}.chart-card{min-width:0;padding:20px 22px 14px}.chart-filter{border:1px solid var(--line);font-size:11px;padding:5px 8px;color:#7b879b;background:#fff}.chart-wrap{height:153px;margin-top:15px;position:relative}.chart-wrap svg{display:block;width:100%;height:100%;overflow:visible}.chart-empty{position:absolute;inset:20px 0 0;display:flex;justify-content:center;align-items:center;color:#a3adbd;font-size:12px;pointer-events:none}.chart-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:#9aa4b5;font-size:10px}.chart-legend{display:flex;align-items:center;gap:6px;color:#7e899e}.chart-legend i{width:7px;height:7px;border-radius:50%;background:#7166f2}.status-content{display:flex;align-items:center;gap:21px;margin-top:23px}.status-ring{width:88px;height:88px;border-radius:50%;background:conic-gradient(#635bff 0deg,#edf0f6 0deg);padding:8px;flex:none}.status-ring-inner{border-radius:50%;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.status-ring-inner b{font-size:20px;font-weight:650;letter-spacing:-.7px}.status-ring-inner small{font-size:9px;color:#8a96a8}.status-lines{flex:1}.status-line{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:10px 0;color:#7c8799;gap:10px}.status-line span{display:flex;align-items:center;gap:7px}.status-line i{width:6px;height:6px;border-radius:50%;background:#19a87c}.status-line b{font-weight:600;color:#47556c}.status-line:nth-child(2) i{background:#eeaf52}.status-line:nth-child(3) i{background:#c8d0dd}.status-note{margin-top:19px;border-top:1px solid #f0f2f7;padding-top:11px;font-size:10px;color:#9aa5b6;display:flex;align-items:center;gap:6px}.status-note .icon{width:12px;height:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.section-heading h3{margin:0;font-size:13px;font-weight:600;color:#5c6a82}.section-heading span{color:#99a4b5;font-size:10px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.tool .head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tool .title{font-weight:600;font-size:13px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tool-icon{width:31px;height:31px;background:#f1efff;border-radius:8px;display:grid;place-items:center;color:#7164dc}.tool-icon.mail{background:#eff6ff;color:#4882d4}.tool .dot{width:5px;height:5px;border-radius:50%;background:#b8c1ce}.tool.on .dot{background:#19a87c}.tool button.sm{font-size:11px;white-space:nowrap;padding:7px 10px}.tool .out{margin-top:10px;font-size:12px;min-height:0}.tool-meta{font-size:10px;color:#92a0b4;margin-top:3px}.tool-history{border-top:1px solid #f0f2f7;padding-top:9px;margin-top:13px}.tool-history:has(.devrow){max-height:200px;overflow:auto}.kv{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.kv b{font-size:16px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.code{font-weight:650;font-size:22px;color:var(--ok);letter-spacing:2px;margin-top:6px}.badge,.pill,.tag{display:inline-flex;align-items:center;font-size:10px;font-weight:550;padding:3px 7px;border-radius:5px;white-space:nowrap}.pill.ok,.b-ready,.tag-cur{background:#eaf8f1;color:#18875f}.pill.warn,.b-qr_pending,.tag-phone{background:#fff5e3;color:#b17a25}.pill.err,.b-failed,.b-needs_login{background:#fff0f2;color:#c75865}.b-owner,.tag-ours{background:#eeedff;color:#7164cf}.tag{margin-left:6px;font-size:9px}.table-card{padding:0;overflow:hidden}.table-card .card-head{padding:19px 21px 14px}.table-filters{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f2f7;padding:12px 21px;gap:10px}.table-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:0 10px;background:#fff;min-width:220px}.table-search .icon{width:14px;height:14px;color:#a5aec1}.table-search input{border:0;box-shadow:none!important;padding:8px 0;font-size:11px;background:none;width:100%}.table-filter{font-size:11px;padding:7px 10px;border-color:var(--line)}.table-scroll{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;margin:0;min-width:930px}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid #edf0f5;font-size:11px;vertical-align:middle}th{background:#f9fafc;color:#8a96a8;font-size:10px;font-weight:550;text-transform:none;letter-spacing:0;padding-top:10px;padding-bottom:10px}tbody tr:hover{background:#fafbfe}tbody tr:last-child td{border:0}.table-actions{display:flex;align-items:center;gap:5px;justify-content:flex-end;white-space:nowrap}.table-actions button{font-size:10px;padding:4px 7px;border-radius:5px}.livedot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;vertical-align:middle}.live-yes{background:var(--ok)}.live-no{background:var(--err)}.live-unk{background:#b7c0cd}a.dl{font-weight:600;font-size:11px;text-decoration:none;margin-right:6px}body:not(.is-admin) .col-owner{display:none}.empty{padding:32px 20px;text-align:center;color:#8d9aaf;font-size:12px}.table-footer{padding:10px 21px;border-top:1px solid var(--line);color:#9aa5b7;font-size:10px;display:flex;justify-content:space-between;gap:10px}.footer-note{margin-top:24px;font-size:10px;color:#a2abba;display:flex;justify-content:space-between;align-items:center}.overlay{position:fixed;inset:0;background:#20335055;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:24px;z-index:50}.overlay.open{display:flex}.modal{background:#fff;border:1px solid var(--line);border-radius:14px;padding:27px;width:100%;max-width:450px;text-align:center;max-height:90dvh;overflow:auto;box-shadow:0 24px 70px #293a6225}.qrbox{display:inline-block;background:#fff;padding:12px;border:1px solid var(--line);border-radius:10px;margin:18px 0}.qrbox img{display:block;width:240px;height:240px;image-rendering:pixelated}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.st{font-weight:600;margin-top:8px}.spin{display:inline-block;width:15px;height:15px;border:2px solid #635bff30;border-top-color:#635bff;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.devrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;margin-bottom:7px}.devmain{min-width:0}.devname{font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devmeta{font-size:10px;color:#94a0b2;margin-top:3px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#29374d;color:#fff;border:0;border-radius:8px;box-shadow:0 6px 25px #26354d20;padding:12px 18px;font-size:12px;opacity:0;transition:opacity .2s;z-index:80;pointer-events:none;max-width:90vw}.toast.show{opacity:1}.mobile-menu,.nav-backdrop{display:none}.auth-overlay{background:#fafbfe;backdrop-filter:none;padding:0;z-index:60;overflow:auto}.auth-layout{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:100dvh}.auth-side{padding:50px 9%;display:flex;flex-direction:column}.auth-top{margin-bottom:auto}.auth-form{width:100%;max-width:355px;margin:75px auto}.auth-eyebrow{font-size:11px;color:#7e75e7;font-weight:600;letter-spacing:.04em;margin-bottom:10px}.auth-form h2{font-size:31px;font-weight:650;letter-spacing:-1px;color:#23334d;line-height:1.2;margin:0 0 13px}.auth-form>p{color:#8996aa;font-size:13px;margin:0 0 32px}.auth-form label{display:block;text-align:left;font-size:12px;font-weight:550;color:#586880;margin:18px 0 7px}.auth-form input{width:100%;padding:12px;font-size:13px}.auth-submit{width:100%;padding:12px;margin-top:24px;font-size:13px}.auth-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:19px;font-size:11px;color:#97a3b4}.auth-note .icon{width:12px;height:12px}.auth-footer{font-size:10px;color:#a1acbe;display:flex;justify-content:space-between}.auth-art{background:#eeedff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:70px}.auth-art:before{content:"";position:absolute;width:750px;height:750px;left:-50px;top:0;background:radial-gradient(circle,#b3adff88,transparent 65%)}.auth-art:after{content:"";position:absolute;width:500px;height:500px;right:-250px;bottom:-180px;background:#c8c4ff;border-radius:50%}.auth-art-inner{max-width:420px;position:relative;z-index:1}.art-label{font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#7269c3}.auth-art h3{font-size:34px;line-height:1.25;font-weight:600;letter-spacing:-1px;color:#493e91;margin:20px 0 17px}.auth-art p{font-size:13px;line-height:1.8;color:#887fae;max-width:330px}.art-window{background:#fffffff2;border-radius:11px;margin:34px 0 30px;padding:16px 20px 20px;box-shadow:0 20px 45px #6a58aa16;border:1px solid #fff}.art-window-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.art-window-top span{font-size:10px;color:#847baf;font-weight:600}.art-dots{display:flex;gap:4px}.art-dots i{width:5px;height:5px;border-radius:50%;background:#e3dff4}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.art-tile{height:68px;background:#f7f6fd;border:1px solid #eeedf8;border-radius:6px;padding:12px}.skeleton{height:5px;width:55%;border-radius:5px;background:#dedaf4;margin:5px 0}.skeleton.wide{width:85%;height:9px;background:#c0b9ec;margin-top:12px}.art-list{margin-top:18px;border-top:1px solid #f1effa}.art-list div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #f3f1fa}.art-list i{width:22px;height:22px;border-radius:50%;background:#eeebfc}.art-list span{height:5px;width:50%;background:#e7e3f8;border-radius:5px}.art-list b{height:12px;width:38px;background:#e1f3eb;border-radius:3px}.art-features{display:flex;gap:20px;color:#8c82b2;font-size:10px}.art-features span{display:flex;gap:6px;align-items:center}.art-features .icon{width:12px;height:12px}.auth-tabs{display:flex;gap:6px;margin-bottom:20px}.auth-tabs button{flex:1}.auth-error{margin-top:12px;background:#fff2f3;border-radius:6px;padding:10px;color:#cf5864;font-size:12px}.auth-pass-toggle{position:absolute;right:8px;top:6px}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:40px}.auth-tabs[style*="none"]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){.wrap{margin-right:auto}}@media(max-width:1180px){header.topbar{padding:0 24px}.wrap{padding:26px 24px}.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr)}.status-content{gap:12px}.status-ring{width:76px;height:76px}.stat{padding:16px}.tools{gap:16px}.tool .head{align-items:flex-start;flex-wrap:wrap}.tool .head button{margin-left:40px}.auth-art{padding:45px}.auth-side{padding:40px 8%}}
@media(max-width:960px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:228px}.mobile-nav-open .sidebar{transform:translateX(0)}header.topbar,.wrap{margin-left:0}.mobile-menu{display:inline-flex}.mobile-nav-open .nav-backdrop{display:block;position:fixed;inset:0 0 0 228px;border:0;border-radius:0;background:#14223b55;z-index:25}.sidebar-bottom{padding-top:20px}.auth-art{padding:35px}.auth-art h3{font-size:30px}.auth-side{padding:35px}}
@media(max-width:650px){header.topbar{height:63px;padding:0 16px}.topbar-breadcrumb,.topbar-divider,.live-indicator{display:none}.topbar-left,.topbar-right{gap:7px}h1{font-size:14px}.topbar-right>button:last-child{font-size:11px;padding:8px 10px}.wrap{padding:24px 16px 30px}.page-heading{margin-bottom:21px}.page-heading h2{font-size:23px}.page-heading p{font-size:11px;max-width:220px}.period-chip{font-size:9px;padding:7px}.period-chip .icon{width:13px;height:13px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:17px}.stat{padding:15px}.stat .val{font-size:26px}.stat .lbl{font-size:11px}.stat .sub{font-size:9px}.overview-grid{grid-template-columns:1fr;gap:16px;margin-bottom:21px}.chart-wrap{height:146px}.status-card .status-content{margin-top:15px;gap:28px}.status-lines{max-width:220px}.status-note{margin-top:13px}.tools{grid-template-columns:1fr;gap:14px}.tool .head{flex-wrap:nowrap;align-items:center}.tool .head button{margin-left:0}.table-card .card-head{padding:16px}.table-filters{padding:12px 16px;flex-wrap:wrap}.table-search{min-width:0;flex:1}.table-filter{max-width:125px}.table-footer{padding:10px 16px}.footer-note{font-size:9px}.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.auth-side{padding:28px;min-height:100dvh}.auth-form{margin:65px auto}.auth-form h2{font-size:29px}.auth-top .brand{font-size:18px}.modal{padding:22px;max-height:90dvh}.overlay{padding:16px}.qrbox img{width:220px;height:220px}.page-heading .period-chip{margin-top:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}