*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 15% 10%,#123a61 0,#07111d 42%,#03070d 100%);color:#eef7ff;min-height:100vh}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#0b2741,#06121f);border-right:1px solid #2c83bb66;padding:22px 15px;position:fixed;inset:0 auto 0 0;z-index:5}.brand{font-weight:900;font-size:20px;letter-spacing:.5px;padding:10px 12px 25px}.brand span{color:#73d7ff}.nav a{display:flex;gap:12px;align-items:center;padding:13px 14px;margin:6px 0;border-radius:12px;color:#b9d4e8}.nav a:hover,.nav a.active{background:linear-gradient(135deg,#0d5f91,#12324f);color:#fff;box-shadow:0 0 18px #1ba6df22}.main{margin-left:250px;width:calc(100% - 250px);padding:26px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.top h1{margin:0;font-size:27px}.muted{color:#91adc1}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:linear-gradient(145deg,#102d46dd,#071522f2);border:1px solid #4ab9ef33;border-radius:17px;padding:19px;box-shadow:0 10px 35px #0007}.stat .icon{font-size:25px}.stat .label{color:#9bb6c9;font-size:13px;margin-top:8px}.stat .value{font-size:29px;font-weight:900;margin-top:4px}.section{margin-top:18px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.btn{border:0;border-radius:11px;padding:11px 15px;background:linear-gradient(135deg,#0c73aa,#42c9ff);color:#fff;font-weight:800;cursor:pointer;display:inline-block}.btn.secondary{background:#15334d}.btn.danger{background:linear-gradient(135deg,#8d1d2a,#d24c5c)}.btn.success{background:linear-gradient(135deg,#096a64,#16bfae)}input,select,textarea{width:100%;background:#081725;border:1px solid #2c6c91;color:#eaf7ff;border-radius:10px;padding:11px;outline:none}label{display:block;font-size:13px;color:#9eb8c9;margin:0 0 6px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.full{grid-column:1/-1}table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid #ffffff12;text-align:left}th{color:#86b7d3;font-size:12px;text-transform:uppercase}td{font-size:14px}.badge{padding:6px 9px;border-radius:20px;font-size:11px;font-weight:900}.badge.normal{background:#0e604c}.badge.warning{background:#70560d}.badge.soon,.badge.today{background:#9a4d0d}.badge.expired{background:#8c1f2a}.blink{animation:blink 1s infinite}@keyframes blink{50%{box-shadow:0 0 0 5px #ff5a5a22,0 0 20px #ff5a5a88}}.alert{border:1px solid #ff8c4a66;background:#3c1b0c99}.login{display:grid;place-items:center;min-height:100vh;padding:20px}.login-box{width:min(430px,100%);padding:30px}.logo{font-size:32px;font-weight:1000;text-align:center;margin-bottom:7px}.logo span{color:#65d7ff}.login-box .btn{width:100%;margin-top:8px}.error{color:#ff9a9a;background:#501923;padding:10px;border-radius:9px;margin-bottom:12px}.mobile-menu{display:none}.actions{display:flex;gap:7px;flex-wrap:wrap}.search{display:flex;gap:10px;margin-bottom:15px}.search input{flex:1}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%;padding:18px}.mobile-menu{display:inline-flex}.grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}table{min-width:850px}.table-wrap{overflow:auto}.top h1{font-size:21px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.card{padding:15px}}