:root{--bg:#f4f6fb;--panel:#fff;--ink:#161b2b;--muted:#687087;--line:#e6e9f2;--primary:#4f46e5;--primary2:#6d5dfc;--nav:#11172a;--ok:#0f9f6e;--warn:#d97706;--bad:#dc2626;--shadow:0 12px 35px rgba(25,31,60,.08)}
*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
button,input,select,textarea{font:inherit}.hidden{display:none!important}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-brand{background:radial-gradient(circle at 20% 15%,#6d5dfc 0,transparent 32%),radial-gradient(circle at 80% 75%,#2563eb 0,transparent 27%),#11172a;color:#fff;padding:64px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.brandmark{display:flex;align-items:center;gap:13px;font-weight:800;font-size:25px}.logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#7c6cff,#4f46e5);display:grid;place-items:center;box-shadow:0 10px 30px rgba(79,70,229,.4)}.login-copy h1{font-size:56px;line-height:1.02;margin:0 0 20px;letter-spacing:-2px}.login-copy p{font-size:18px;line-height:1.7;color:#c9cee0;max-width:560px}.security-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);backdrop-filter:blur(16px);padding:18px 20px;border-radius:18px;color:#dfe3f2;max-width:560px}.login-panel{display:grid;place-items:center;padding:36px}.login-card{width:min(440px,100%)}.login-card h2{font-size:32px;margin:0 0 8px}.login-card>p{margin:0 0 34px;color:var(--muted)}label{display:block;font-size:13px;font-weight:700;margin:0 0 8px;color:#4d556a}.field{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#fff;outline:none}.field:focus,textarea.field:focus{border-color:#9a94ff;box-shadow:0 0 0 4px rgba(79,70,229,.1)}textarea.field{height:auto;padding:12px}.form-gap{margin-bottom:18px}.btn{border:0;border-radius:11px;padding:11px 15px;font-weight:700;cursor:pointer;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 8px 22px rgba(79,70,229,.22)}.btn-dark{background:#161b2b;color:#fff}.btn-soft{background:#eef0ff;color:#4038c9}.btn-danger{background:#fee2e2;color:#b91c1c}.btn-ok{background:#dcfce7;color:#047857}.btn-warn{background:#fef3c7;color:#b45309}.btn-block{width:100%;height:50px}.err{background:#fff1f2;color:#be123c;border:1px solid #fecdd3;padding:11px 13px;border-radius:10px;margin:0 0 16px;font-size:13px}
.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#cbd2e7;position:sticky;top:0;height:100vh;padding:18px 14px;overflow:auto}.side-brand{display:flex;align-items:center;gap:10px;padding:8px 10px 22px;color:#fff;font-size:21px;font-weight:850}.side-brand small{display:block;color:#7f89a8;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.nav-group{font-size:10px;color:#6e7898;font-weight:800;letter-spacing:.13em;text-transform:uppercase;padding:14px 12px 7px}.nav-btn{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#aeb7d0;padding:11px 12px;border-radius:10px;text-align:left;cursor:pointer;margin:2px 0;font-weight:650}.nav-btn:hover{background:#19213a;color:#fff}.nav-btn.active{background:linear-gradient(135deg,#4f46e5,#6558e8);color:#fff;box-shadow:0 8px 20px rgba(79,70,229,.24)}.nav-ico{width:20px;text-align:center}.main{min-width:0}.topbar{height:70px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.top-title{font-size:19px;font-weight:800}.top-actions{display:flex;align-items:center;gap:12px}.admin-chip{display:flex;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e8e7ff;color:#4f46e5;font-weight:850}.mobile-menu{display:none}.content{padding:28px;max-width:1600px;margin:0 auto}.page-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:22px}.page-head h1{font-size:28px;margin:0 0 5px}.page-head p{margin:0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 18px rgba(25,31,60,.035)}.metric .k{font-size:12px;color:var(--muted);font-weight:750}.metric .v{font-size:30px;font-weight:850;margin:9px 0 2px;letter-spacing:-.5px}.metric .s{font-size:12px;color:#8b93a8}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 24px rgba(25,31,60,.04);overflow:hidden}.panel-head{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h3{margin:0;font-size:15px}.panel-body{padding:18px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar .field{width:auto;min-width:170px;height:40px}.search{min-width:260px!important}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;min-width:840px}th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#7b8398;text-align:left;background:#fafbfe;padding:12px 14px;border-bottom:1px solid var(--line)}td{padding:13px 14px;border-bottom:1px solid #eef0f5;font-size:13px;vertical-align:middle}tr:last-child td{border-bottom:0}.strong{font-weight:750}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap;background:#eef1f7;color:#566079}.badge.ok{background:#dcfce7;color:#047857}.badge.bad{background:#fee2e2;color:#b91c1c}.badge.warn{background:#fef3c7;color:#b45309}.badge.info{background:#e0e7ff;color:#4338ca}.actions{display:flex;gap:6px;flex-wrap:wrap}.mini{padding:7px 9px;font-size:11px}.empty{padding:42px;text-align:center;color:var(--muted)}.loading{padding:50px;text-align:center;color:var(--muted)}.modal-back{position:fixed;inset:0;background:rgba(10,14,28,.55);z-index:80;display:grid;place-items:center;padding:18px}.modal{background:#fff;width:min(620px,100%);max-height:88vh;overflow:auto;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0}.modal-body{padding:20px}.close{background:#f3f4f7;border:0;width:34px;height:34px;border-radius:9px;cursor:pointer}.toast{position:fixed;right:22px;bottom:22px;background:#11172a;color:#fff;padding:13px 16px;border-radius:12px;z-index:100;box-shadow:var(--shadow);font-size:13px}.danger-note{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:12px;border-radius:11px;font-size:12px}.money{font-variant-numeric:tabular-nums}.kv{display:grid;grid-template-columns:160px 1fr;gap:9px 14px;font-size:13px}.kv div:nth-child(odd){color:var(--muted)}.kv div:nth-child(even){font-weight:650}.ticket-msg{padding:12px 14px;border-radius:12px;margin:9px 0;background:#f6f7fb}.ticket-msg.internal{background:#fff7ed;border:1px solid #fed7aa}.ticket-msg.admin{background:#eef2ff}.ticket-meta{font-size:10px;color:var(--muted);margin-bottom:5px}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.shell{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;z-index:60;left:-280px;width:260px;transition:.2s}.sidebar.open{left:0;box-shadow:20px 0 50px rgba(0,0,0,.25)}.mobile-menu{display:inline-flex}.topbar{padding:0 14px}.content{padding:16px}.cards{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.metric .v{font-size:24px}.page-head{align-items:flex-start;flex-direction:column}.search{min-width:100%!important;width:100%!important}.toolbar .field{flex:1}.admin-chip .who{display:none}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh}.login-card h2{font-size:29px}}
@media(max-width:430px){.cards{grid-template-columns:1fr}.top-title{font-size:16px}}

/* v1.2 trust/marketing additions */
.offer-price{font-size:18px;font-weight:850}.strike{text-decoration:line-through;color:var(--muted)}

.plan-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.plan-choice{display:flex!important;gap:9px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;margin:0!important;background:#fff}
.plan-choice:has(input:checked){border-color:#7367f0;background:#f4f2ff;box-shadow:0 0 0 3px rgba(79,70,229,.08)}
.plan-choice input{accent-color:#4f46e5}.plan-choice span{display:flex;flex-direction:column;gap:3px}.plan-choice b{font-size:13px}.plan-choice small{color:var(--muted);font-size:10px}
@media(max-width:760px){.plan-choice-grid{grid-template-columns:1fr}}

.admin-brand-lockup{display:flex;align-items:center;gap:14px}.admin-brand-lockup img{width:190px;height:auto;display:block}.admin-brand-lockup span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#b9c1dd;font-weight:850}
.admin-side-lockup{padding:7px 9px 19px}.admin-side-lockup img{width:145px;height:auto;display:block}.admin-side-lockup small{display:block;margin-top:5px;color:#7480a2;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:850}