@font-face{font-family:RayvinaSans;src:url('/fonts/RayvinaSans.ttf') format('truetype');font-weight:100 600;font-display:swap}
@font-face{font-family:RayvinaSans;src:url('/fonts/RayvinaSans-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}

:root{
  color-scheme:dark;
  --brand-primary:#006b5f;--brand-deep:#003f3a;--brand-action:#1bbfae;--brand-mint:#7ef7e2;--brand-cloud:#3b82f6;
  --brand-graphite:#080d0f;--brand-surface:#0d171a;--brand-light:#f6faf9;--brand-muted:#8ea3a0;
  --brand-info:#3b82f6;--brand-warning:#f59e0b;--brand-error:#ef4444;--brand-success:#22c55e;
  --primary:var(--brand-primary);--deep:var(--brand-deep);--action:var(--brand-action);--mint:var(--brand-mint);--cloud:var(--brand-cloud);
  --success:var(--brand-success);--warning:var(--brand-warning);--danger:var(--brand-error);--info:var(--brand-info);
  --bg:var(--brand-graphite);--bg-soft:color-mix(in srgb,var(--brand-graphite) 93%,white);--panel:var(--brand-surface);--panel-raised:color-mix(in srgb,var(--brand-surface) 91%,white);--panel-soft:color-mix(in srgb,var(--brand-surface) 82%,white);
  --line:color-mix(in srgb,var(--brand-muted) 28%,transparent);--line-strong:color-mix(in srgb,var(--brand-muted) 48%,transparent);--text:var(--brand-light);--text-soft:color-mix(in srgb,var(--brand-light) 88%,var(--brand-muted));--muted:var(--brand-muted);
  --input-bg:color-mix(in srgb,var(--bg) 94%,white);--glass:color-mix(in srgb,var(--bg) 86%,transparent);--glass-strong:color-mix(in srgb,var(--panel) 96%,transparent);--hover:rgba(255,255,255,.045);
  --active:color-mix(in srgb,var(--action) 13%,transparent);--accent-soft:color-mix(in srgb,var(--action) 8%,transparent);--cloud-soft:color-mix(in srgb,var(--cloud) 9%,transparent);
  --table-line:color-mix(in srgb,var(--muted) 36%,transparent);--backdrop:rgba(2,7,8,.76);--toast-bg:color-mix(in srgb,var(--success) 10%,var(--panel));--toast-error:color-mix(in srgb,var(--danger) 12%,var(--panel));
  --on-primary:#fff;--focus-ring:color-mix(in srgb,var(--action) 18%,transparent);
  --shadow-sm:0 8px 24px rgba(0,0,0,.18);--shadow-lg:0 30px 90px rgba(0,0,0,.38);
  --radius-sm:10px;--radius:16px;--radius-lg:24px;--sidebar:278px;
  --font-brand:RayvinaSans;
}

*{box-sizing:border-box}
html{font:15px/1.7 var(--font-brand),RayvinaSans,Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);overflow-x:hidden;accent-color:var(--action)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 82% -8%,rgba(27,191,174,.13),transparent 32rem),radial-gradient(circle at 4% 96%,rgba(59,130,246,.09),transparent 28rem);z-index:-1}
button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{border:0}a{color:inherit}.hidden{display:none!important}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35}small{font-size:.78rem}.muted{color:var(--muted);line-height:1.9}.eyebrow{margin:0 0 4px;color:var(--action);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}

.brand-mark{position:relative;width:76px;height:76px;border-radius:23px;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:2rem;font-weight:900;background:linear-gradient(145deg,var(--action),var(--primary) 56%,var(--cloud));box-shadow:0 18px 45px rgba(27,191,174,.23)}
.brand-mark:after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.18)}
.brand-mark.small{width:46px;height:46px;border-radius:14px;font-size:1.2rem;box-shadow:0 12px 28px rgba(27,191,174,.2)}
.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-mark.has-logo{background:transparent;box-shadow:none}.brand-mark.has-logo:after{display:none}

