:root{--accent:#28a745;--muted:#666;} /* green accent for pharmacy */
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial;margin:0;background:#f0fdf4;color:#222;}
.app{display:flex;min-height:100vh;}
.sidebar{width:240px;background:white;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.logo{font-weight:700;color:var(--accent);margin-bottom:12px;font-size:20px;}
.nav button{display:block;width:100%;padding:10px;border:0;background:transparent;text-align:left;margin:6px 0;border-radius:8px;cursor:pointer;}
.nav button.active{background:linear-gradient(90deg,#e0f7e9,#fff);box-shadow:inset 0 0 0 1px rgba(40,167,69,.3);}
.main{flex:1;padding:20px;}
.card{background:white;padding:14px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.04);margin-bottom:12px;}
h2{margin:0 0 12px;}
form.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;}
label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;}
input, select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #e6ecf2;background:#fbfffc;}
table{width:100%;border-collapse:collapse;margin-top:12px;}
th,td{padding:8px 10px;text-align:left;border-bottom:1px solid #f0f3f7;font-size:14px;}
.btn{padding:8px 10px;border-radius:8px;border:0;cursor:pointer;}
.btn.primary{background:var(--accent);color:white;}
.topbar{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap;}
.muted{color:var(--muted);font-size:13px;}
@media(max-width:800px){.sidebar{display:none;}}