:root{color-scheme:dark;--bg:#09090a;--surface:#111113;--surface-2:#151517;--surface-3:#1a1a1d;--line:#262629;--line-hi:#343438;--text:#eeeae2;--soft:#aaa7a1;--muted:#6f6d69;--accent:#f1eee6;--good:#8fae99;--bad:#b98087;--warn:#b7a276;--ease:cubic-bezier(.16,1,.3,1);--px:50%;--py:25%}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font:13px/1.5 Inter,"Segoe UI",sans-serif;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.cosmos{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-2;background:linear-gradient(#09090a,#0b0b0c)}#starfield{position:absolute;inset:0;width:100%;height:100%;opacity:.34}.aurora{position:absolute;border-radius:50%;filter:blur(120px);opacity:.07}.aurora-a{width:550px;height:430px;left:-290px;top:80px;background:#d6c2a0}.aurora-b{width:500px;height:420px;right:-280px;top:300px;background:#aeb4c0}.stars,.shooting-star{display:none}.cursor-glow{position:fixed;left:var(--px);top:var(--py);width:430px;height:430px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,247,229,.025),transparent 68%);pointer-events:none;z-index:-1}
.shell{width:min(1120px,calc(100% - 48px));margin:auto;padding:25px 0 64px}.topbar{height:48px;display:flex;justify-content:space-between;align-items:center;margin-bottom:42px;border-bottom:1px solid #1c1c1e;padding-bottom:18px}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;color:inherit;padding:0;cursor:pointer;text-align:left}.brand-mark{position:relative;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-hi);border-radius:50%;background:#131315}.brand-mark svg{width:15px;color:#dcd8d0}.brand-mark .orbit{position:absolute;inset:4px;border:1px dotted #4a4947;border-radius:50%}.brand b{display:block;font-family:Georgia,serif;font-weight:500;font-size:14px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.health-cluster{display:flex;gap:7px}.health-chip{height:28px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#101012;color:var(--soft);font-size:10px;cursor:pointer}.health-chip i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:6px;background:var(--warn)}.health-chip.ok i{background:var(--good)}.health-chip.bad i{background:var(--bad)}
.reveal{animation:rise .6s var(--ease) both;animation-delay:var(--delay)}.glass{position:relative;background:var(--surface);border:1px solid var(--line)}.interactive:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx,-400px) var(--my,-400px),rgba(255,255,255,.028),transparent 54%);opacity:0;transition:opacity .35s}.interactive:hover:before{opacity:1}.eyebrow{margin-bottom:10px;color:#87847e;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.download-zone{position:absolute;top:25px;left:50%;transform:translateX(-50%);z-index:2}.download-zone .eyebrow{display:none}.download-card{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;text-decoration:none;color:var(--soft);background:#101012}.app-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:#1a1a1c;color:#a8a6a1;font-size:10px}.download-copy b,.download-copy small{display:block}.download-copy b{font-size:10px;font-weight:550}.download-copy small{display:none}.download-card .arrow{color:#77746f;font-size:12px}
.creator{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:375px;border-radius:10px;overflow:hidden;margin-bottom:18px}.creator-copy{display:flex;flex-direction:column;justify-content:center;padding:48px 52px;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.025),transparent 38%)}.section-head{margin-bottom:30px}.section-head h1,.access-heading h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.04em;line-height:.98}.section-head h1{font-size:clamp(42px,5vw,66px)}.section-head h1 em{color:#8e8b86;font-weight:400}.section-head p{max-width:440px;margin:15px 0 0;color:var(--soft);font-size:12px}.shortcut{display:none}.create-grid{display:grid;grid-template-columns:minmax(210px,1.5fr) 100px 145px;gap:10px}.field{display:grid;gap:7px}.field>span{font-size:9px;color:#85827d;letter-spacing:.06em;text-transform:uppercase}.field-name{grid-column:auto}.field input,.search-box input{width:100%;height:40px;border:1px solid var(--line);border-radius:5px;background:#0d0d0f;color:var(--text);outline:none;padding:0 11px;transition:border-color .18s,background .18s}.field input:focus,.search-box:focus-within{border-color:#575751;background:#0f0f11}input::placeholder{color:#55534f}input[type=date]{color-scheme:dark}.create-grid .primary{grid-column:1/-1;width:max-content;margin-top:5px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 13px;border:1px solid var(--line);border-radius:5px;background:#171719;color:#ccc8c0;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}.button:hover{background:#1d1d20;border-color:var(--line-hi);color:var(--text)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.45;cursor:wait}.button.primary{border-color:#e8e4dc;background:var(--accent);color:#101011;font-weight:650}.button.primary:hover{background:#fff;color:#090909}.button.danger{color:#d3949b;border-color:#3a282c;background:#1b1315}.button svg{width:15px;height:15px}.icon-only{width:36px;padding:0}.button-star{font-size:14px}.atmosphere-card{position:relative;border-left:1px solid var(--line);background:radial-gradient(circle at center,rgba(255,248,231,.055),transparent 53%),#0e0e10;overflow:hidden}.atmosphere{position:absolute;left:50%;top:50%;width:245px;height:245px;transform:translate(-50%,-50%)}.atmosphere-dot{position:absolute;left:50%;top:50%;width:2px;height:2px;border-radius:50%;background:#d8d2c6;opacity:var(--o);transform:translate(var(--x),var(--y)) scale(var(--s));box-shadow:0 0 4px rgba(231,222,204,.2);animation:atmospherePulse var(--d) ease-in-out infinite alternate}.atmosphere-label,.atmosphere-note{position:absolute;z-index:2;color:#686660;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.atmosphere-label{left:17px;top:16px}.atmosphere-note{right:17px;bottom:16px}
.result-card{display:none;align-items:center;gap:12px;padding:11px 13px;border-radius:7px;margin-bottom:18px;border-color:#354038;background:#111713}.result-card.open{display:flex;animation:rise .3s var(--ease)}.result-spark{color:var(--good)}.result-copy{min-width:0;flex:1}.result-copy b,.result-copy small{display:block}.result-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#89877f;font-size:10px}.result-actions{display:flex;gap:6px}.result-actions .button{height:32px}
.access{margin-top:48px}.access-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.access-heading h2{font-size:34px}.diagnostic-link{margin-bottom:3px}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:8px}.search-box{display:flex;align-items:center;height:38px;border:1px solid var(--line);border-radius:5px;background:#0f0f11;padding:0 10px}.search-box svg{width:14px;color:#66645f}.search-box input{height:36px;border:0;background:none;padding:0 8px}.search-box kbd{color:#65635e;border:1px solid var(--line);border-radius:4px;padding:0 5px;font-size:9px}.segmented{display:flex;border:1px solid var(--line);border-radius:5px;background:#0f0f11;padding:3px}.segment{border:0;border-radius:3px;background:none;color:#76736e;padding:0 12px;font-size:11px;cursor:pointer}.segment.active{background:#242426;color:#e0dcd4}.sync-button{height:38px}.sync-button.loading .sync-icon{animation:spin .7s linear infinite}.meta-row{display:flex;gap:8px;align-items:center;padding:10px 2px;color:#65635f;font-size:9px}.meta-separator{color:#44423f}.text-button{border:0;background:none;color:#b6b2aa;padding:0;cursor:pointer;font-size:10px}.text-button:hover{color:#fff}
.client-list{border-radius:8px;overflow:hidden}.list-title{display:flex;justify-content:space-between;align-items:center;padding:15px 16px 11px}.list-title>div{display:flex;gap:8px;align-items:center}.list-title b{font-family:Georgia,serif;font-weight:400;font-size:16px}.counter{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:1px solid var(--line);border-radius:4px;color:#8d8a84;font-size:9px}.list-title small{color:var(--muted)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:880px}th{text-align:left;color:#65635f;font-size:8px;text-transform:uppercase;letter-spacing:.1em;padding:9px 11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e0e10}td{padding:11px;border-bottom:1px solid #202022}tbody tr{transition:background .18s}tbody tr:hover{background:#151517}tbody tr:last-child td{border-bottom:0}.col-num{width:45px;padding-left:16px;color:#5d5b57}.col-user{min-width:170px}.col-status{width:100px}.col-traffic{width:145px}.col-expiry{width:115px}.col-actions{width:345px}.user-name{font-weight:580}.user-meta{font-size:9px;color:#65635f;margin-top:1px}.status-tag{display:inline-flex;align-items:center;gap:6px;color:#77746f;font-size:10px}.status-tag i{width:5px;height:5px;border-radius:50%;background:#59575a}.status-tag.online{color:#a7b7aa}.status-tag.online i{background:var(--good)}.traffic-bar{width:95px;height:2px;background:#27272a;margin-top:5px}.traffic-bar i{display:block;height:100%;background:#aaa69e}.row-actions{display:grid;grid-template-columns:1fr 1fr 36px 36px 36px;gap:4px}.row-actions .button{height:32px;padding:0 8px;font-size:9px}.empty-state{display:none;text-align:center;padding:50px;color:#66635f}.empty-state span,.empty-state b,.empty-state small{display:block}.empty-state span{font-family:Georgia,serif;font-size:25px;color:#85817a}.empty-state b{font-family:Georgia,serif;font-weight:400;font-size:16px;color:#aaa69e;margin:7px}.empty-state small{font-size:10px}.warning-panel{display:none}.warning-panel.open{display:block;margin:0 0 8px;padding:10px 12px;border:1px solid #3b3528;border-radius:5px;background:#17150f;color:#b7a77f}
.modal-layer{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.modal-layer.open{opacity:1;visibility:visible}.modal-card{position:relative;width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:26px;border:1px solid var(--line-hi);border-radius:8px;background:#111113;box-shadow:0 35px 90px rgba(0,0,0,.6);transform:translateY(8px);transition:transform .28s var(--ease)}.modal-layer.open .modal-card{transform:none}.modal-card h2{margin:4px 0 7px;font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.03em}.modal-card p{color:#8d8a84;margin:0 0 18px;font-size:11px}.modal-kicker{color:#6f6c67;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.modal-close{position:absolute;right:12px;top:12px;width:30px;height:30px;border:1px solid var(--line);border-radius:5px;background:#171719;color:#aaa6a0;cursor:pointer}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-grid .full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:18px}.modal-actions .button{height:36px;min-width:100px}.phone-card{text-align:center}.qr-frame{display:grid;place-items:center;margin:18px auto;width:210px;height:210px;padding:12px;border-radius:7px;background:#eeece7}.qr{width:100%;height:100%;color:#111}.qr svg{width:100%;height:100%}.codebox{padding:10px;border:1px solid var(--line);border-radius:5px;background:#0b0b0c;color:#86847f;font:9px/1.45 monospace;overflow-wrap:anywhere;text-align:left}.compact{text-align:center;max-width:420px}.danger-orbit{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 9px;border:1px solid #422d31;border-radius:50%;color:var(--bad)}.diag-loading{position:relative;display:grid;place-items:center;min-height:170px;color:#8d8982}.diag-loading i{width:74px;height:74px;border-radius:50%;border-top:1px solid #d7c8ab;border-bottom:1px solid #736454;background:linear-gradient(#2a2720,#171410);box-shadow:0 0 25px rgba(210,180,126,.12),inset 0 8px 12px rgba(215,190,145,.08);animation:orb 2.4s ease-in-out infinite}.diag-loading span{position:absolute;bottom:18px;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.diag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.diag-item,.datum{padding:12px;border:1px solid var(--line);border-radius:5px;background:#151517}.diag-item b,.diag-item span,.datum small,.datum b{display:block}.diag-item span,.datum small{color:#72706b;font-size:9px}.diag-item.good b{color:#a8b9ad}.inbound-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}.datum b{margin-top:2px;font-size:11px}.toast{position:fixed;right:22px;bottom:22px;z-index:50;max-width:350px;padding:11px 14px;border:1px solid #354039;border-radius:5px;background:#121814;color:#b7c8ba;box-shadow:0 20px 50px rgba(0,0,0,.45);transform:translateY(18px);opacity:0;pointer-events:none;transition:.25s var(--ease)}.toast.show{transform:none;opacity:1}.toast.error{background:#1c1315;color:#d4a1a6;border-color:#422b30}.star-burst{position:fixed;z-index:80;color:#ddd6ca;pointer-events:none;animation:burst .8s var(--ease) forwards}.skeleton{height:48px;margin:4px 10px;border-radius:4px;background:linear-gradient(90deg,#121214,#1b1b1e,#121214);background-size:200% 100%;animation:shimmer 1.4s infinite}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes atmospherePulse{to{opacity:calc(var(--o) * .45);filter:blur(.3px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orb{0%,100%{transform:rotate(0) scale(.96);filter:hue-rotate(0)}50%{transform:rotate(180deg) scale(1.04);filter:hue-rotate(-20deg)}}@keyframes burst{to{transform:translate(var(--dx),var(--dy)) rotate(180deg);opacity:0}}@keyframes shimmer{to{background-position:-200% 0}}
@media(max-width:960px){.creator{grid-template-columns:1fr 235px}.creator-copy{padding:40px 32px}.create-grid{grid-template-columns:1fr 1fr}.field-name{grid-column:1/-1}.create-grid .primary{grid-column:1/-1}.row-actions{grid-template-columns:1fr 1fr 34px 34px 34px}.col-actions{width:325px}}
@media(max-width:700px){.shell{width:calc(100% - 24px);padding-top:16px}.topbar{margin-bottom:28px}.download-zone{position:static;transform:none;margin-bottom:10px}.download-card{width:100%}.creator{grid-template-columns:1fr}.creator-copy{padding:30px 21px}.atmosphere-card{height:190px;border-left:0;border-top:1px solid var(--line)}.atmosphere{width:170px;height:170px}.section-head h1{font-size:45px}.create-grid{grid-template-columns:1fr}.field-name,.create-grid .primary{grid-column:auto}.create-grid .primary{width:100%}.access{margin-top:35px}.access-heading h2{font-size:29px}.toolbar{grid-template-columns:1fr}.segmented{height:38px}.segment{flex:1}.meta-row{flex-wrap:wrap}.result-card{align-items:flex-start;flex-wrap:wrap}.result-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 36px}.modal-card{padding:22px 17px}.modal-grid,.diag-grid,.inbound-grid{grid-template-columns:1fr}.modal-grid .full{grid-column:auto}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions .button{width:100%}.cursor-glow{display:none}}
@media(max-width:430px){.brand small{display:none}.health-cluster{flex-direction:column}.health-chip{height:24px;max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostic-link{font-size:9px}.creator-copy{padding:27px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* Readability pass: this is an everyday admin tool, not a gallery piece. */
:root{--bg:#151517;--surface:#1d1d20;--surface-2:#232326;--surface-3:#29292d;--line:#39393d;--line-hi:#505055;--text:#f6f3ec;--soft:#cecac2;--muted:#9b9790;--good:#a2c3ac;--bad:#d28f98;--warn:#ccb078}
body{font-size:15px}.cosmos{background:linear-gradient(#151517,#18181a)}#starfield{opacity:.72}.aurora{opacity:.1}
.brand b{font-size:17px}.brand small{font-size:10px;letter-spacing:.04em;text-transform:none}.health-chip{height:34px;padding:0 12px;background:#202023;font-size:12px}
.eyebrow{color:#aaa69e;font-size:11px;letter-spacing:.1em}.creator{grid-template-columns:minmax(0,1fr) 280px;min-height:350px;border-radius:12px}.creator-copy{padding:42px 46px;background:rgba(255,255,255,.012)}
.section-head h1{font-size:clamp(40px,4.5vw,58px)}.section-head h1 em{color:#aaa69f}.section-head p{max-width:520px;font-size:14px}.field>span{font-size:11px;color:#b1ada5;letter-spacing:.03em;text-transform:none}
.field input,.search-box input{height:46px;border-radius:7px;background:#18181a;padding:0 13px}.button{height:42px;padding:0 15px;border-radius:7px;background:#28282b;color:#e0dcd4}.search-box{height:44px;border-radius:7px;background:#1b1b1e}.search-box input{height:42px}.segmented{border-radius:7px;background:#1b1b1e}.segment{border-radius:4px;color:#aaa69f;padding:0 14px;font-size:13px}.sync-button{height:44px}
.list-title b{font-size:19px}th{font-size:10px;color:#96928b;padding:11px}td{padding:14px 11px}.user-name{font-size:14px}.user-meta,.status-tag,.row-actions .button{font-size:11px}.meta-row{font-size:11px}.text-button{font-size:12px}
.modal-card{background:#202023}.modal-card p{font-size:13px;color:#bbb7af}.modal-kicker{font-size:10px}.modal-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:6px;background:#2b2b2e;color:#dedad2;font-size:21px;line-height:1}
@media(max-width:700px){.creator-copy{padding:30px 22px}.creator{grid-template-columns:1fr}.health-chip{height:30px}.modal-actions{grid-template-columns:1fr}.modal-actions .button{white-space:normal}}

/* Practical layout: large controls, restrained palette, no showcase hero. */
:root{--bg:#09090a;--surface:#111113;--surface-2:#151517;--surface-3:#1a1a1d;--line:#2d2d31;--line-hi:#414146;--text:#f4f1e9;--soft:#bdb9b1;--muted:#85817b;--good:#91b39b;--bad:#c5868f;--warn:#bea36e}
.cosmos{background:linear-gradient(#09090a,#0d0d0f)}#starfield{opacity:.62}.aurora{opacity:.08}
.creator{display:block;min-height:0;border-radius:10px}.creator-copy{display:block;padding:27px 30px;background:none}.atmosphere-card{display:none}.section-head{margin-bottom:20px}.section-head h1{font-family:Inter,"Segoe UI",sans-serif;font-size:30px;font-weight:680;letter-spacing:-.025em;line-height:1.15}.section-head p{margin-top:7px;font-size:13px}.create-grid{grid-template-columns:minmax(230px,1.5fr) 120px 170px auto;align-items:end}.field-name{grid-column:auto}.create-grid .primary{grid-column:auto;width:auto;height:46px;margin:0}.button-star{font-size:16px}
input[type="number"]{-moz-appearance:textfield;appearance:textfield}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.modal-close{font-size:0;color:transparent}.modal-close::before,.modal-close::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:1.5px;border-radius:2px;background:#dedad2;transform-origin:center}.modal-close::before{transform:translate(-50%,-50%) rotate(45deg)}.modal-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
@media(max-width:960px){.create-grid{grid-template-columns:1fr 1fr}.field-name{grid-column:1/-1}.create-grid .primary{grid-column:1/-1;width:100%}}
@media(max-width:700px){.creator-copy{padding:23px 20px}.section-head h1{font-size:27px}.create-grid{grid-template-columns:1fr}.field-name,.create-grid .primary{grid-column:auto}}

/* Neutral health chips and a proper icon-library mark. */
.health-chip.ok{color:var(--soft);border-color:var(--line);background:#101012}.health-chip.ok i{background:#65c992;box-shadow:0 0 7px rgba(80,216,144,.45)}
.brand-mark{background:radial-gradient(circle at 38% 32%,#2d2b28,#171719 72%);border-color:#44413d}.brand-mark svg{width:20px;color:#e3ddd2}

/* Functional color accents. */
:root{--good:#50d890;--blue:#79aef8;--warn:#e2b55f;--bad:#e77988}
.health-chip.ok{color:#b7e8cc;border-color:rgba(80,216,144,.22);background:rgba(80,216,144,.065)}.health-chip.ok i{background:var(--good);box-shadow:0 0 9px rgba(80,216,144,.65)}
.health-chip.bad{color:#efabb4;border-color:rgba(231,121,136,.22);background:rgba(231,121,136,.065)}.health-chip.bad i{background:var(--bad);box-shadow:0 0 9px rgba(231,121,136,.5)}
.status-tag.online{padding:4px 8px;border:1px solid rgba(80,216,144,.2);border-radius:999px;background:rgba(80,216,144,.085);color:#78e5a8;font-weight:650}.status-tag.online i{width:6px;height:6px;background:var(--good);box-shadow:0 0 9px rgba(80,216,144,.7)}
.segment.active{background:rgba(121,174,248,.13);color:#b9d4fb}.text-button,.download-card .arrow{color:#8db9f5}.text-button:hover{color:#c9defb}
.traffic-bar i{background:linear-gradient(90deg,#7399cf,#70c5ab)}
.button.danger{color:#ee9da8;border-color:rgba(231,121,136,.24);background:rgba(231,121,136,.07)}
.warning-panel.open{border-color:rgba(226,181,95,.25);background:rgba(226,181,95,.075);color:#e4c68e}

/* Small visual corrections. */
.search-box input{background:transparent!important;border:0!important;box-shadow:none!important}
.status-tag.online{padding:0;border:0;border-radius:0;background:none;color:#69d99b;font-weight:650}.status-tag.online i{width:7px;height:7px}
.diagnostic-link{color:#b6b2aa}.diagnostic-link:hover{color:#fff}
.section-head{margin-bottom:15px}.section-head p{margin-top:5px}.creator-copy{padding-top:24px;padding-bottom:24px}
.brand-mark{width:32px;height:32px;border-radius:8px;background:#18181b;border-color:#3b3b40}.brand-mark svg{width:18px;color:#d8d4cc}.brand-mark .orbit{display:none}

/* Final health-chip state: no tinted fill or colored border. */
.health-chip.ok,.health-chip.bad{color:var(--soft);border-color:var(--line);background:#101012}.health-chip.ok i{background:#65c992;box-shadow:0 0 6px rgba(80,216,144,.38)}.health-chip.bad i{background:var(--bad);box-shadow:0 0 6px rgba(231,121,136,.35)}

@media(max-width:700px){
  .table-scroll{overflow:visible;padding:0 10px 10px}table{min-width:0;display:block}thead{display:none}tbody{display:grid;gap:9px}tbody tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;background:#151517;padding:12px}tbody td{display:block;width:auto!important;padding:0;border:0}.col-num{display:none}.col-user{grid-column:1/-1;padding-bottom:11px!important;border-bottom:1px solid #252529!important}.col-status,.col-traffic,.col-expiry{padding-top:10px!important}.col-status{grid-column:1}.col-traffic{grid-column:2;text-align:right}.col-expiry{grid-column:1/-1;color:var(--muted);font-size:11px}.col-expiry::before{content:"Срок: ";color:#696761}.col-actions{grid-column:1/-1;padding-top:11px!important}.row-actions{grid-template-columns:1fr 1fr 38px 38px 38px}.row-actions .button{height:38px}.traffic-bar{margin-left:auto}.list-title{padding-left:14px;padding-right:14px}
}

/* Final usability pass. */
:root{--bg:#0c0c0e;--surface:#171719;--surface-2:#1b1b1e;--line:#36363a;--line-hi:#4b4b50}
.cosmos{background:linear-gradient(#0c0c0e,#111113)}.glass{background:var(--surface)}
.logout-button{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#101012;color:var(--muted);font-size:11px;cursor:pointer}.logout-button:hover{color:var(--text);border-color:var(--line-hi)}
table{min-width:1020px;table-layout:fixed}.col-num{width:44px}.col-user{width:215px}.col-status{width:115px;padding-left:5px}.col-traffic{width:130px}.col-expiry{width:115px}.col-actions{width:401px}.row-actions{grid-template-columns:118px 40px 100px 40px 40px 40px;gap:6px}.row-actions .button{height:38px;padding:0 10px;font-size:11px}.row-actions .icon-only{width:40px}.copy-config{color:#9fc4f6}
.compact{max-width:460px;text-align:left}.confirm-heading{display:flex;align-items:flex-start;gap:14px}.confirm-heading h2{margin-top:1px}.confirm-heading p{margin-bottom:0}.confirm-heading .danger-orbit{flex:0 0 40px;margin:0}.compact .modal-actions{display:grid;grid-template-columns:1fr 1fr;margin-left:54px}.compact .modal-actions .button{width:100%}

.login-page{min-height:100vh;background:radial-gradient(circle at 50% 20%,#1a1a1e,#0b0b0d 55%);overflow:hidden}.login-page #login-stars{position:fixed;inset:0;pointer-events:none;opacity:.65}.login-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:30px;border:1px solid var(--line);border-radius:13px;background:rgba(23,23,26,.91);box-shadow:0 30px 90px rgba(0,0,0,.48);backdrop-filter:blur(20px)}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:32px}.login-brand b,.login-brand small{display:block}.login-brand b{font-family:Georgia,serif;font-size:17px;font-weight:500}.login-brand small{color:var(--muted);font-size:10px}.login-copy h1{margin:0 0 7px;font-size:28px;letter-spacing:-.03em}.login-copy p{margin:0 0 24px;color:var(--soft);font-size:13px}.login-form{display:grid;gap:14px}.login-form .button{width:100%;height:46px;margin-top:4px}.login-error{margin-bottom:16px;padding:10px 12px;border:1px solid rgba(231,121,136,.25);border-radius:7px;background:rgba(231,121,136,.08);color:#efabb4;font-size:12px}
@media(max-width:700px){.health-cluster form{display:none}table{min-width:0;table-layout:auto}.row-actions{grid-template-columns:repeat(3,1fr);gap:7px}.row-actions .button,.row-actions .icon-only{width:100%;height:40px}.compact .modal-actions{margin-left:0}.login-card{padding:25px 20px}}

/* Balanced confirmation dialog and collision-free centered download. */
.compact{width:min(440px,100%);padding:28px;text-align:center}.confirm-copy{max-width:350px;margin:0 auto}.confirm-copy h2{margin:0 0 9px}.confirm-copy p{margin:0;color:var(--soft)}.compact .modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:min(330px,100%);margin:22px auto 0}.compact .modal-actions .button{width:100%;height:40px}
@media(max-width:950px){.topbar{height:auto;min-height:48px;padding-top:55px}.download-zone{position:absolute;top:17px;left:50%;width:max-content;max-width:calc(100% - 24px);margin:0;transform:translateX(-50%)!important}.download-card{width:auto;max-width:100%}}
@media(max-width:700px){.download-zone{position:absolute;top:15px;left:50%;width:max-content;margin:0;transform:translateX(-50%)!important}.download-card{width:auto}.compact{padding:24px 18px}.compact .modal-actions{grid-template-columns:1fr 1fr}}

/* Consistent modal actions and final responsive header behavior. */
.modal-card .modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:min(360px,100%);margin:22px auto 0}.modal-card .modal-actions .button{width:100%;height:42px}.diagnostic-card .modal-actions{grid-template-columns:1fr;width:min(190px,100%)}
.button.danger:hover{background:rgba(231,121,136,.16);border-color:rgba(231,121,136,.48);color:#ffc0c8;box-shadow:0 8px 24px rgba(160,48,67,.14);transform:translateY(-1px)}
@media(max-width:950px){.topbar{padding-top:0;padding-bottom:56px}.download-zone{top:72px}}
@media(max-width:700px){.topbar{padding-top:0;padding-bottom:56px}.download-zone{top:68px}.modal-card .modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.diagnostic-card .modal-actions{grid-template-columns:1fr;width:min(190px,100%)}}

.download-zone{left:50%;transform:translateX(-50%)!important}.phone-card .modal-actions .button{min-width:0;padding-left:10px;padding-right:10px;white-space:normal;font-size:12px;line-height:1.2}

.button{position:relative;overflow:hidden}.button-ripple{position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.22);pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:buttonRipple .58s ease-out forwards}.qr-image{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.qr-hint{display:block;margin:-9px auto 14px;color:var(--muted);font-size:10px}.phone-card .modal-actions{width:min(420px,100%)}
@keyframes buttonRipple{to{opacity:0;transform:translate(-50%,-50%) scale(18)}}
@media(max-width:700px){.phone-card .modal-actions{grid-template-columns:1fr;width:100%}.phone-card .modal-actions .button{font-size:13px}}

.monthly-option{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;width:max-content;max-width:100%;margin-top:3px;color:var(--soft);cursor:pointer}.monthly-option input{width:17px;height:17px;margin:1px 0 0;accent-color:#8db9f5}.monthly-option span,.monthly-option b,.monthly-option small{display:block}.monthly-option b{font-size:12px;font-weight:600}.monthly-option small{margin-top:2px;color:var(--muted);font-size:10px}.reset-traffic{display:block;width:100%;margin-top:17px;border-color:rgba(226,181,95,.25);background:rgba(226,181,95,.055);color:#ddc387}.reset-traffic:hover{border-color:rgba(226,181,95,.48);background:rgba(226,181,95,.12);color:#f2d697}

.traffic-meter{width:125px}.traffic-values{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.traffic-values b{font-size:12px;font-weight:600;color:var(--text)}.traffic-values span{font-size:10px;color:var(--muted)}.traffic-bar{width:100%;height:5px;margin-top:7px;overflow:hidden;border-radius:999px;background:#2b2b30}.traffic-bar i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#78a9ed,#67c09d);box-shadow:0 0 7px rgba(111,173,220,.25);transition:width .35s var(--ease)}
@media(max-width:700px){.traffic-meter{width:145px;margin-left:auto}.traffic-values{justify-content:flex-end}}

.site-signature{position:fixed;right:calc(14px + env(safe-area-inset-right));bottom:calc(11px + env(safe-area-inset-bottom));z-index:4;color:#77747e;font-size:10px;letter-spacing:.025em;opacity:.72;pointer-events:none;user-select:none}
@media(max-width:700px){.download-zone{display:none!important}.topbar{padding-bottom:0!important;margin-bottom:22px}.site-signature{position:relative;right:auto;bottom:auto;z-index:1;margin:18px 12px calc(9px + env(safe-area-inset-bottom));text-align:right;font-size:9px;opacity:.6}.login-shell{min-height:calc(100vh - 36px)}}