.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(460px,1.1fr) minmax(420px,.9fr);isolation:isolate}
.auth-showcase{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(42px,6vw,88px);overflow:hidden;background:linear-gradient(145deg,#061a1a 0%,#003f3a 55%,#005b61 100%)}
.auth-showcase:before,.auth-showcase:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.auth-showcase:before{width:520px;height:520px;left:-170px;top:-150px;background:radial-gradient(circle,rgba(59,130,246,.38),transparent 67%)}.auth-showcase:after{width:560px;height:560px;right:-250px;bottom:-270px;background:radial-gradient(circle,rgba(126,247,226,.28),transparent 65%)}
.auth-brand,.auth-copy,.auth-features{position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:16px}.auth-brand strong{display:block;font-size:1.2rem}.auth-brand span{display:block;color:rgba(255,255,255,.65);font-size:.75rem}.auth-copy{max-width:680px}.auth-copy .auth-kicker{color:var(--mint);font-weight:800;font-size:.8rem}.auth-copy h2{font-size:clamp(2.1rem,4vw,4.4rem);letter-spacing:-.04em;margin:16px 0 22px;max-width:650px}.auth-copy p{max-width:580px;color:rgba(255,255,255,.7);font-size:1.02rem}.auth-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.auth-feature{padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(5,20,21,.25);backdrop-filter:blur(14px)}.auth-feature b,.auth-feature span{display:block}.auth-feature b{font-size:.85rem}.auth-feature span{margin-top:4px;color:rgba(255,255,255,.58);font-size:.68rem}
.auth-panel{display:grid;place-items:center;padding:34px;background:var(--bg-soft)}.auth-card{width:min(470px,100%);padding:clamp(25px,4vw,42px);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(17,33,37,.96),rgba(10,21,24,.98));box-shadow:var(--shadow-lg)}.auth-card h1{margin-bottom:8px;font-size:1.65rem}.auth-card .muted{margin-bottom:26px}.auth-security{display:flex;align-items:center;gap:8px;margin-top:20px;color:var(--muted);font-size:.72rem}.auth-security:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(34,197,94,.09)}

.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 14px;border-left:1px solid var(--line);background:rgba(7,16,18,.92);backdrop-filter:blur(24px);z-index:30}
.brand{display:flex;align-items:center;gap:12px;padding:4px 7px 22px;border-bottom:1px solid var(--line)}.brand strong,.brand span{display:block}.brand strong{font-size:.96rem}.brand span{color:var(--muted);font-size:.65rem;letter-spacing:.06em}
.nav{display:grid;gap:3px;padding:13px 0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.nav-title{padding:17px 13px 7px;color:#647d79;font-size:.64rem;font-weight:800;letter-spacing:.08em}.nav button{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:9px 12px;border-radius:12px;color:var(--muted);background:transparent;text-align:right;cursor:pointer;transition:.18s ease}.nav button:hover{color:var(--text);background:rgba(255,255,255,.035)}.nav button.active{color:var(--text);background:linear-gradient(90deg,rgba(27,191,174,.16),rgba(59,130,246,.08));box-shadow:inset -2px 0 var(--action)}.nav button i{width:22px;display:grid;place-items:center;font-style:normal;color:#75908b}.nav button.active i{color:var(--mint)}.nav button svg,.mobile-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:9px;padding:15px 8px 2px;border-top:1px solid var(--line);color:var(--muted);font-size:.71rem}.sidebar-foot .icon-btn{margin-right:auto}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(34,197,94,.09)}
.main-area{min-width:0}.topbar{position:sticky;top:0;z-index:20;height:88px;display:flex;align-items:center;justify-content:space-between;padding:15px 28px;border-bottom:1px solid rgba(31,56,59,.75);background:rgba(7,16,18,.78);backdrop-filter:blur(24px)}.topbar-title{display:flex;align-items:center;gap:13px}.topbar-title:before{content:"";width:4px;height:36px;border-radius:8px;background:linear-gradient(var(--mint),var(--cloud))}.topbar h1{margin:0;font-size:1.16rem}.top-actions,.user-chip{display:flex;align-items:center;gap:9px}.user-chip{min-width:190px;padding:6px 8px 6px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(17,33,37,.65)}.user-chip>span{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;color:var(--mint);font-weight:800;background:linear-gradient(145deg,rgba(27,191,174,.18),rgba(59,130,246,.12))}.user-chip b,.user-chip small{display:block}.user-chip b{font-size:.78rem}.user-chip small{color:var(--muted);font-size:.65rem}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--text-soft);background:rgba(17,33,37,.72);cursor:pointer;transition:.18s}.icon-btn:hover{border-color:var(--line-strong);background:var(--panel-soft);transform:translateY(-1px)}.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.content{width:100%;max-width:1650px;margin:auto;padding:28px 30px 110px;outline:none}.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-intro h2{margin:0 0 6px;font-size:1.35rem}.page-intro p{max-width:760px;margin:0;color:var(--muted)}

