:root{font-family:Arial,Helvetica,sans-serif;--bg:#f7f8fa;--surface:#fff;--surface-soft:#f8f9fb;--surface-accent:#f9f5ff;--text:#101828;--text-2:#344054;--muted:#667085;--border:#eaecf0;--border-strong:#d0d5dd;--sidebar:#101828;--sidebar-hover:#1d2939;--sidebar-text:#d0d5dd;--sidebar-muted:#98a2b3;--primary:#7f56d9;--primary-hover:#6941c6;--primary-ring:#7f56d91f;--danger:#d92d20;--danger-bg:#fef3f2;--danger-border:#fecdca;--success:#18794e;--success-bg:#e9f8ef;--success-border:#b7e4c7;--secondary-btn:#f2f4f7;--shadow:#1018280a}html[data-theme=dark]{--bg:#0b1020;--surface:#141a2a;--surface-soft:#101626;--surface-accent:#211a35;--text:#f2f4f7;--text-2:#e4e7ec;--muted:#98a2b3;--border:#29324a;--border-strong:#3b4765;--sidebar:#090e1c;--sidebar-hover:#1a2235;--sidebar-text:#e4e7ec;--sidebar-muted:#98a2b3;--primary:#a78bfa;--primary-hover:#8b5cf6;--primary-ring:#a78bfa2e;--danger:#f97066;--danger-bg:#35181c;--danger-border:#7a271a;--success:#6ce9a6;--success-bg:#123223;--success-border:#176b45;--secondary-btn:#20283b;--shadow:#0000003d}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:34px}h1,h2{margin-bottom:6px}.field-help,.muted{color:var(--muted)}.field-help{font-weight:400;font-size:12px}.eyebrow{display:inline-block;margin-bottom:8px;color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.12em}.app-shell{min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:20;width:250px;display:flex;flex-direction:column;padding:24px 18px;background:var(--sidebar);color:#fff}.brand{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:32px}.brand strong{display:block;font-size:20px}.brand span{display:block;margin-top:2px;color:var(--sidebar-muted);font-size:12px}.brand-mark{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;color:#101828;font-weight:900;font-size:21px}.brand-mark.big{width:58px;height:58px;border-radius:16px;font-size:30px}.sidebar nav{display:grid;grid-gap:6px;gap:6px}.sidebar nav a{padding:11px 12px;border-radius:10px;color:var(--sidebar-text);font-weight:600}.sidebar nav a.active,.sidebar nav a:hover{background:var(--sidebar-hover);color:#fff}.sidebar-footer{margin-top:auto}.user-box{margin-bottom:14px}.user-box,.user-box span,.user-box strong{display:block}.user-box span{margin-top:4px;color:var(--sidebar-muted);font-size:12px}.user-box-link{padding:10px;border-radius:10px}.user-box-link:hover{background:var(--sidebar-hover)}.main-area{margin-left:250px}.topbar{display:none}.content{min-height:100vh;padding:34px;background:var(--bg)}.page-header{display:flex;justify-content:space-between;align-items:flex-end;grid-gap:20px;gap:20px;margin-bottom:24px}.header-actions{display:flex;grid-gap:10px;gap:10px;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:18px}.stats-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.stat-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 1px 2px var(--shadow)}.stat-card{padding:20px}.stat-card small,.stat-card span{display:block;color:var(--muted)}.stat-card strong{display:block;margin:8px 0 4px;font-size:25px}.stat-card.accent{border-color:#6e57a8;background:var(--surface-accent)}.negative{color:var(--danger)}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.panel{padding:20px}.panel-title{display:flex;justify-content:space-between;grid-gap:14px;gap:14px;margin-bottom:18px}.panel-title p{margin-bottom:0;color:var(--muted)}.summary-list{display:grid;grid-gap:12px;gap:12px}.summary-list>div{display:flex;justify-content:space-between;grid-gap:16px;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.summary-list>div:last-child{border-bottom:0}.content-grid{display:grid;grid-gap:18px;gap:18px}.form-list-grid{grid-template-columns:minmax(280px,.75fr) minmax(0,1.55fr)}.form-list-grid.wide-list{grid-template-columns:minmax(300px,.8fr) minmax(0,1.8fr)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.form-grid label{display:grid;grid-gap:6px;gap:6px;color:var(--text-2);font-size:13px;font-weight:700}.form-grid .full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid var(--border-strong);border-radius:10px;padding:10px 12px;background:var(--surface);color:var(--text);outline:none}input:disabled{opacity:.7;cursor:not-allowed}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}textarea{resize:vertical}.form-actions{display:flex;grid-gap:10px;gap:10px;margin-top:4px}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:700}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--secondary-btn);color:var(--text-2)}.sidebar .btn-secondary{color:#344054}html[data-theme=dark] .sidebar .btn-secondary{color:#e4e7ec}.btn-full{width:100%}.btn-small{padding:7px 10px;font-size:12px}.btn-link{border:0;background:#0000;padding:5px 4px;color:var(--primary);font-weight:700}.btn-link.danger{color:var(--danger)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.row-actions{text-align:right}.empty-state{padding:26px}.empty-state,.loading-state{color:var(--muted);text-align:center}.loading-state{padding:30px}.alert{margin-bottom:16px;border-radius:10px;padding:12px 14px}.alert-error{border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger)}.alert-success{border:1px solid var(--success-border);background:var(--success-bg);color:var(--success)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-hero{display:flex;flex-direction:column;padding:44px;background:#101828;color:#fff}.login-brand{display:flex;align-items:center;grid-gap:14px;gap:14px}.login-brand h1,.login-brand p{margin:0}.login-brand p{color:#98a2b3}.hero-copy{max-width:680px;margin:auto 0}.hero-copy h2{font-size:52px;line-height:1.02}.hero-copy p{max-width:560px;color:#d0d5dd;font-size:18px}.login-panel{display:flex;align-items:center;justify-content:center;padding:32px;background:var(--surface-soft)}.login-card{width:430px;max-width:100%;display:grid;grid-gap:18px;gap:18px;border:1px solid var(--border);border-radius:20px;padding:30px;background:var(--surface);box-shadow:0 10px 30px var(--shadow)}.login-card label{display:grid;color:var(--text-2);font-weight:700}.auth-links,.login-card label{grid-gap:7px;gap:7px;font-size:13px}.auth-links{display:flex;justify-content:center;color:var(--muted)}.auth-links a{color:var(--primary);font-weight:700}.auth-resend{justify-self:center;font-size:12px}.activation-card,.center-link{text-align:center}.center-link{display:block}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#101828a6}.modal{width:580px;max-width:100%;border:1px solid var(--border);border-radius:18px;padding:24px;background:var(--surface);color:var(--text)}.modal-header{display:flex;justify-content:space-between;grid-gap:16px;gap:16px;margin-bottom:18px}.modal-close{border:0;background:#0000;font-size:28px;color:var(--muted)}.menu-button{border:0;background:#0000;color:var(--text);font-size:22px}.overlay{display:none}@media (max-width: 1080px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-list-grid,.form-list-grid.wide-list{grid-template-columns:1fr}}@media (max-width: 760px){.sidebar{transform:translateX(-100%);transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;grid-gap:14px;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar span,.topbar strong{display:block}.topbar span{color:var(--muted);font-size:12px}.overlay{position:fixed;inset:0;z-index:10;display:block;background:#10182880}.content{padding:20px 14px}.page-header{align-items:stretch;flex-direction:column}.form-grid,.panel-grid,.stats-grid,.stats-grid.compact{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.login-page{grid-template-columns:1fr}.login-hero{min-height:280px;padding:28px}.hero-copy h2{font-size:36px}.login-panel{padding:20px}}