*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#081220;color:#eaf3ff}a{color:inherit;text-decoration:none}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#123a65,#040a12)}.authbox{width:min(420px,92vw);background:#0d1b2b;border:1px solid #1f4d77;border-radius:18px;padding:28px;box-shadow:0 20px 60px #0008}.authbox img{display:block;width:150px;height:150px;object-fit:contain;margin:auto}.authbox h1,.authbox p{text-align:center}.authbox small{display:block;margin-top:18px;color:#9db3c9}.authbox form,.grid{display:grid;gap:12px}.authbox input,input,select{width:100%;padding:13px;border-radius:9px;border:1px solid #31536f;background:#07111d;color:#fff}button,.btn{display:inline-block;padding:11px 16px;border:0;border-radius:9px;background:#ffbd17;color:#101010;font-weight:700;cursor:pointer}.danger{background:#c73838;color:#fff}.alert{padding:12px;border-radius:8px;margin:12px 0}.alert.success{background:#123f2b}.alert.danger{background:#5b1d25}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#07101b;border-right:1px solid #1b3145;padding:18px}.brand{text-align:center;padding-bottom:18px}.brand img{width:110px;height:110px;object-fit:contain;display:block;margin:auto}.brand b{display:block;margin-top:8px}nav{display:grid;gap:7px}nav a{padding:12px;border-radius:8px;color:#bcd0e2}nav a:hover,nav a.active{background:#17344f;color:#fff}main{padding:24px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}header h1{margin:0}.cards{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px}.cards>div,section{background:#0d1b2b;border:1px solid #1b3a56;border-radius:14px;padding:18px}.cards b{font-size:30px;display:block}.cards span{color:#9eb2c6}section{margin-top:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid button{width:max-content}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{text-align:left;padding:11px;border-bottom:1px solid #22394d;white-space:nowrap}.inline{display:inline-flex;gap:7px}.previews{display:flex;gap:15px;flex-wrap:wrap;margin:18px 0}.previews img{max-width:260px;max-height:180px;object-fit:contain;border-radius:10px;border:1px solid #31536f}@media(max-width:800px){.layout{grid-template-columns:1fr}aside{position:static}.brand img{width:80px;height:80px}nav{grid-template-columns:repeat(2,1fr)}main{padding:14px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}header h1{font-size:22px}}