:root{--red:#e31d2b;--ink:#111216;--muted:#74777e;--bg:#f3f3f1;--line:#ddd}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}.login{min-height:100vh;display:grid;place-items:center;background:#111216}.login-card{background:#fff;width:min(430px,90vw);padding:42px}.login-card h1{margin:0 0 8px}.login-card p{color:var(--muted);font-size:13px;line-height:1.6}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{background:var(--ink);color:#fff;padding:28px 20px;position:sticky;top:0;height:100vh}.side h2{font-size:16px;margin:0 0 35px}.side h2 span{color:var(--red)}.side nav{display:grid;gap:7px}.side nav a{padding:12px 13px;font-size:13px;color:#aeb0b5;border-radius:5px}.side nav a.active,.side nav a:hover{background:#27292e;color:#fff}.side .logout{position:absolute;bottom:25px;left:20px;color:#888;font-size:12px}.content{padding:35px;overflow:auto}.content h1{margin:0 0 28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.stat{background:#fff;padding:24px;border:1px solid #e7e7e4}.stat span{font-size:11px;color:var(--muted);text-transform:uppercase}.stat strong{display:block;font-size:34px;margin-top:8px}.panel{background:#fff;border:1px solid #e7e7e4;padding:24px;margin-bottom:25px;overflow:auto}.panel h2{font-size:17px;margin:0 0 20px}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form .full{grid-column:1/-1}.form label{font-size:11px;font-weight:bold;color:#555}.form input,.form select,.form textarea{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid var(--line);font:14px Arial}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important;margin:0!important}.button,button{background:var(--red);color:#fff;border:0;padding:11px 16px;cursor:pointer;font-weight:bold}.secondary{background:#282a2f}.danger{background:#fff;color:#b10f1a;border:1px solid #e1a6aa}.actions{display:flex;gap:8px}.notice{padding:12px 15px;background:#e8f6ed;color:#226b38;margin-bottom:20px}.notice.error{background:#fae8e9;color:#9d1820}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee;white-space:nowrap}th{color:#777;font-size:10px;text-transform:uppercase}.thumb{width:60px;height:45px;object-fit:cover}.badge{padding:4px 8px;background:#f1f1ef;border-radius:20px}.badge.new{background:#ffe3e5;color:#a20e18}@media(max-width:800px){.shell{display:block}.side{height:auto;position:relative}.side nav{display:flex;overflow:auto}.side .logout{position:static;display:block;margin-top:18px}.content{padding:20px}.stats{grid-template-columns:1fr}.form{grid-template-columns:1fr}.form .full{grid-column:auto}}