:root{--bg:#06111c;--panel:#10283f;--line:#2a5778;--txt:#f3f9ff;--muted:#a8c3d8;--blue:#2d8dff;--cyan:#2df2ff;--green:#39f5a1;--red:#ff5570;--amber:#ffb742}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#03101a,#062236);color:var(--txt);font-family:Arial,Helvetica,sans-serif}.shell{display:flex;min-height:100vh}aside{width:255px;background:#040d17;border-right:1px solid #1e405c;padding:20px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:30px}.logo,.login-logo{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--cyan),var(--blue));display:grid;place-items:center;font-weight:900;font-size:22px}.brand b{display:block}.brand span{color:var(--muted);font-size:12px}nav{display:grid;gap:9px}nav a{color:#dceefe;text-decoration:none;background:#0b2136;border:1px solid #203f5b;border-radius:12px;padding:12px;font-weight:700}main{flex:1;padding:24px 28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}header small{color:var(--cyan);font-weight:900;letter-spacing:.1em;text-transform:uppercase}h1{margin:4px 0;font-size:30px}.userbox{text-align:right;background:#0d263c;border:1px solid var(--line);padding:12px 16px;border-radius:14px}.userbox span{display:block;color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.card,.panel{background:rgba(16,40,63,.86);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px}.card span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.card b{display:block;font-size:28px;margin:8px 0}.card p{color:var(--muted);margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.permgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.perm{background:#0b2136;border:1px solid #244964;border-radius:12px;padding:12px}.perm small{display:block;color:var(--muted)}label{display:block;color:#b9d4e8;margin-top:10px;font-weight:700}input,select{width:100%;background:#071927;color:white;border:1px solid #2b5577;border-radius:10px;padding:11px}button,.row a{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#04111c;border:0;border-radius:10px;padding:11px 14px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-block}.table{display:grid;gap:9px}.row{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;align-items:center;background:#0b2136;border:1px solid #244964;border-radius:12px;padding:12px}.row span{color:var(--muted)}.userrow{grid-template-columns:1fr 1.5fr 1fr}.okmsg{background:rgba(57,245,161,.12);border:1px solid var(--green);padding:12px;border-radius:12px;margin-bottom:12px}.err{background:rgba(255,85,112,.14);border:1px solid var(--red);padding:12px;border-radius:12px;margin-bottom:12px}.narrow{max-width:520px}.login-body{display:grid;place-items:center;min-height:100vh}.login-card{width:min(440px,92vw);background:#10283f;border:1px solid var(--line);border-radius:22px;padding:28px}.login-card h1{margin:14px 0 6px}.login-card p,.login-card a{color:var(--muted)}.login-card button{width:100%;margin:18px 0 10px}.report{background:white;color:#111;border-radius:10px;padding:28px}.reportMeta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.report table{width:100%;border-collapse:collapse}.report th,.report td{border:1px solid #bbb;padding:8px;text-align:left}.report th{background:#eee}@media print{body{background:white}.shell{display:block}aside,header,.no-print{display:none!important}main{padding:0}.report{border-radius:0}.panel{border:0;background:white}}@media(max-width:900px){.shell{display:block}aside{position:static;width:auto;height:auto}.cards,.grid2,.formgrid,.permgrid{grid-template-columns:1fr}.row,.userrow{grid-template-columns:1fr}main{padding:16px}header{display:block}}