:root{--bg:#070d1f;--panel:#111a31;--panel2:#151f39;--line:#2d3b61;--text:#ecf4ff;--muted:#89a0ca;--cyan:#35dbff;--blue:#3578ff;--purple:#a754ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#142954,transparent 35%),var(--bg)}.login-card{width:360px;padding:38px;background:rgba(17,26,49,.94);border:1px solid #263967;border-radius:22px;box-shadow:0 20px 70px #0008;text-align:center}.login-card img{width:155px;height:88px;object-fit:contain}.login-card h1{letter-spacing:4px;font-size:17px;margin:18px 0 30px;color:#bfeeff}label{display:block;text-align:left;color:var(--muted);font-size:14px;margin:16px 0}input{display:block;width:100%;margin-top:7px;background:#081020;border:1px solid #385081;border-radius:10px;padding:13px;color:var(--text);font-size:15px}button{border:0;border-radius:10px;padding:12px 18px;font-weight:bold;cursor:pointer}.primary{background:linear-gradient(100deg,var(--cyan),var(--blue),var(--purple));color:#06101e}.secondary{background:#273553;color:#d8e7ff}.login-card button{width:100%;margin-top:12px}#loginError,#formError{color:#ff99ac;font-size:13px;min-height:16px}#panel{min-height:100vh;display:grid;grid-template-columns:265px 1fr}aside{background:#0b1328;border-right:1px solid #22345a;padding:26px 18px}.side-logo{width:95px;height:55px;object-fit:contain;vertical-align:middle}aside h2{display:inline;font-size:27px;vertical-align:middle;margin-left:4px}aside p{font-size:12px;letter-spacing:3px;color:var(--cyan);margin:24px 8px}.nav{display:block;width:100%;background:transparent;color:#a9bcdf;text-align:left;margin:6px 0;padding:14px}.nav.active{color:white;background:linear-gradient(90deg,#173b78,#192649);border-left:3px solid var(--cyan)}.nav span{float:right;font-size:10px;color:#6f80a6}.content{padding:48px}.content header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.content h1{margin:6px 0;font-size:34px}.content small{color:var(--cyan);letter-spacing:2px}.content header p{color:var(--muted)}.card{background:var(--panel);border:1px solid #273961;border-radius:16px;padding:10px 22px;min-height:350px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:18px 8px;border-bottom:1px solid var(--line);color:#bcd0f3}th{color:#7f9acd;font-size:13px}td strong{color:white}td:last-child{text-align:right}.icon{background:#203964;color:#86eaff;margin-left:8px;padding:8px 10px}.delete{color:#ff9cab}.empty{text-align:center;color:var(--muted);padding:80px}dialog{background:var(--panel2);color:white;border:1px solid #3c578a;border-radius:16px;width:min(460px,90vw)}dialog::backdrop{background:#000a}dialog form{padding:12px}dialog footer{text-align:right;margin-top:24px} @media(max-width:760px){#panel{grid-template-columns:1fr}aside{display:none}.content{padding:22px}.content header{align-items:flex-start;gap:15px}.content h1{font-size:26px}table th:nth-child(4),table td:nth-child(4){display:none}}
[hidden]{display:none!important}