.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:minmax(300px,.8fr) minmax(460px,1.2fr);margin-bottom:16px}
.stat{position:relative;overflow:hidden;min-height:138px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--panel-raised),var(--panel));box-shadow:var(--shadow-sm)}.stat:before{content:"";position:absolute;right:0;top:0;width:3px;height:100%;background:var(--stat-color,var(--action))}.stat-head{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;color:var(--stat-color,var(--action));background:color-mix(in srgb,var(--stat-color,var(--action)) 12%,transparent)}.stat-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.stat span{color:var(--muted);font-size:.76rem}.stat strong{display:block;margin-top:13px;font-size:1.9rem;line-height:1}.stat small{display:block;margin-top:11px;color:#6f8884}
.stat-action{--stat-color:var(--action)}.stat-success{--stat-color:var(--success)}.stat-warning{--stat-color:var(--warning)}.stat-cloud{--stat-color:var(--cloud)}.stat-danger{--stat-color:var(--danger)}
.card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,var(--panel-raised),var(--panel));box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-head h2{display:flex;align-items:center;gap:9px;margin:0;font-size:.95rem}.card-head h2:before{content:"";width:8px;height:8px;border-radius:3px;background:linear-gradient(135deg,var(--action),var(--cloud))}.card-head-meta{color:var(--muted);font-size:.7rem}
.page-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;padding:19px 20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,rgba(0,107,95,.13),rgba(59,130,246,.055))}.page-actions h2{margin:0 0 5px;font-size:1.1rem}.page-actions p{margin:0}.toolbar{display:flex;gap:8px;flex-wrap:wrap}
.btn{min-height:43px;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;color:var(--text);font-weight:750;font-size:.82rem;text-decoration:none;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:wait;transform:none}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--primary),#087f76 57%,#2371c9);box-shadow:0 10px 25px rgba(0,107,95,.22)}.btn.primary:hover{box-shadow:0 13px 32px rgba(27,191,174,.25)}.btn.secondary{border:1px solid var(--line);background:var(--panel-soft)}.btn.secondary:hover{border-color:var(--line-strong)}.btn.danger{color:#ff8b8b;border:1px solid rgba(239,68,68,.25);background:rgba(239,68,68,.08)}.btn.full{width:100%}.btn.small{min-height:33px;padding:5px 10px;font-size:.71rem}.btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.table-wrap{overflow:auto;margin:0 -5px;padding:0 5px}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:670px}.table th,.table td{padding:13px 11px;border-bottom:1px solid rgba(31,56,59,.72);text-align:right;white-space:nowrap;font-size:.78rem}.table th{position:sticky;top:0;color:#78918d;font-weight:650;font-size:.68rem;letter-spacing:.03em;background:var(--panel-raised)}.table tbody tr{transition:.16s}.table tbody tr:hover{background:rgba(27,191,174,.035)}.table tbody tr:last-child td{border-bottom:0}.table td:first-child{font-weight:650;color:var(--text-soft)}
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid rgba(142,163,160,.14);border-radius:99px;color:var(--text-soft);background:rgba(142,163,160,.08);font-size:.66rem}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.active,.badge.completed,.badge.paid{color:#62df8e;border-color:rgba(34,197,94,.17);background:rgba(34,197,94,.08)}.badge.failed,.badge.terminated,.badge.critical{color:#ff7a7a;border-color:rgba(239,68,68,.18);background:rgba(239,68,68,.08)}.badge.pending,.badge.queued,.badge.pending_payment,.badge.pending_manual,.badge.running{color:#ffbd4a;border-color:rgba(245,158,11,.18);background:rgba(245,158,11,.08)}.badge.suspended{color:#a8b8b5}
.empty{min-height:210px;display:grid;place-items:center;align-content:center;gap:9px;padding:32px;text-align:center;color:var(--muted)}.empty-icon{width:52px;height:52px;display:grid;place-items:center;border:1px dashed var(--line-strong);border-radius:17px;color:var(--action);background:rgba(27,191,174,.05)}.empty-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.announcement{position:relative;margin-bottom:12px;padding:14px 17px 14px 48px;border:1px solid rgba(27,191,174,.14);border-radius:13px;background:linear-gradient(90deg,rgba(27,191,174,.09),rgba(59,130,246,.035))}.announcement:before{content:"i";position:absolute;left:15px;top:16px;width:20px;height:20px;display:grid;place-items:center;border-radius:7px;color:var(--mint);font:700 .7rem/1 sans-serif;background:rgba(27,191,174,.15)}.announcement b{font-size:.82rem}.announcement .muted{font-size:.75rem}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:290px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,var(--panel-raised),var(--panel));box-shadow:var(--shadow-sm)}.plan-card:after{content:"";position:absolute;width:160px;height:160px;left:-70px;top:-75px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 68%)}.plan-type{width:max-content;padding:4px 9px;border-radius:8px;color:var(--mint);background:rgba(27,191,174,.09);font-size:.65rem}.plan-card h3{margin:18px 0 8px;font-size:1.08rem}.plan-card .price{margin:18px 0;font-size:1.35rem;font-weight:850}.plan-card .btn{margin-top:auto}

