:root{--red:#c1121f;--red-dark:#930d18;--red-soft:#fdebed;--ink:#101012;--text:#626267;--surface:#fff;--surface2:#f7f7f8;--border:#e4e4e7;--success:#18865d;--warning:#a86400;--shadow:0 20px 65px rgba(20,20,24,.1);--font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:Manrope,Inter,system-ui,sans-serif}html.dark{--ink:#f8f8f9;--text:#b8b8bd;--surface:#101012;--surface2:#17171a;--border:#303035;--red-soft:#351014;--shadow:0 24px 70px rgba(0,0,0,.4) }*{box-sizing:border-box}html{color-scheme:light}html.dark{color-scheme:dark}body{margin:0;background:var(--surface2);color:var(--ink);font-family:var(--font)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:20px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:4px 8px 24px}.logo{width:43px;height:43px;border-radius:13px;background:var(--red);color:#fff;display:grid;place-items:center;font:900 1.35rem var(--display)}.brand strong,.brand small{display:block}.brand small{font-size:.72rem;color:var(--text)}.nav-title{font-size:.7rem;color:var(--text);text-transform:uppercase;letter-spacing:.12em;margin:17px 10px 7px}.nav a{display:flex;align-items:center;gap:11px;padding:11px;border-radius:11px;font-size:.91rem;font-weight:720}.nav a:hover,.nav a.active{background:var(--red-soft);color:var(--red)}.sidebar-footer{margin-top:auto;border:1px solid var(--border);border-radius:14px;padding:13px;font-size:.8rem;color:var(--text)}.main{min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 26px}.topbar-title{font-weight:800;margin-right:auto}.icon-btn{width:42px;height:42px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--ink)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--surface);font-weight:850}.content{padding:28px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:.76rem;color:var(--red);text-transform:uppercase;letter-spacing:.12em;font-weight:850}h1,h2,h3{font-family:var(--display);letter-spacing:-.035em;margin:0;line-height:1.1}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:1.2rem}.muted{color:var(--text)}.btn{min-height:44px;border-radius:11px;border:1px solid transparent;padding:10px 16px;font-weight:780;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red-dark)}.btn-secondary{border-color:var(--border);background:var(--surface);color:var(--ink)}.card{background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:0 1px 2px #00000008}.toolbar{display:flex;gap:10px;padding:16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.input,.select{min-height:42px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);padding:9px 12px;outline:none}.input:focus,.select:focus{border-color:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 15%,transparent)}.search{flex:1;min-width:220px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:15px 16px;border-bottom:1px solid var(--border);font-size:.9rem}th{color:var(--text);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:800;background:var(--red-soft);color:var(--red)}.badge.active{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.badge.suspended{background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning)}.actions{display:flex;gap:7px}.mini{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:9px;padding:7px 9px}.empty{padding:60px 20px;text-align:center;color:var(--text)}.modal-backdrop{position:fixed;inset:0;background:#0000006b;display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-backdrop.open{display:flex}.modal{width:min(520px,100%);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:24px}.form-grid{display:grid;gap:15px}.field{display:grid;gap:7px}.field label{font-size:.82rem;font-weight:800}.notice{padding:12px 14px;border-radius:11px;background:var(--red-soft);color:var(--red);font-size:.86rem;display:none}.notice.show{display:block}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--surface)}.login-brand{padding:60px;display:flex;flex-direction:column;justify-content:space-between;background:#111;color:#fff;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-170px;bottom:-170px;background:#c1121f52}.login-form-wrap{display:grid;place-items:center;padding:30px}.login-form{width:min(430px,100%)}.login-form h1{font-size:2.6rem;margin-bottom:10px}.login-form .input{width:100%}.login-mark{display:flex;align-items:center;gap:13px;font-weight:850;font-size:1.2rem}.mobile-menu{display:none}@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:60;width:248px;transform:translate(-105%);transition:.2s}.sidebar.open{transform:translate(0)}.mobile-menu{display:block}.content{padding:20px}.topbar{padding:0 16px}.page-head{align-items:flex-start;flex-direction:column}.login-page{grid-template-columns:1fr}.login-brand{display:none}}