*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6fb;color:#111827}aside{position:fixed;left:0;top:0;bottom:0;width:230px;background:#090d18;color:#fff;padding:24px}aside h2{margin:0 0 24px;color:#fff}aside a{display:block;color:#e5e7eb;text-decoration:none;padding:12px 10px;border-radius:10px;margin:6px 0}aside a:hover{background:#1f2937}main{margin-left:230px;padding:28px}.login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#070b14,#1f2937)}.login-card{width:360px;background:#fff;border-radius:18px;padding:28px;box-shadow:0 20px 60px #0005}.login-card h1{margin-top:0}.login-card input,.form input,.form textarea{width:100%;padding:13px;border:1px solid #d1d5db;border-radius:10px;margin:6px 0 14px}.login-card button,.form button,.btn{background:#c8102e;color:#fff;border:none;border-radius:10px;padding:12px 18px;text-decoration:none;display:inline-block;font-weight:700}.err{background:#fee2e2;color:#991b1b;padding:10px;border-radius:10px}.ok{background:#dcfce7;color:#166534;padding:10px;border-radius:10px}.hint{color:#6b7280;font-size:13px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:700px}.cards div{background:#fff;padding:24px;border-radius:18px;box-shadow:0 8px 24px #0001}.cards b{display:block;font-size:28px;color:#c8102e}table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0001}th,td{padding:14px;border-bottom:1px solid #eee;text-align:left}th{background:#111827;color:#fff}.thumb{width:100px;height:60px;object-fit:contain}.preview{max-width:260px;max-height:160px;display:block;background:#fff;border:1px solid #ddd;border-radius:10px;margin:8px 0}.danger{color:#dc2626;text-decoration:none;font-weight:700}.top{display:flex;align-items:center;justify-content:space-between}.form{max-width:900px;background:#fff;padding:24px;border-radius:18px;box-shadow:0 8px 24px #0001}.form label{font-weight:700}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:800px){aside{position:static;width:auto}main{margin-left:0}.grid2,.cards{grid-template-columns:1fr}}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hint{color:#667085;font-size:13px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.thumb{width:90px;height:58px;object-fit:cover;border-radius:8px}.smallbtn{display:inline-block;padding:8px 12px;border-radius:10px;background:#111827;color:#fff;text-decoration:none;margin:2px}.danger{background:#b42318!important}.ok{background:#ecfdf3;color:#027a48;padding:10px;border-radius:10px}.form textarea{min-height:110px}.form select,.form input[type=color]{height:42px}.preview{max-width:260px;max-height:120px;border-radius:12px;display:block;margin:8px 0}.switchline{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.badge{display:inline-block;background:#f2f4f7;border-radius:99px;padding:4px 9px;font-size:12px;color:#344054}