:root{--primary:#5b4cf0;--primary-dark:#4237c8;--accent:#ff6b6b;--cyan:#16b8c7;--ink:#182034;--muted:#718096;--paper:#f6f7fc;--line:#e7e9f2;--white:#fff;--green:#18a66f;--gold:#e8a51a;--danger:#e44f62;--shadow:0 12px 35px rgba(40,50,90,.08)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#fafbff 0,#f4f5fb 50%,#f8f4ff 100%);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;min-height:100vh}.topbar{height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);box-shadow:0 6px 25px rgba(52,61,100,.06);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1260px)/2));gap:35px;position:sticky;top:0;z-index:3}.brand{color:var(--ink);text-decoration:none;font-weight:900;letter-spacing:.035em;font-size:19px;display:flex;align-items:center;gap:8px}.brand span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#8d5cf6);color:white;font-size:15px;box-shadow:0 8px 20px rgba(91,76,240,.26)}.topbar nav{display:flex;align-items:center;gap:6px;margin-left:auto}.topbar nav a{color:#65708a;text-decoration:none;padding:10px 14px;border-radius:11px;font-weight:700;font-size:14px;transition:.2s}.topbar nav a:hover{background:#f0efff;color:var(--primary)}.topbar nav a.active{background:linear-gradient(135deg,#eeecff,#f5edff);color:var(--primary);box-shadow:inset 0 0 0 1px #ddd8ff}.menu-button{display:none;margin-left:auto;background:#f0efff;color:var(--primary);border:0;padding:10px 12px;border-radius:10px;font-weight:800}.container{max-width:1260px;margin:0 auto;padding:38px 24px}.page-heading{margin-bottom:25px}.eyebrow{text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.16em}h1{font-size:34px;line-height:1.15;margin:6px 0 0;letter-spacing:-.03em}h2{font-size:19px;margin:0 0 20px;letter-spacing:-.015em}.toolbar,.panel-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.toolbar>span{color:var(--muted)}.filters{display:flex;gap:5px;background:white;padding:5px;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 18px rgba(40,50,90,.05)}.filters a{padding:8px 13px;border-radius:9px;text-decoration:none;color:#68728a;font-size:13px;font-weight:700}.filters a.selected{background:var(--primary);color:white;box-shadow:0 6px 15px rgba(91,76,240,.25)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.stats-grid.compact{grid-template-columns:repeat(2,minmax(220px,1fr));max-width:650px}.stat{position:relative;overflow:hidden;background:white;border:1px solid rgba(228,231,242,.9);border-radius:17px;padding:21px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.stat:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(40,50,90,.12)}.stat:after{content:"";position:absolute;width:70px;height:70px;right:-25px;top:-25px;border-radius:50%;background:#9aa3b51a}.stat small{display:block;color:var(--muted);margin-bottom:9px;font-weight:700}.stat strong{font-size:27px;letter-spacing:-.03em}.stat.red:before,.stat.green:before,.stat.gold:before,.stat.danger:before,.stat.dark:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 6px 6px 0;background:var(--primary)}.stat.green:before{background:var(--green)}.stat.gold:before{background:var(--gold)}.stat.danger:before{background:var(--danger)}.stat.dark{background:linear-gradient(135deg,#5b4cf0,#8460ef);border-color:transparent;color:white}.stat.dark small{color:#e6e2ff}.stat.dark:before{background:#fff8}.panel{background:rgba(255,255,255,.95);border:1px solid rgba(228,231,242,.9);border-radius:18px;padding:25px;margin-bottom:22px;box-shadow:var(--shadow)}.split{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:20px;align-items:start}.grow{min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.span-2{grid-column:span 2}label{display:block;color:#4c5872;font-size:13px;font-weight:750}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe3ee;background:#fbfcff;border-radius:11px;padding:11px 12px;font:inherit;color:var(--ink);transition:.18s}textarea{min-height:78px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:#c9c8f7}input:focus,select:focus,textarea:focus{outline:3px solid rgba(91,76,240,.11);border-color:var(--primary);background:white}hr{border:0;border-top:1px solid var(--line);width:100%}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:11px;background:linear-gradient(135deg,var(--primary),#7960ed);color:#fff;text-decoration:none;padding:12px 18px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(91,76,240,.22);transition:.2s}.button:hover{transform:translateY(-1px);box-shadow:0 11px 22px rgba(91,76,240,.3);background:linear-gradient(135deg,var(--primary-dark),#6850df)}.button.secondary{padding:10px 15px;background:#eef0f7;color:#49536b;box-shadow:none}.table-wrap{overflow-x:auto;border:1px solid #edf0f6;border-radius:13px}table{border-collapse:collapse;width:100%;font-size:14px;background:#fff}th{text-align:left;color:#8790a5;font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:12px 13px;border-bottom:1px solid var(--line);background:#fafbfe}td{padding:14px 13px;border-bottom:1px solid #eff1f6;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfaff}td small{display:block;color:#9299aa;margin-top:4px}.actions{white-space:nowrap}.actions a,a{color:var(--primary);font-weight:750;text-decoration:none;margin-right:8px}.danger-link{color:var(--danger)}.badge{display:inline-block;background:#efefff;color:var(--primary);border-radius:99px;padding:5px 9px;font-size:10px;font-weight:850}.muted{opacity:.5;text-decoration:line-through}.empty{text-align:center;color:#8a94a8;padding:38px}footer{text-align:center;color:#98a0b1;padding:10px 20px 35px;font-size:12px}.alert{padding:13px 16px;border-radius:11px;margin-bottom:18px;background:#e8f8f1;color:#17714e;border:1px solid #d2f0e2}.alert.error{background:#fff0f1;color:#a52b3a;border-color:#f7d9dd}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 12% 8%,#d9d5ff 0,transparent 31%),radial-gradient(circle at 88% 88%,#ffd8e2 0,transparent 28%),linear-gradient(135deg,#f8f8ff,#f3f5fb);padding:20px}.auth-card{width:min(430px,100%);background:rgba(255,255,255,.94);border:1px solid #fff;border-radius:24px;padding:40px;box-shadow:0 28px 70px rgba(62,55,130,.17);backdrop-filter:blur(20px)}.auth-card.wide{width:min(680px,100%)}.auth-card h1{margin:10px 0}.auth-card p{color:var(--muted);margin-bottom:24px}.auth-card label{margin-bottom:15px}.auth-card .button{width:100%;margin-top:5px}.auth-logo{font-size:22px;font-weight:900;margin-bottom:25px;color:white;background:linear-gradient(135deg,var(--primary),#8f62ed);width:max-content;padding:10px 14px;border-radius:13px;box-shadow:0 9px 22px rgba(91,76,240,.23)}.auth-logo b{color:white}@media(max-width:850px){.stats-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.menu-button{display:block}.topbar nav{display:none;position:absolute;top:76px;left:12px;right:12px;background:white;padding:12px;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.menu-open .topbar nav{display:flex}.topbar nav a{margin:0}.panel-title{align-items:flex-start;flex-direction:column}}@media(max-width:540px){.container{padding:26px 14px}.stats-grid,.stats-grid.compact{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.auth-card{padding:29px 23px}h1{font-size:28px}.stat strong{font-size:24px}}