:root{--nav:#151a2e;--accent:#ef5b0c;--bg:#f4f6f9}*{box-sizing:border-box}body{background:var(--bg);color:#263244}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#0f766e)}.login-card{width:min(430px,calc(100% - 30px));padding:38px;border-radius:22px;background:#fff}.login-card h1{font-size:28px}.login-card small{display:block;margin-top:18px;color:#64748b}.brand-mark{display:grid;width:60px;height:60px;place-items:center;border-radius:16px;background:#0f766e;color:#fff;font-weight:900;margin-bottom:18px}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:22px 14px;background:var(--nav);color:#fff;overflow-y:auto}.sidebar h1{font-size:18px;padding:0 10px 20px}.sidebar a{display:block;padding:11px 13px;margin:4px 0;border-radius:9px;color:#b8c0d5;text-decoration:none}.sidebar a:hover,.sidebar a.active{background:var(--accent);color:#fff}.main{margin-left:250px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.content{padding:24px}.metric{padding:22px;border:0;border-radius:16px;color:#fff}.m1{background:#16a34a}.m2{background:#f97316}.m3{background:#2563eb}.m4{background:#dc2626}.metric strong{display:block;font-size:32px;margin-top:10px}.panel{padding:22px;border-radius:16px;background:#fff;box-shadow:0 6px 20px #0f172a0d}.table-responsive{max-height:620px}.form-card{border:1px solid #e5e7eb;border-radius:14px;padding:18px;background:#fafafa}.module-dashboard{background:linear-gradient(135deg,#f6faf8 0%,#eef7f3 42%,#f8fafc 100%)}.module-dashboard .topbar{background:rgba(255,255,255,.86);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(15,23,42,.08);border:0}.module-dashboard .content{padding:28px}.module-dashboard .sidebar{box-shadow:12px 0 34px rgba(15,23,42,.14)}@media(max-width:900px){.sidebar{position:static;width:auto}.main{margin:0}.topbar{flex-wrap:wrap;gap:10px}.content{padding:15px}.module-dashboard .content{padding:16px}}
.sidebar,.sidebar *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.sidebar h1,.sidebar a,.sidebar summary,.sidebar span,.sidebar small,.menu-category-title>span:last-child,.menu-item-label{text-shadow:none!important}.menu-category-title>span:last-child,.sidebar .menu-home span,.menu-item-label{letter-spacing:0}
.sidebar .text-center.p-2{position:relative;margin:0 0 10px;padding:12px!important;border:1px solid rgba(45,212,191,.34);border-radius:18px;background:linear-gradient(145deg,rgba(20,184,166,.28),rgba(15,23,42,.82) 58%,rgba(45,212,191,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -16px 26px rgba(2,6,23,.25),0 15px 26px rgba(2,6,23,.24),0 0 0 1px rgba(15,118,110,.18);overflow:hidden;transform:perspective(700px) rotateX(2deg)}.sidebar .text-center.p-2:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 34%,rgba(255,255,255,.08) 58%,transparent 72%);pointer-events:none}.sidebar img[alt="Logo"]{position:relative;z-index:1;max-width:96px!important;max-height:72px!important;padding:6px;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 12px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.9);filter:drop-shadow(0 7px 8px rgba(0,0,0,.24)) saturate(1.08);transform:translateY(-1px)}.sidebar h1{position:relative;margin:0 0 4px!important;padding:12px 12px 14px!important;border:1px solid rgba(45,212,191,.36);border-radius:14px;background:linear-gradient(145deg,#119982,#0f766e 48%,#0b4f4d);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -10px 18px rgba(2,6,23,.2),0 13px 22px rgba(2,6,23,.22);color:#fff!important;text-shadow:0 1px 0 rgba(255,255,255,.14),0 3px 0 rgba(2,44,34,.28),0 11px 16px rgba(0,0,0,.28)!important}.sidebar h1:after{content:"";position:absolute;inset:1px 1px auto;height:44%;border-radius:13px 13px 8px 8px;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent);pointer-events:none}.sidebar a[href="medical_gas.php"]{position:relative;border-radius:13px!important;background:linear-gradient(145deg,#149b87,#0f766e 52%,#0b4f4d)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -10px 18px rgba(2,6,23,.22),0 14px 24px rgba(2,6,23,.24),0 0 0 1px rgba(45,212,191,.28)!important;text-shadow:0 2px 0 rgba(2,44,34,.32),0 11px 16px rgba(0,0,0,.28)!important;transform:perspective(700px) rotateX(1deg)}.sidebar a[href="medical_gas.php"]:before{content:"";position:absolute;inset:1px 1px auto;height:42%;border-radius:12px 12px 8px 8px;background:linear-gradient(180deg,rgba(255,255,255,.25),transparent);pointer-events:none}