@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b1220;--panel:#141f30;--panel2:#1b293d;--gold:#d5b45c;--text:#f3f5f8;--muted:#aab4c2;--line:#2b3a50;--green:#2da879;--red:#c65b5b}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#09111e,#101b2c);color:var(--text);font-family:'Cairo',Tahoma,sans-serif;min-height:100vh}
a{color:var(--gold);text-decoration:none}.top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px max(4%,calc((100% - 1180px)/2));background:#0a111d;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font-size:21px;font-weight:800;color:#fff;letter-spacing:.5px}.brand b{color:var(--gold)}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{color:#d6deea;font-size:13px}
.wrap{max-width:1180px;margin:30px auto;padding:0 18px;min-height:70vh}h1{font-size:25px;margin:0 0 22px;color:var(--gold)}h2{font-size:18px;margin:0 0 16px}.panel,.stat{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:0 12px 28px #0002}.narrow{max-width:570px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px}.stat{margin:0;display:flex;flex-direction:column;gap:8px}.stat span{color:var(--muted);font-size:13px}.stat strong{font-size:23px;color:var(--gold)}
label{display:block;font-size:13px;color:#d9e0e9;margin:0 0 12px}input,select{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid #34445b;border-radius:10px;background:#0d1726;color:#fff;font:inherit;outline:none}input:focus,select:focus{border-color:var(--gold)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.wide{grid-column:1/-1}.btn{display:inline-block;border:0;border-radius:10px;padding:11px 20px;background:linear-gradient(135deg,#e2c66e,#b18b35);color:#17130a;font:700 14px 'Cairo',sans-serif;cursor:pointer}.btn.secondary{background:#26364d;color:#fff;border:1px solid #40536d}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}.alert{padding:12px 15px;border-radius:10px;margin-bottom:16px}.alert.success{background:#123b30;color:#9de0c1}.alert.error{background:#451f28;color:#ffc0c0}.muted{color:var(--muted);font-size:13px}.center{text-align:center;margin-top:18px}
table{width:100%;border-collapse:collapse;min-width:600px}th,td{text-align:right;padding:12px 10px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--gold);font-weight:700}td{color:#e1e7ef}.panel{overflow-x:auto}footer{text-align:center;padding:22px;color:#77869a;font-size:12px;border-top:1px solid var(--line)}
@media(max-width:700px){.top{align-items:flex-start;flex-direction:column;padding:12px 16px}nav{gap:10px}.wrap{margin:20px auto}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.stat strong{font-size:20px}h1{font-size:21px}.panel{padding:15px}}