/* MBI Pharmacy - Design 1: navy #0b2540 + green #0e9f6e, white cards */
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f1f5f4;color:#10231f}
a{color:#0e9f6e}.topbar{display:none}
.layout{display:flex;min-height:100vh}
.sidebar{width:250px;background:#0b2540;color:#fff;padding:20px 14px;position:sticky;top:0;height:100vh}
.logo{font-weight:800;font-size:20px;letter-spacing:.3px}.logo small{display:block;font-size:11px;color:#8ecfc0;letter-spacing:1.5px}
.nav{margin-top:28px;display:flex;flex-direction:column;gap:6px}
.nav button{background:transparent;border:0;color:#cfe3de;text-align:left;padding:11px 12px;border-radius:10px;font-size:15px;cursor:pointer}
.nav button.active,.nav button:hover{background:#0e9f6e;color:#fff}
.main{flex:1;padding:22px 26px}
.searchbar{display:flex;gap:12px;align-items:center;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.searchbar input{flex:1;border:1px solid #ddd;border-radius:8px;padding:10px;font-size:15px}
.badge{background:#fee2e2;color:#b91c1c;padding:4px 10px;border-radius:20px;font-size:13px}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#fef3c7;color:#92400e}
h1{font-size:26px;margin:18px 0 4px}.muted{color:#64748b;margin:0 0 16px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.card .label{color:#64748b;font-size:14px}.card .big{font-size:28px;font-weight:800;margin:6px 0}.card .trend{color:#0e9f6e;font-size:13px}
.grid2{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}
.grid2 .card h3,.card h3{margin:0 0 10px}
table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:#64748b;padding:8px 6px;border-bottom:1px solid #eee}td{padding:9px 6px;border-bottom:1px solid #f1f1f1}
input,select,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:15px;margin:6px 0}
button.primary{background:#0e9f6e;color:#fff;border:0;padding:11px 18px;border-radius:10px;font-size:15px;cursor:pointer}
button.secondary{background:#0b2540;color:#fff;border:0;padding:11px 18px;border-radius:10px;font-size:15px;cursor:pointer}
.formrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hidden{display:none!important}
.loginwrap{max-width:420px;margin:80px auto;background:#fff;padding:28px;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.08)}
.loginwrap h1{color:#0b2540}.alert{padding:10px 12px;border-radius:8px;background:#fef3c7;margin:10px 0}
@media(max-width:900px){.sidebar{width:200px}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}
@media(max-width:640px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.cards{grid-template-columns:1fr}}
@media print{body *{visibility:hidden}.printarea,.printarea *{visibility:visible}.printarea{position:absolute;left:0;top:0;width:100%}}