*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f7fb;color:#152033}body{min-height:100vh}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#0b263e 0%,#071b2c 100%);color:#fff;padding:22px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.brand-logo{width:48px;height:48px;border-radius:14px;background:#f4b400;color:#0b263e;display:grid;place-items:center;font-weight:900}.brand strong{font-size:23px;display:block;line-height:1}.brand span{font-weight:800;color:#f4b400}.brand small{display:block;color:#c9d4df;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:11px 12px;border-radius:10px;color:#dfe8ef;display:flex;align-items:center;gap:11px;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#1767d9;color:#fff}.navicon{width:22px;text-align:center}.admin-card{margin-top:auto;border:1px solid rgba(255,255,255,.15);border-radius:13px;padding:12px;display:flex;gap:10px;align-items:center}.admin-card small{display:block;color:#b8c7d4;margin-top:2px}.avatar{width:38px;height:38px;border-radius:50%;background:#29465f;display:grid;place-items:center;font-weight:800}.workspace{margin-left:250px;width:calc(100% - 250px)}.topbar{height:72px;background:#fff;border-bottom:1px solid #e6ebf1;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40}.topbar>div{display:flex;align-items:center;gap:12px}.top-actions input{width:280px}.menu-btn{display:none;border:0;background:transparent;font-size:22px}.content{padding:24px;max-width:1500px;margin:auto}.hero-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.hero-row h1{font-size:26px;margin:0 0 5px}.hero-row p{margin:0;color:#687386}.hero-actions{display:flex;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid #e6ebf1;border-radius:14px;padding:18px;box-shadow:0 2px 10px rgba(15,39,64,.04);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#d0d5dd}.stat-card.red:before{background:#e5484d}.stat-card.orange:before{background:#f59e0b}.stat-card.blue:before{background:#3182f6}.stat-card.green:before{background:#22a06b}.stat-card span{font-size:12px;font-weight:800;color:#667085}.stat-card strong{display:block;font-size:32px;margin:7px 0 2px}.stat-card small{color:#7b8493}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.span2{grid-column:span 2}.card{background:#fff;border:1px solid #e6ebf1;border-radius:14px;padding:18px;box-shadow:0 2px 10px rgba(15,39,64,.04)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.card-head h2{font-size:17px;margin:0}.card-head p{margin:3px 0 0;color:#7a8596;font-size:13px}.card-head>a{color:#1767d9;font-size:13px;font-weight:700}.quick{display:flex;flex-direction:column;gap:8px}.quick>a{border-radius:10px;padding:12px;background:#f6f9fd;display:flex;gap:10px;align-items:center;font-weight:700}.quick>a:hover{background:#eef4fb}.mini h3{margin-top:0}.metric{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eef1f4}.metric:last-child{border-bottom:0}.metric span{color:#667085}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid #edf0f3;text-align:left;white-space:nowrap}th{font-size:11px;text-transform:uppercase;color:#7b8493;letter-spacing:.02em}td{font-size:13px}.plate{font-weight:800;letter-spacing:.03em}.sub{display:block;color:#8a94a3;margin-top:3px}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.status.expired,.status.today{background:#fee4e2;color:#b42318}.status.urgent{background:#ffead5;color:#b54708}.status.soon{background:#fef0c7;color:#93370d}.status.upcoming{background:#e0f2fe;color:#075985}.status.ok{background:#dcfae6;color:#067647}.row-actions{display:flex;gap:5px}.row-actions a{width:30px;height:28px;border:1px solid #dfe4ea;border-radius:7px;display:grid;place-items:center}.btn{border:1px solid #d0d5dd;background:#fff;padding:10px 14px;border-radius:9px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn:hover{background:#f6f8fa}.btn.primary{background:#1767d9;color:#fff;border-color:#1767d9}.btn.success{background:#20a464;color:#fff;border-color:#20a464}.btn.small{font-size:12px;padding:6px 9px}.btn.full{width:100%}.form-card{max-width:900px}.form-card h2{margin-top:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:12px;font-weight:800;margin:12px 0 6px;color:#475467}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;font:inherit}textarea{resize:vertical}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.filterbar{display:flex;gap:8px;margin-bottom:15px}.filterbar input{max-width:380px}.filterbar select{max-width:230px}.alert{padding:11px 13px;border-radius:9px;margin-bottom:14px}.alert.success{background:#dcfae6;color:#067647}.alert.danger{background:#fee4e2;color:#b42318}.codebox{background:#f5f7fa;padding:12px;border-radius:9px;font-family:Consolas,monospace;font-size:12px;overflow:auto}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#153b5c,#071a2c);padding:20px}.login-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.login-brand{text-align:center;margin-bottom:20px}.login-brand .brand-logo{margin:0 auto 12px}.login-brand h1{margin:0}.login-brand p{margin:5px 0;color:#667085}hr{border:0;border-top:1px solid #e8ecf0;margin:20px 0}@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr 1fr}.span2{grid-column:span 2}.stats-grid{grid-template-columns:1fr 1fr}}@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0;width:100%}.menu-btn{display:block}.top-actions input{display:none}.content{padding:16px}.hero-row{align-items:flex-start;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.span2{grid-column:span 1}.grid2{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.stats-grid{grid-template-columns:1fr}.hero-actions{width:100%;flex-direction:column}.hero-actions .btn{width:100%}.filterbar{flex-direction:column}.filterbar input,.filterbar select{max-width:none}.topbar{padding:0 14px}.top-actions span{font-size:12px}}