:root{color-scheme:dark;--bg:#0b101b;--card:#141c2bf2;--border:#ffffff13;--muted:#a0acc2;--text:#f2f5fc;--accent:#8c83ff;--good:#83e4be;--bad:#ffadb5;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 10% 0,#22294488,transparent 55%),radial-gradient(ellipse at 95% 65%,#20244866,transparent 45%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.button{border:1px solid var(--border);background:#232e43;color:var(--text);border-radius:12px;padding:12px 16px;min-height:46px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}button:hover,.button:hover{background:#303b54;border-color:#ffffff35}button:disabled{opacity:.48;cursor:default}button.primary,.primary{background:linear-gradient(120deg,#a095ff,#7189f5);color:#101322;border-color:#b7b0ff88;box-shadow:0 6px 26px #8a78ff20}button.primary:hover{filter:brightness(1.08)}a{color:#bdb6ff}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,5vw,38px);line-height:1.17;letter-spacing:-1.2px}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:16px}.muted,small{color:var(--muted)}small{font-size:13px}.eyebrow{font-size:11px;letter-spacing:2px;color:#b6aecf;font-weight:700;text-transform:uppercase}.brand{font-weight:800;letter-spacing:1.5px;font-size:15px;display:flex;gap:10px;align-items:center}.brand-mark{background:linear-gradient(135deg,#c1b7ff,#7689ff);color:#151528;width:30px;height:34px;display:grid;place-items:center;border-radius:10px 10px 14px 14px;font-size:19px}.topbar{width:min(1140px,calc(100% - 48px));margin:0 auto;padding:27px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.secure{font-size:12px;color:var(--muted)}.client{width:min(630px,calc(100% - 32px));margin:40px auto 50px;display:grid;gap:22px}.intro{display:flex;justify-content:space-between;align-items:center;gap:15px}.intro h1{margin:7px 0 10px}.shield{width:78px;height:82px;flex:0 0 78px;display:grid;place-items:center;background:linear-gradient(145deg,#2b3450,#151b2b);border:1px solid #938bfc55;border-radius:24px 24px 32px 32px;box-shadow:inset 0 2px 0 #ddd6ff22,0 12px 30px #0004;font-size:34px}.card{background:linear-gradient(125deg,#1a2435e8,#121a29f5);border:1px solid var(--border);border-radius:22px;padding:26px;box-shadow:0 14px 45px #0002}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.tabs button{background:transparent;color:var(--muted);min-height:42px;padding:9px 14px;font-size:14px}.tabs button.active{background:#8c83ff20;color:#d1cbff;border-color:#a79cff66}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.credential{display:flex;align-items:center;gap:8px;background:#0a112280;border:1px solid var(--border);border-radius:13px;padding:13px 14px;margin:9px 0}.credential>div{min-width:0;flex:1}.credential .value{font-size:17px;font-weight:550;overflow-wrap:anywhere;min-height:26px}.credential button{padding:8px;min-width:42px;min-height:42px;background:#222c3e;font-size:13px}.credential small{display:block;margin-bottom:3px;font-size:12px}.cta{width:100%;margin-top:21px;min-height:56px;font-size:17px}.hint{font-size:13px;line-height:1.6;text-align:center;margin:12px 8px 0;color:var(--muted)}.result{margin-top:18px;border:1px solid #938bfc40;background:#8c83ff0c;border-radius:15px;padding:18px;text-align:center}.result:empty{display:none}.code{font-size:clamp(35px,8vw,48px);font-weight:750;letter-spacing:6px;margin:9px 0;font-variant-numeric:tabular-nums}.result .progress{height:3px;background:#8c83ff;width:25%;margin:14px auto}.support{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.support a{font-size:14px;background:#192334}.history{border-top:1px solid var(--border);padding:18px 4px 0}.history h3{margin-bottom:12px}.history-item{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:13px;color:var(--muted)}.badge{font-size:12px;border:1px solid #ffffff12;background:#ffffff06;border-radius:7px;padding:3px 8px;display:inline-block}.good{color:var(--good)}.bad{color:var(--bad)}.lock{text-align:center;padding:44px 25px}.lock .shield{margin:0 auto 24px}.lock h1{font-size:24px;letter-spacing:0}.lock p{margin-top:14px}.footer{text-align:center;font-size:12px;color:#75829a}.hidden,[hidden]{display:none!important}input,select,textarea{width:100%;min-width:0;background:#0d1524;border:1px solid #ffffff22;border-radius:10px;padding:12px;color:var(--text);min-height:47px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #b4a8ff;outline-offset:3px}label{display:grid;gap:6px;font-size:13px;color:var(--muted)}label.check{display:flex;align-items:center;gap:10px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--accent)}.login{width:min(430px,calc(100% - 32px));margin:9vh auto}.login h1{margin:15px 0 10px}.login form{display:grid;gap:18px;margin-top:25px}.notice{padding:12px 14px;border-radius:10px;background:#8c83ff16;color:#d6d0ff;font-size:14px}.notice:empty{display:none}.admin{width:min(1180px,calc(100% - 40px));margin:30px auto}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0}.admin-head p{margin-top:7px}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav button{background:transparent;font-size:14px}.nav button.active{background:#8c83ff20;color:#cbc4ff;border-color:#8c83ff40}.toolbar{display:grid;grid-template-columns:minmax(150px,1fr) 165px 180px 190px;gap:10px;margin:20px 0}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{font-weight:500;text-align:left;padding:13px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--border)}.table td{padding:16px 13px;border-bottom:1px solid var(--border);vertical-align:middle}.table .title{font-weight:650;margin-bottom:4px}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button,.actions a{font-size:12px;min-height:36px;padding:7px 10px}.table-card{padding:7px 10px;border-radius:17px}.empty{text-align:center;padding:40px 15px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:14px}.list-card{padding:20px;border-radius:16px}.list-card p{margin:9px 0}.row-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.account-list{display:grid;gap:8px;max-height:270px;overflow:auto}.account-option{border:1px solid var(--border);padding:12px;border-radius:10px;background:#0d1524}.account-option span{overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span2{grid-column:1/-1}.form{display:grid;gap:17px}.form h3{margin:6px 0}dialog{width:min(660px,calc(100% - 32px));max-height:90dvh;background:#131d2d;color:var(--text);border:1px solid #ffffff25;border-radius:20px;padding:25px;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#040813c9;backdrop-filter:blur(6px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:16px}.modal-body{overflow-wrap:anywhere}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.session-device{word-break:break-word;font-size:13px;max-width:680px}.stats{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}.ready{text-align:center;padding:15px 0}.ready h2{margin:13px 0}.ready input{margin:15px 0}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:#2b3650;border:1px solid #a69bff55;border-radius:12px;padding:13px 20px;z-index:9;box-shadow:0 8px 30px #0008}details{border:1px solid var(--border);border-radius:12px;padding:14px}summary{cursor:pointer;color:#bdb6dd;margin-bottom:12px;font-size:14px}@media(max-width:760px){.topbar{width:calc(100% - 32px);padding:19px 0}.secure{font-size:10px}.client{margin-top:26px;gap:20px}.card{padding:20px}.shield{width:62px;height:68px;flex-basis:62px;font-size:28px;border-radius:20px 20px 26px 26px}.admin{width:calc(100% - 24px);margin-top:17px}.admin-head{align-items:flex-start}.admin-head h1{font-size:28px}.toolbar{grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1}.toolbar select:last-child{grid-column:1/-1}.table-card{background:none;border:0;padding:0;box-shadow:none}.table thead{display:none}.table,.table tbody{display:block}.table tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:17px;margin-bottom:12px}.table td{padding:0;border:0;display:block}.table td:first-child,.table td:last-child{grid-column:1/-1}.table td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.actions button,.actions a{min-height:42px;padding:9px 12px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:20px}.modal-head{position:sticky;top:-20px;background:#131d2d;padding:10px 0;z-index:1}.modal-actions{position:sticky;bottom:-20px;background:#131d2d;padding:14px 0}.nav button{padding:10px 12px}.support{gap:8px}.support a{padding:10px;font-size:13px}.credential{padding:12px 10px}.credential .value{font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.history-item{flex-wrap:wrap;overflow-wrap:anywhere}.history-item b{letter-spacing:1px}.credential button{flex:0 0 44px}.support:has(a:not([hidden])){margin-top:17px}.support:not(:has(a:not([hidden]))){margin:0}

.loading-ring{width:40px;height:40px;margin:8px auto;border:3px solid #a698ff26;border-top-color:#b9b0ff;border-right-color:#7d8df4;border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 18px #8c83ff12}@keyframes spin{to{transform:rotate(360deg)}}.support a{min-height:42px;border-radius:8px;background:#172032;font-weight:500}.history-item{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #ffffff07}.history-item span:last-child{text-align:right}.home-shell{min-height:100dvh;display:grid;place-items:center;padding:28px}.home-mark{width:95px;height:110px;border-radius:29px 29px 43px 43px;display:grid;place-items:center;background:linear-gradient(140deg,#c4baff,#7888f4);box-shadow:inset 0 2px 1px #ffffff77,0 20px 70px #8874ff30;color:#14172a;font-size:58px;font-weight:850;margin:0 auto 30px}.home-card{text-align:center;padding:58px 38px;max-width:480px;width:100%;border:1px solid #ffffff12;border-radius:28px;background:linear-gradient(135deg,#1d2635aa,#0f1724cc);box-shadow:0 30px 90px #0003}.home-card h1{font-size:clamp(30px,8vw,45px);letter-spacing:3px}.home-card p{margin-top:16px;color:#a8b3c8;font-size:15px}@media(prefers-reduced-motion:reduce){.loading-ring{animation:none}}

.ui-icon{color:#b7adff;flex-shrink:0}.support a:last-child .ui-icon{color:#91bcff}.loading-ring{position:relative;width:42px;height:42px;border-width:3px;animation:spin .8s linear infinite}.loading-ring::after{content:"";position:absolute;inset:6px;border-radius:50%;border:2px solid transparent;border-bottom-color:#8ba8ff88;animation:spin 1.4s linear infinite reverse}.result:has(.loading-ring){background:transparent;border-color:transparent;padding:12px}
.support{grid-template-columns:1fr 1.15fr}.support a{gap:6px;padding:10px 8px;white-space:nowrap}.support .ui-icon{width:18px;height:18px}@media(max-width:360px){.support a{font-size:12px}.history-item{grid-template-columns:65px 1fr;gap:6px}.history-item span:last-child{grid-column:2;text-align:left}}

.access-warning{padding:16px 18px;margin-bottom:20px;border:1px solid #eab95466;border-radius:12px;background:#eab95414;color:#ffe0a0;text-align:center;font-size:14px;line-height:1.5;overflow-wrap:anywhere}