*{box-sizing:border-box} body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,#14356b 0,#07111f 38%,#030914 100%);color:#f5f7ff;min-height:100vh} a{color:inherit;text-decoration:none}.topbar{background:linear-gradient(135deg,#0b1b38,#102a5c 55%,#071224);border-bottom:1px solid rgba(255,255,255,.08);padding:34px 38px;display:flex;justify-content:space-between;align-items:center}.brand h1{margin:0;font-size:34px;letter-spacing:.3px}.brand p{margin:12px 0 0;color:#b8c7e6;font-weight:700}.time{color:#c8d7ff}.logout{padding:12px 18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px}.nav{display:flex;gap:12px;padding:18px 36px;background:#050d19;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.nav a{padding:13px 19px;background:#14213a;border-radius:12px;color:#e9f0ff}.nav a.active,.nav a:hover{background:linear-gradient(135deg,#1d4ed8,#19b9ee)}.wrap{max-width:1680px;margin:0 auto;padding:32px}.cards{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:22px;margin-bottom:28px}.card,.panel{background:linear-gradient(145deg,rgba(30,49,84,.86),rgba(13,22,39,.96));border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 18px 45px rgba(0,0,0,.3);position:relative;overflow:hidden}.card:before,.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d4af37,#36e3da,#248cff)}.card{padding:28px 30px;min-height:145px}.card h3{margin:0 0 22px;color:#aebedf;font-size:16px}.num{font-size:34px;font-weight:900;letter-spacing:.5px}.small{font-size:16px;color:#cdd8ef}.panel{padding:28px;margin-bottom:28px}.panel h2{margin:0 0 22px;font-size:25px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end}label{display:block;color:#9fb0d3;font-size:14px;margin:0 0 8px}input,select{width:100%;padding:14px 16px;background:#0b1a35;color:#f5f7ff;border:1px solid #29436f;border-radius:12px;outline:none}input:focus,select:focus{border-color:#d4af37;box-shadow:0 0 0 3px rgba(212,175,55,.14)}button,.btn{border:0;border-radius:12px;padding:14px 18px;font-weight:800;cursor:pointer;display:inline-block}.btn-blue{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff}.btn-gold{background:linear-gradient(135deg,#d4af37,#f3c94c);color:#07111f}.btn-green{background:#22c55e;color:#fff}.btn-red{background:#ef4444;color:#fff}.btn-gray{background:#374151;color:#fff}.actions{display:flex;gap:9px;flex-wrap:wrap}.table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.09)}table{width:100%;border-collapse:collapse;background:#08111f}th{color:#f3d64b;text-align:left;background:#050b16;padding:15px}td{padding:15px;border-top:1px solid rgba(255,255,255,.06)}tr:nth-child(even) td{background:rgba(255,255,255,.035)}.msg{padding:14px 18px;border-radius:12px;margin-bottom:18px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.35)}.err{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.35)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-box{width:430px;max-width:100%;padding:34px;background:linear-gradient(145deg,rgba(30,49,84,.95),rgba(13,22,39,.98));border:1px solid rgba(255,255,255,.14);border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,.45)}.login-box h1{margin:0 0 10px}.login-box p{color:#b8c7e6;margin-bottom:24px}.quick{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.form-row,.grid3,.grid2{grid-template-columns:1fr}}@media(max-width:600px){.cards{grid-template-columns:1fr}.topbar{padding:25px 18px}.wrap{padding:18px}.brand h1{font-size:26px}.nav{padding:14px}}