*{box-sizing:border-box}body{margin:0;padding:30px 16px;background:#f1f5f9;color:#1e293b;font:15px Arial,sans-serif}.card,.wide{background:#fff;border-radius:16px;box-shadow:0 12px 35px #0f172a12}.card{max-width:720px;margin:25px auto;padding:30px}.wide{max-width:1200px;margin:auto;padding:25px}h1{margin:0 0 8px}h2{margin-top:0}.card>p,.top p,.muted,small{color:#64748b}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.top p{margin:4px 0}.logout{color:#1d4ed8;text-decoration:none;font-weight:bold}label{display:block;font-weight:700;margin:15px 0 7px}input,select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px}input:focus,select:focus{outline:2px solid #bfdbfe;border-color:#2563eb}button,.button{display:inline-block;background:#1d4ed8;color:#fff;border:0;border-radius:8px;padding:13px 20px;font-weight:bold;text-decoration:none;cursor:pointer;margin-top:20px}button:hover,.button:hover{background:#1e40af}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.success,.error{padding:12px 14px;border-radius:8px;margin:15px 0}.success{background:#dcfce7;color:#166534}.error{background:#fee2e2;color:#991b1b}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:11px;border-bottom:1px solid #e2e8f0}th{background:#f8fafc}.thumb{width:58px;height:48px;object-fit:cover;border-radius:6px}@media(max-width:650px){.grid{grid-template-columns:1fr}.wide{padding:18px}.top{align-items:flex-start}}