:root{color-scheme:dark;--bg: #0d1420;--surface: #151f2e;--surface-2: #1b2838;--border: #263349;--border-soft: rgba(255, 255, 255, .06);--text: #e8eef7;--text-dim: #93a3ba;--text-faint: #64748b;--brand: #35e0c4;--brand-2: #38bdf8;--brand-ink: #04241f;--brand-soft: rgba(53, 224, 196, .12);--live: #34d399;--live-ring: rgba(52, 211, 153, .45);--danger: #fb7185;--danger-soft: rgba(251, 113, 133, .12);--warn: #fbbf24;--shadow: 0 18px 40px -20px rgba(0, 0, 0, .7);--shadow-card: 0 10px 26px -18px rgba(0, 0, 0, .65);--radius: 16px;--radius-sm: 10px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}@media (prefers-color-scheme: light){:root{color-scheme:light;--bg: #eaeef4;--surface: #ffffff;--surface-2: #f4f7fb;--border: #dbe3ee;--border-soft: rgba(16, 32, 58, .08);--text: #10203a;--text-dim: #52627a;--text-faint: #8494a8;--brand: #0ba69b;--brand-2: #0284c7;--brand-ink: #ffffff;--brand-soft: rgba(11, 166, 155, .1);--live: #0d9f6e;--live-ring: rgba(13, 159, 110, .35);--danger: #e11d48;--danger-soft: rgba(225, 29, 72, .09);--warn: #b45309;--shadow: 0 18px 40px -24px rgba(16, 32, 58, .35);--shadow-card: 0 12px 26px -20px rgba(16, 32, 58, .25)}}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text);background-color:var(--bg);background-image:radial-gradient(900px 500px at 78% -8%,var(--brand-soft),transparent 60%),linear-gradient(var(--border-soft) 1px,transparent 1px),linear-gradient(90deg,var(--border-soft) 1px,transparent 1px);background-size:100% 100%,44px 44px,44px 44px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mark__ring{stroke:var(--border);stroke-width:1.4;opacity:.7}.mark__wave{stroke:var(--brand);stroke-width:1.8;stroke-linecap:round}.mark__wave--faint{opacity:.4}.mark__core{fill:var(--brand)}.brand{display:flex;align-items:center;gap:.65rem}.brand__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.brand__name{font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;line-height:1.1}.brand__tag{font-size:.74rem;color:var(--text-faint);letter-spacing:.02em}.btn{font-family:var(--font-display);font-weight:600;font-size:.9rem;padding:.6rem 1.05rem;border-radius:var(--radius-sm);border:1px solid transparent;background:none;color:var(--text);cursor:pointer;transition:transform .12s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn--primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:var(--brand-ink);box-shadow:0 8px 22px -12px var(--live-ring)}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px -10px var(--live-ring)}.btn--ghost{border-color:var(--border);color:var(--text-dim)}.btn--ghost:hover:not(:disabled){border-color:var(--brand);color:var(--text)}.btn--danger{color:var(--danger);border-color:transparent}.btn--danger:hover:not(:disabled){background:var(--danger-soft)}.btn--sm{font-size:.8rem;padding:.4rem .75rem}.btn--block{width:100%;padding:.75rem}.btn:disabled{opacity:.45;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.field label{font-size:.78rem;font-weight:500;color:var(--text-dim);letter-spacing:.02em}.input{width:100%;padding:.7rem .85rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);font-size:.95rem;transition:border-color .16s ease,box-shadow .16s ease}.input::placeholder{color:var(--text-faint)}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.field__hint{font-size:.76rem;color:var(--text-faint);margin:.1rem 0 0}.alert{border-radius:var(--radius-sm);padding:.65rem .85rem;font-size:.85rem;line-height:1.4;margin-bottom:1rem}.alert--error{background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger)}.auth{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth__card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem;position:relative;overflow:hidden;animation:rise .5s ease backwards}.auth__card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--brand),transparent);opacity:.8}.auth__title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:1.5rem 0 .35rem}.auth__hint{color:var(--text-dim);font-size:.9rem;margin:0 0 1.5rem}.auth__foot{margin:1.1rem 0 0;font-size:.74rem;color:var(--text-faint);display:flex;align-items:center;gap:.4rem}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.4rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar__actions{display:flex;gap:.55rem}.app__body{max-width:1000px;margin:0 auto;padding:1.75rem 1.4rem 3rem}.statstrip{display:flex;gap:.9rem;margin-bottom:1.75rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;min-width:96px;padding:.85rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.stat__num{font-family:var(--font-display);font-size:1.7rem;font-weight:600;line-height:1}.stat__num--live{color:var(--live)}.stat__label{margin-top:.3rem;font-size:.74rem;color:var(--text-faint);letter-spacing:.03em}.fleet{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.account{display:flex;flex-direction:column;gap:.75rem;padding:1.1rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:transform .14s ease,border-color .18s ease;animation:rise .4s ease backwards}.account:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 45%,var(--border))}.account__status{display:inline-flex;align-items:center;gap:.45rem;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--live)}.account__status--off{color:var(--text-faint)}.dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.dot--live{background:var(--live);box-shadow:0 0 0 0 var(--live-ring);animation:pulse 2.2s infinite}.account__handle{display:flex;align-items:baseline;gap:.1rem}.account__at{font-family:var(--font-mono);color:var(--text-faint);font-size:1rem}.account__name{font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:-.01em}.account__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.82rem;color:var(--text-dim)}.mono{font-family:var(--font-mono)}.sep{color:var(--text-faint)}.account__foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.7rem;border-top:1px solid var(--border-soft)}.account__date{font-size:.74rem;color:var(--text-faint)}.empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;padding:3.5rem 1.5rem;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-dim)}.empty__title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text)}.empty__body{font-size:.9rem;max-width:34ch;margin:0 0 .5rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1.25rem;background:#040a129e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade .2s ease}.modal{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.75rem;animation:pop .22s ease}.modal__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.modal__close{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;transition:color .16s ease,border-color .16s ease}.modal__close:hover{color:var(--text);border-color:var(--brand)}.stepper{display:flex;margin-bottom:1.5rem}.step{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;font-size:.72rem;color:var(--text-faint)}.step:not(:first-child):before{content:"";position:absolute;top:13px;right:50%;width:100%;height:2px;background:var(--border);z-index:0}.step--done:not(:first-child):before,.step--active:not(:first-child):before{background:var(--brand)}.step__dot{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-mono);font-size:.8rem;color:var(--text-faint)}.step--active .step__dot{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.step--done .step__dot{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.step--active .step__label,.step--done .step__label{color:var(--text)}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--live-ring)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (max-width: 560px){.topbar{padding:.8rem 1rem}.brand__tag{display:none}.app__body{padding:1.25rem 1rem 2.5rem}}.detail{display:flex;flex-direction:column;gap:1rem;animation:rise .35s ease backwards}.detail__head{display:flex;align-items:center;gap:.9rem}.detail__title{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:-.01em;line-height:1.1}.detail__sub{font-size:.8rem;color:var(--text-faint)}.filter{max-width:360px}.muted{color:var(--text-faint);font-size:.9rem;padding:.5rem 0}.rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.row{width:100%;display:flex;align-items:center;gap:.8rem;padding:.75rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;color:var(--text);font:inherit;cursor:pointer;transition:border-color .16s ease,transform .12s ease}.row:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--border));transform:translateY(-1px)}.row:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.row--static,.row--static:hover{cursor:default;transform:none;border-color:var(--border)}.row__main{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.row__title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__sub{font-size:.78rem;color:var(--text-dim)}.row__meta{font-size:.78rem;color:var(--text-faint);white-space:nowrap}.row__chevron{color:var(--text-faint);font-size:1.2rem}.badge{flex-shrink:0;font-size:.66rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;border:1px solid transparent}.badge--group{color:var(--brand);background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 30%,transparent)}.badge--channel{color:var(--brand-2);background:color-mix(in srgb,var(--brand-2) 12%,transparent);border-color:color-mix(in srgb,var(--brand-2) 30%,transparent)}.badge--user{color:var(--text-dim);background:var(--surface-2);border-color:var(--border)}.avatar{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-display);font-weight:600;color:var(--brand)}.account__actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.detail__title{overflow-wrap:anywhere}.detail__title:focus{outline:none}.alert--action{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.alert--action .btn{flex-shrink:0}@media (prefers-color-scheme: light){.badge--group{color:#06726b;background:color-mix(in srgb,#0ba69b 14%,transparent);border-color:color-mix(in srgb,#0ba69b 40%,transparent)}.badge--channel{color:#0369a1;background:color-mix(in srgb,#0284c7 14%,transparent);border-color:color-mix(in srgb,#0284c7 40%,transparent)}}.alert--warn{background:color-mix(in srgb,var(--warn) 14%,transparent);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);color:var(--text);font-size:.85rem;line-height:1.5}.alert--warn b{color:var(--warn)}.bulkform{display:flex;flex-direction:column;gap:.25rem}.field>.btn:not(.btn--block){align-self:flex-start}textarea.input{resize:vertical;font-family:var(--font-body);line-height:1.5}.seg{display:inline-flex;width:fit-content;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.seg__btn{font-family:var(--font-display);font-weight:600;font-size:.85rem;padding:.5rem 1rem;background:var(--surface);color:var(--text-dim);border:none;cursor:pointer}.seg__btn--on{background:var(--brand-soft);color:var(--brand)}.seg__btn:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.ackrow{display:flex;align-items:flex-start;gap:.5rem;margin:.5rem 0 1rem;font-size:.85rem;color:var(--text-dim);cursor:pointer}.ackrow input{margin-top:.15rem}.picker{display:flex;flex-direction:column;gap:.6rem;max-height:320px;overflow:auto;padding:.75rem;margin-bottom:1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.picker__row{cursor:pointer;gap:.6rem}.jobpanel{display:flex;flex-direction:column;gap:.75rem}.jobpanel__head{display:flex;align-items:center;gap:.75rem}.jobstate{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.resdot{flex-shrink:0;width:9px;height:9px;border-radius:50%;background:var(--text-faint)}.resdot--ok{background:var(--live)}.resdot--error{background:var(--danger)}.resdot--flood{background:var(--warn)}.accsel{max-height:220px}.sublist{margin:.4rem 0 .2rem 1.5rem}.sublist .row{background:var(--surface-2)}.photopreview{margin-top:8px;max-width:120px;max-height:120px;border-radius:10px;object-fit:cover}