:root{--red:#e30613;--navy:#111b2d;--bg:#f4f6f9;--text:#172033;--muted:#64748b;--border:#e2e8f0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}aside{position:fixed;inset:0 auto 0 0;width:270px;background:var(--navy);color:#fff;display:flex;flex-direction:column}.brand{height:78px;padding:16px 20px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #ffffff18}.brand small,.user small{display:block;color:#94a3b8}.brand-mark{width:44px;height:44px;border-radius:13px;background:var(--red);display:grid;place-items:center;color:#fff;font-weight:900;font-size:12px}nav{padding:24px 12px;display:grid;gap:5px}nav a{padding:12px 14px;border-radius:12px;color:#cbd5e1;font-weight:700}nav a.active,nav a:hover{background:var(--red);color:#fff}.user{margin-top:auto;padding:18px 20px;border-top:1px solid #ffffff18}.user a{display:inline-block;margin-top:10px;color:#fda4af}.app{margin-left:270px;min-height:100vh}.app>header{height:78px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:5}.app>header span{margin-left:auto;color:var(--muted)}.menu{display:none;border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px 11px}.content{max-width:1450px;margin:auto;padding:30px}.title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.title small{font-weight:900;color:var(--red)}h1{font-size:32px;line-height:1.1;margin:5px 0 8px}h2{font-size:18px;margin:0 0 16px}.title p,.panel p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.cards article,.panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 1px 3px #0f172a0c}.cards span{display:block;color:var(--muted);font-weight:700}.cards strong{display:block;font-size:34px;margin-top:8px}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:1.25fr .75fr}.grid.three{grid-template-columns:repeat(3,1fr)}.panel.accent{border-left:5px solid var(--red)}.role{position:relative;overflow:hidden}.role-line{position:absolute;inset:0 0 auto;height:5px;background:var(--red)}.role small{display:block;margin-top:18px;color:var(--muted)}.row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eef2f7}.row:last-child{border:0}.row>div{flex:1}.row small,td small{display:block;color:var(--muted);margin-top:3px}.badge{padding:5px 9px;border-radius:99px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:800}.alert{padding:12px 15px;border-radius:12px;margin-bottom:18px}.alert.success{background:#ecfdf5;color:#047857}.alert.error{background:#fff1f2;color:#be123c}form{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:700;color:#334155}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:11px;padding:11px 12px;background:#fff;color:var(--text)}textarea{min-height:100px;resize:vertical}.form-grid{grid-template-columns:repeat(3,1fr)}.form-grid .actions,.form-grid .check{grid-column:1/-1}.check{display:flex;align-items:center}.check input{width:auto}.actions{display:flex;justify-content:flex-end;gap:10px}.primary,.button{border:0;border-radius:11px;padding:11px 16px;font-weight:900;cursor:pointer}.primary{background:var(--red);color:#fff}.secondary{background:#f1f5f9;color:#334155}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px;text-align:left;border-bottom:1px solid #eef2f7}th{font-size:12px;text-transform:uppercase;color:var(--muted)}.empty{padding:24px;text-align:center}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#f8fafc,#eef2f7)}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;padding:30px;box-shadow:0 20px 50px #0f172a15}.auth-card .brand-mark{margin-bottom:22px}.auth-card h1{font-size:28px}.auth-card p{color:var(--muted);margin-bottom:24px}@media(max-width:900px){aside{transform:translateX(-100%);transition:.2s;z-index:10}body.menu-open aside{transform:none}.app{margin-left:0}.menu{display:block}.cards,.grid.two,.grid.three,.form-grid{grid-template-columns:1fr}.content{padding:20px}.title{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:repeat(2,1fr)}}