.form-stack{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .wide{grid-column:1/-1}label{display:grid;gap:7px;color:var(--text-soft);font-size:.76rem;font-weight:650}input,textarea,select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;outline:0;color:var(--text);background:#0a1517;transition:.18s}textarea{min-height:112px;resize:vertical}input::placeholder,textarea::placeholder{color:#536966}input:hover,textarea:hover,select:hover{border-color:var(--line-strong)}input:focus,textarea:focus,select:focus{border-color:var(--action);box-shadow:0 0 0 3px rgba(27,191,174,.11)}input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--action)}input[type=color]{padding:3px}.sub-input{margin-top:6px}.separator{display:flex;align-items:center;gap:11px;margin:22px 0;color:var(--muted);font-size:.69rem}.separator:before,.separator:after{content:"";height:1px;flex:1;background:var(--line)}
details{border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.08)}details summary{padding:12px 14px;color:var(--action);cursor:pointer;font-weight:700;font-size:.76rem}.inset{padding:0 14px 14px}.capability-grid{padding:13px;border:1px solid var(--line);border-radius:12px;display:flex;gap:16px;flex-wrap:wrap}.capability-grid legend{padding:0 7px;color:var(--muted);font-size:.72rem}.capability-grid label{display:flex;align-items:center;gap:7px}
dialog{width:min(790px,calc(100% - 24px));max-height:90vh;padding:0;border:1px solid var(--line);border-radius:20px;color:var(--text);background:var(--panel);box-shadow:var(--shadow-lg);overflow:hidden}dialog::backdrop{background:rgba(2,7,8,.78);backdrop-filter:blur(8px)}.modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0;padding:17px 20px;border-bottom:1px solid var(--line);background:rgba(13,25,28,.94);backdrop-filter:blur(18px)}.modal-head h2{margin:0;font-size:1rem}.modal-body{max-height:calc(90vh - 74px);padding:20px;overflow:auto}
.toast{position:fixed;left:22px;bottom:22px;z-index:100;max-width:420px;padding:13px 17px;border:1px solid rgba(34,197,94,.28);border-radius:12px;color:var(--text);background:#10231f;box-shadow:var(--shadow-lg);transform:translateY(110px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast.error{border-color:rgba(239,68,68,.35);background:#271416}
.skeleton{height:130px;border-radius:var(--radius);background:linear-gradient(90deg,var(--panel),var(--panel-soft),var(--panel));background-size:220%;animation:loading 1.25s infinite}@keyframes loading{to{background-position:-220%}}
.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.palette-grid label{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid var(--line);border-radius:11px}.palette-grid input{width:43px;min-height:32px}.brand-preview{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(27,191,174,.035)}.brand-preview b,.brand-preview small{display:block}.brand-preview small{color:var(--muted)}
.mobile-nav,.mobile-only,.sidebar-overlay{display:none}

/* Semantic surface layer: shared component roles for both color modes. */
.auth-card,.card,.stat,.plan-card{background:linear-gradient(150deg,var(--panel-raised),var(--panel))}
.sidebar,.topbar{background:var(--glass);border-color:var(--line)}
.user-chip,.icon-btn{background:var(--panel-raised)}
.nav-title,.nav button i,.table th{color:var(--muted)}
.nav button:hover{background:var(--hover)}
.nav button.active{background:linear-gradient(90deg,var(--active),var(--cloud-soft))}
.nav button.active i{color:var(--action)}
.topbar{border-bottom-color:var(--line)}
.user-chip>span{color:var(--action);background:linear-gradient(145deg,var(--active),var(--cloud-soft))}
.icon-btn{width:42px;height:42px}.icon-btn:focus-visible,.btn:focus-visible,.nav button:focus-visible,.mobile-nav button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.page-actions{background:linear-gradient(120deg,var(--accent-soft),var(--cloud-soft))}
.btn{min-height:44px}.btn.primary{color:var(--on-primary);background:linear-gradient(135deg,var(--primary),var(--action) 58%,var(--cloud));box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 28%,transparent)}.btn.primary:hover{box-shadow:0 13px 32px color-mix(in srgb,var(--action) 28%,transparent)}
.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,transparent);background:color-mix(in srgb,var(--danger) 9%,transparent)}
.table th,.table td{border-bottom-color:var(--table-line)}.table tbody tr:hover{background:var(--accent-soft)}
input,textarea,select{min-height:46px;background:var(--input-bg)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.72}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px var(--focus-ring)}
details{background:var(--panel-soft)}details summary{min-height:46px}
dialog::backdrop{background:var(--backdrop)}.modal-head{background:var(--glass-strong)}
.toast{background:var(--toast-bg);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.toast.error{background:var(--toast-error);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}
.brand-preview,.announcement{background:linear-gradient(100deg,var(--accent-soft),var(--cloud-soft))}
.badge.active,.badge.completed,.badge.paid{color:var(--success)}.badge.failed,.badge.terminated,.badge.critical{color:var(--danger)}.badge.pending,.badge.queued,.badge.pending_payment,.badge.pending_manual,.badge.running{color:var(--warning)}

html.light{color-scheme:light;--bg:#f4f7f9;--bg-soft:#edf2f4;--panel:#fff;--panel-raised:#fff;--panel-soft:#eef4f5;--line:#d8e3e6;--line-strong:#aec4c9;--text:#102429;--text-soft:#284248;--muted:#647b81;--input-bg:#fff;--glass:rgba(244,247,249,.9);--glass-strong:rgba(255,255,255,.96);--hover:rgba(0,63,58,.045);--active:rgba(0,107,95,.1);--accent-soft:rgba(0,107,95,.065);--cloud-soft:rgba(59,130,246,.07);--table-line:rgba(112,139,145,.24);--backdrop:rgba(6,23,27,.42);--toast-bg:#ecf9f4;--toast-error:#fff0f0;--focus-ring:rgba(0,107,95,.16);--shadow-sm:0 8px 28px rgba(21,62,70,.07);--shadow-lg:0 28px 74px rgba(21,62,70,.16)}
html.light body:before{background:radial-gradient(circle at 82% -8%,rgba(27,191,174,.09),transparent 34rem),radial-gradient(circle at 4% 96%,rgba(59,130,246,.06),transparent 28rem)}html.light .auth-panel{background:var(--bg)}html.light .table th{background:var(--panel-raised)}html.light .badge{background:var(--panel-soft);border-color:var(--line)}html.light .auth-showcase{color:#fff}html.light .announcement:before{color:var(--primary);background:rgba(0,107,95,.1)}

@media(max-width:1180px){.stats{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.settings-grid,.cards-2{grid-template-columns:1fr}.app-shell{--sidebar:245px}.auth-showcase{padding:48px}.auth-copy h2{font-size:2.6rem}}
@media(max-width:820px){
  html{font-size:14px}.app-shell{display:block}.menu-open{overflow:hidden}.sidebar{position:fixed;right:0;top:0;width:min(88vw,350px);padding-top:calc(18px + env(safe-area-inset-top));transform:translateX(105%);transition:transform .24s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.sidebar-overlay{position:fixed;inset:0;z-index:29;background:var(--backdrop);backdrop-filter:blur(3px)}.sidebar-overlay.visible,.sidebar.open+.sidebar-overlay{display:block}.topbar{height:68px;padding:9px 12px}.topbar-title{min-width:0;gap:9px}.topbar-title:before{height:29px}.topbar h1{max-width:32vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}.topbar .eyebrow{display:none}.topbar .user-chip{min-width:0;padding:4px;border:0;background:transparent}.user-chip>span{width:38px;height:38px}.user-chip div{display:none}.top-actions{gap:6px}.top-actions .icon-btn{width:40px;height:40px}.content{padding:17px 12px calc(102px + env(safe-area-inset-bottom))}.mobile-only{display:grid}.mobile-nav{position:fixed;right:0;left:0;bottom:0;z-index:25;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 6px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--glass);backdrop-filter:blur(22px);box-shadow:0 -12px 32px rgba(0,0,0,.08)}.mobile-nav button{min-height:54px;display:grid;place-items:center;align-content:center;gap:3px;padding:5px 2px;border-radius:11px;color:var(--muted);background:transparent;font-size:.62rem;cursor:pointer}.mobile-nav button i{height:21px;display:grid;place-items:center;font-style:normal}.mobile-nav button.active{color:var(--action);background:var(--active)}.mobile-nav svg{width:20px;height:20px}.auth-shell{display:block;background:var(--bg-soft)}.auth-showcase{min-height:248px;padding:24px 18px}.auth-copy{margin-top:34px}.auth-copy h2{font-size:1.85rem;margin:10px 0}.auth-copy p{font-size:.86rem}.auth-features{display:none}.auth-panel{padding:18px 12px 32px}.auth-card{margin-top:-24px;position:relative;z-index:3;padding:23px 18px}.page-actions,.page-intro{flex-direction:column}.page-actions .toolbar{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.page-actions .btn{width:100%;min-height:48px}.catalog-grid{grid-template-columns:1fr}.card-head{align-items:flex-start}.card-head-meta{display:none}
  .table-wrap{overflow:visible;margin:0;padding:0}.table{min-width:0}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{margin:0 0 10px;padding:8px 11px;border:1px solid var(--line);border-radius:13px;background:var(--panel-raised);box-shadow:0 6px 18px rgba(0,0,0,.04)}.table td{display:grid;grid-template-columns:minmax(100px,.42fr) minmax(0,1fr);align-items:center;gap:10px;padding:9px 3px;border-bottom:1px dashed var(--line);white-space:normal;text-align:right;overflow-wrap:anywhere}.table td:before{content:attr(data-label);color:var(--muted);font-size:.68rem;text-align:right}.table td:last-child{border-bottom:0}.table td:first-child{color:var(--text-soft)}.table td .btn,.table td select{min-height:42px}.table td:last-child:has(.btn){display:flex;flex-wrap:wrap}.table td:last-child:has(.btn):before{width:100%}
  dialog{width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;border-radius:22px 22px 0 0;border-bottom:0}.modal-head{padding:14px 16px}.modal-body{max-height:calc(92dvh - 68px);padding:16px 13px calc(22px + env(safe-area-inset-bottom))}.modal-body .btn.primary:last-child{position:sticky;bottom:0;z-index:2;min-height:49px;box-shadow:0 -8px 20px var(--panel)}
  .toast{right:12px;left:12px;bottom:calc(82px + env(safe-area-inset-bottom));max-width:none;text-align:center}
}
@media(max-width:520px){.stats{grid-template-columns:1fr}.stat{min-height:118px;padding:17px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.top-actions #refresh{display:none}.content{padding-inline:10px}.card{padding:14px;border-radius:14px}.page-actions{padding:15px}.palette-grid{grid-template-columns:1fr}.auth-brand .brand-mark{width:52px;height:52px}.auth-copy h2{font-size:1.6rem}.btn{min-height:48px}.capability-grid{display:grid;grid-template-columns:1fr 1fr}.settings-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}