:root{--navy:#14263f;--blue:#1769aa;--mint:#e8f7f3;--ink:#26354a}*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:var(--ink);font:13px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);color:#dce7f6;display:flex;flex-direction:column;z-index:1040;transition:transform .22s}.brand{display:flex;align-items:center;gap:10px;padding:19px 14px 12px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:#1c8b8a;color:white;border-radius:12px;font-size:22px}.brand small{display:block;color:#9fb5cf}.dev{padding:9px 18px 17px;color:#9fb5cf;font-size:11px;border-bottom:1px solid #31435b}.dev b{display:block;color:white}.sidebar nav{padding:12px 9px;display:grid;gap:4px}.sidebar nav a,.sidebar-bottom a{color:#dce7f6;text-decoration:none;padding:10px 11px;border-radius:8px;display:flex;align-items:center;gap:10px}.sidebar nav a:hover,.sidebar nav a:focus{background:#263d5a;color:white}.sidebar nav i{font-size:16px}.sidebar kbd{margin-left:auto;background:#314760;color:#cdd8e8;font-size:9px}.sidebar-bottom{margin-top:auto;padding:14px;border-top:1px solid #31435b;display:grid}.sidebar-bottom small{color:#9fb5cf;padding:4px 8px}.main-wrap{margin-left:250px;min-height:100vh;display:flex;flex-direction:column;transition:margin .22s}.topbar{height:70px;background:#fff;border-bottom:1px solid #e4eaf2;display:flex;align-items:center;gap:13px;padding:0 22px;position:sticky;top:0;z-index:1020}.topbar small{font-size:11px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e3f3ef;color:#157a70;font-weight:700}.app-footer{padding:15px 24px;margin-top:auto;color:#7b899c;font-size:11px}.app-footer span{float:right}.metric,.panel{border:1px solid #e5ebf3;border-radius:13px;background:white;box-shadow:0 4px 16px #243b5307}.metric{padding:18px;min-height:120px}.metric .icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#e8f3ff;color:#1769aa;font-size:19px}.metric h3{font-size:24px;margin:10px 0 0;font-weight:750}.metric p{margin:0;color:#74839a}.panel{padding:18px}.panel-title{font-size:15px;font-weight:700;margin-bottom:14px}.btn-primary{background:#1769aa;border-color:#1769aa}.form-label{font-weight:600;font-size:12px}.form-control,.form-select{font-size:13px;min-height:38px}.table{font-size:12px}.table thead th{background:#f5f8fc;color:#5b6c82;font-weight:650;white-space:nowrap}.pill{border-radius:20px;padding:5px 9px;font-size:11px}.shortcut{background:#f2f5fa;border:1px solid #dce4ef;border-radius:6px;padding:3px 7px;font-size:10px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(300px,42%) 1fr;background:white}.login-brand{background:linear-gradient(145deg,#10223a,#176d81);color:white;padding:8vw 5vw;display:flex;flex-direction:column;justify-content:center}.login-brand h1{font-size:34px;font-weight:800}.login-form{display:grid;place-items:center;padding:30px}.login-card{width:min(420px,100%)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad button{padding:12px;font-size:17px}.price-hint{font-size:11px;color:#63738b}.hide-desktop{display:none}@media(max-width:900px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-wrap{margin-left:0}.hide-desktop{display:inline-flex}.topbar{padding:0 12px}.topbar .badge{display:none}.app-footer span{float:none;display:block}.login-page{grid-template-columns:1fr}.login-brand{padding:30px}.login-brand h1{font-size:26px}}body.sidebar-collapsed .sidebar{transform:translateX(-100%)}body.sidebar-collapsed .main-wrap{margin-left:0}@media(min-width:901px){body.sidebar-collapsed .sidebar{transform:translateX(-100%)}body.sidebar-collapsed .main-wrap{margin-left:0}}

/* Metropolitan Chemist vivid refresh */
:root{--navy:#101a3a;--blue:#2355e6;--ink:#1d2943;--purple:#7c3aed;--teal:#00a6a6;--orange:#ff8a24}body{background:linear-gradient(135deg,#f5f7ff 0%,#f4fbff 45%,#fff8f0 100%);font-size:12px}.sidebar{background:linear-gradient(180deg,#111936,#172a58 60%,#102f47);box-shadow:7px 0 28px #11193618}.brand-mark{background:linear-gradient(135deg,#00c6ff,#7c3aed);box-shadow:0 6px 18px #00c6ff33}.topbar{box-shadow:0 4px 18px #192a4b08}.btn-primary{background:linear-gradient(120deg,#2355e6,#6d45dc);border:0;box-shadow:0 5px 13px #2355e622}.metric{position:relative;overflow:hidden;border:0;box-shadow:0 8px 26px #1a2b4d0b}.metric:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-25px;top:-30px;background:linear-gradient(135deg,#2355e610,#7c3aed14)}.panel{box-shadow:0 8px 28px #1a2b4d0a;border-color:#e8ecf5}.login-page{background:#fff;grid-template-columns:minmax(340px,45%) 1fr}.login-brand{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,#00c6ff55,transparent 32%),radial-gradient(circle at 80% 80%,#ff8a2444,transparent 30%),linear-gradient(145deg,#09112c,#173e82 55%,#087e8b);padding:5vw;isolation:isolate}.login-brand:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff19 1px,transparent 1px);background-size:20px 20px;z-index:-1}.login-brand h1{font-size:clamp(30px,3vw,46px);line-height:1.12;letter-spacing:-1px}.login-brand h1 span{color:#55e5ff}.dev-logo{width:min(100%,390px);max-height:150px;object-fit:contain;object-position:left center;margin-bottom:32px;filter:drop-shadow(0 12px 24px #0005);border-radius:8px}.brand-chip{align-self:flex-start;border:1px solid #ffffff44;border-radius:30px;padding:7px 13px;font-size:10px;letter-spacing:1.5px;color:#a9f6ff;background:#ffffff0e;margin-bottom:20px}.login-perks{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.login-perks span{padding:9px 12px;border-radius:12px;background:#ffffff15;border:1px solid #ffffff22;font-size:11px}.login-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#e0f2fe,#ede9fe);color:#4f46e5;font-size:23px}.login-card{width:min(460px,100%)}.login-tabs{padding:5px;background:#f0f3fb;border-radius:13px}.login-tabs .nav-link{flex:1;color:#5a6680;border-radius:10px;font-size:12px;padding:11px}.login-tabs .nav-link.active{background:linear-gradient(120deg,#2355e6,#7045db);box-shadow:0 4px 12px #2355e633}.pin-display{text-align:center;letter-spacing:10px;font-size:21px;font-weight:700;min-height:48px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad button{padding:12px;font-size:17px;font-weight:700;border:1px solid #e1e7f3;background:linear-gradient(135deg,#fff,#f5f7ff);border-radius:12px;box-shadow:0 3px 8px #1a2b4d0a}.keypad button:hover{background:#e8efff;color:#2355e6;transform:translateY(-1px)}.btn,.form-control,.form-select{border-radius:9px}.form-control:focus,.form-select:focus{border-color:#7c8df5;box-shadow:0 0 0 .2rem #6d45dc1b}@media(max-width:900px){.login-brand{padding:28px}.dev-logo{width:240px;max-height:90px;margin-bottom:20px}.login-brand h1{font-size:30px}.login-perks{margin-top:15px}}
.pos-actions{display:grid;grid-template-columns:repeat(4,auto);gap:7px}.pos-actions .btn{min-height:42px;font-weight:650}.keyboard-hints{font-size:10px;color:#7a879a}.keyboard-hints kbd{margin-right:3px;background:#eef2fb;color:#394765;border:1px solid #dbe2ef;border-radius:5px;padding:3px 6px}.product-result{border-left:4px solid #2355e6!important}.quick-action{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e7ebf4;border-radius:12px;text-decoration:none;color:#273653;background:linear-gradient(135deg,#fff,#f8faff);height:100%}.quick-action i{font-size:24px;color:#6d45dc}.quick-action:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a2b4d12}@media(max-width:700px){.pos-actions{grid-template-columns:repeat(2,1fr)}.pos-actions .flex-grow-1{grid-column:span 2}.keyboard-hints{display:none}}

/* v1.4 modular control centre */
body{font-size:10px}.sidebar nav a{font-size:10px;padding:8px 10px}.sidebar nav i{font-size:15px}.topbar{height:62px}.topbar b{font-size:12px}.panel-title{font-size:12px}.metric h3{font-size:21px}.metric p,.small,.form-label{font-size:10px}.table{font-size:10px}.btn{font-size:10px}.form-control,.form-select{font-size:10px;min-height:34px}.nav-special{background:linear-gradient(90deg,#3b2ca5,#087f8f)!important;color:#fff!important}.module-toggle{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border:1px solid #e7ebf4;border-radius:11px;background:linear-gradient(135deg,#fff,#f7f9ff);cursor:pointer}.module-toggle span{display:flex;align-items:center;gap:8px}.module-toggle small{display:block;color:#7d8aa0;margin-left:5px}.module-toggle input{width:36px;height:20px;accent-color:#635bdb}.branch-settings-card,.user-access-card{padding:12px;border:1px solid #e6ebf4;border-radius:12px;margin-bottom:10px;background:linear-gradient(135deg,#fff,#fafbff)}.pos-chip{padding:8px 11px;border-radius:10px;border:1px solid #dde5f2;background:#fff;font-weight:650;font-size:10px}.pos-chip.pharmacy{border-color:#93c5fd;background:#eff6ff}.pos-chip.agrovet{border-color:#86efac;background:#f0fdf4}.pos-chip.cosmetics{border-color:#fcd34d;background:#fffbeb}.pos-chip input{accent-color:#635bdb}.user-access-card{box-shadow:0 5px 15px #18264a08}.login-tabs .nav-link:nth-child(1).active{background:linear-gradient(120deg,#00a6ff,#5b35e8)!important}.login-tabs .nav-link:nth-child(2).active{background:linear-gradient(120deg,#ff7a18,#e83e8c)!important}.login-page{font-size:11px}.login-card .form-control{font-size:11px}.pos-panel{min-height:560px}.product-result{font-size:10px}.product-result b{font-size:11px}.product-result small{font-size:9px}