:root{font-family:Inter,system-ui,sans-serif;color:#17213b;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#0b1739;color:#fff;padding:25px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 30px}.brand>span{background:#2d68ed;border-radius:12px;padding:10px;font-size:21px}.brand div{display:flex;flex-direction:column}.brand small,.account small{color:#96a4c5;margin-top:3px}.brand b{font-size:20px}aside nav{display:grid;gap:6px}aside nav a{padding:13px 15px;border-radius:10px;color:#aab6d2;text-decoration:none}aside nav a:hover,aside nav a.active{background:#1a2a52;color:#fff}.account{margin-top:auto;border-top:1px solid #29375b;padding:18px 8px 0;display:flex;flex-direction:column}.account a{color:#92b2ff;font-size:12px;margin-top:12px}main{margin-left:240px;min-height:100vh}header{height:90px;background:#fff;border-bottom:1px solid #e5e9f0;padding:0 36px;display:flex;align-items:center;position:sticky;top:0;z-index:10}header h1{margin:0;font-size:24px}header p,.panel-head p{margin:4px 0 0;color:#8791a7;font-size:13px}header .btn{margin-left:auto}.content{padding:28px 36px;max-width:1500px;margin:auto}.btn{border:0;border-radius:10px;padding:11px 17px;font-weight:700;cursor:pointer}.primary{background:#2866ed;color:#fff;box-shadow:0 5px 14px #2866ed35}.secondary{background:#edf2ff;color:#225bd1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.stats article{background:#fff;border:1px solid #e7eaf0;border-radius:15px;padding:21px;position:relative;overflow:hidden}.stats article:before{content:"";position:absolute;left:0;top:0;height:100%;width:5px;background:currentColor}.stats span{font-size:13px;color:#778198;font-weight:600}.stats strong{display:block;color:#17213b;font-size:26px;margin:9px 0 5px}.stats small{color:#808ba2}.blue{color:#2866ed}.purple{color:#8354df}.green{color:#15a570}.orange{color:#eb8b2b}.panel{background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:23px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-head h2{margin:0;font-size:18px}.panel-head a{color:#2866ed;text-decoration:none}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{text-align:left;font-size:12px;color:#8490a6;padding:12px;border-bottom:1px solid #e6eaf0}td{padding:14px 12px;border-bottom:1px solid #edf0f4;font-size:14px}td small{display:block;color:#8a94a8;margin-top:4px}.pill{background:#edf3ff;color:#245ed3;padding:6px 10px;border-radius:99px;text-transform:capitalize;font-size:12px}.active-text{color:#159660}.empty{min-height:200px;display:grid;place-content:center;text-align:center;color:#8a94a9;font-size:26px}.empty p{font-size:14px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.branch-card{border:1px solid #e7eaf0;border-radius:12px;padding:18px;display:flex;gap:12px;align-items:center}.branch-card span{background:#edf3ff;color:#2866ed;padding:10px;border-radius:9px}.alert{padding:12px 15px;border-radius:9px;margin-bottom:16px}.success{background:#e8f8f0;color:#087748}.error{background:#fff0f0;color:#b52d35}.filters{display:flex;align-items:end;gap:12px;margin-bottom:22px}.filters label{display:grid;gap:6px;font-size:12px;font-weight:700}input,select{height:44px;border:1px solid #dce1ea;border-radius:9px;padding:0 11px;background:#fff;color:#17213b}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#0b1739,#14357a)}.login-card{width:min(430px,100%);background:#fff;padding:34px;border-radius:20px;box-shadow:0 25px 80px #02091f88}.login-card h1{margin:10px 0 5px}.login-card>p{color:#7d879c;margin:0 0 25px}.login-logo{font-size:30px}.form-stack,.form-grid{display:grid;gap:15px}.form-grid{grid-template-columns:1fr 1fr}.form-stack label,.form-grid label{display:grid;gap:7px;font-size:13px;font-weight:700}.form-stack h3{margin:8px 0 0}.full{grid-column:1/-1}.inline-link{border:0;background:none;color:#2866ed;text-align:left;padding:0;font-size:12px}dialog{border:0;border-radius:18px;padding:24px;width:min(680px,calc(100% - 28px));box-shadow:0 25px 90px #06102f77}dialog::backdrop{background:#06112d99}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{margin:0}.dialog-head button{border:0;background:#eef1f6;border-radius:8px;font-size:24px;width:36px;height:36px}.mobile-nav{display:none}
@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){aside{display:none}main{margin:0;padding-bottom:70px}header{height:76px;padding:0 17px}header h1{font-size:20px}header p{display:none}.content{padding:16px}.stats{gap:10px}.stats article{padding:15px}.stats strong{font-size:20px}.stats small{font-size:11px}.panel{padding:15px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid #dfe4ed;justify-content:space-around;z-index:30}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8791a6;text-decoration:none;font-size:10px;gap:3px}.mobile-nav i{font-style:normal;font-size:18px}.mobile-nav .active{color:#2866ed}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.card-grid{grid-template-columns:1fr}.filters{align-items:stretch;flex-direction:column}.filters input,.filters button{width:100%}.login-card{padding:25px}}

.site-footer{margin-left:240px;padding:18px 24px 88px;text-align:center;color:#7d879b;font-size:13px}.site-footer a{color:#2866ed;font-weight:700;text-decoration:none}.site-footer a:hover{text-decoration:underline}@media(max-width:700px){.site-footer{margin-left:0;padding:16px 18px 84px}}


/* DilCare professional branding and themes */
:root{--bg:#f4f6f9;--surface:#fff;--surface-2:#f7f9fc;--text:#172033;--muted:#778197;--border:#e3e7ee;--brand:#d43b1f;--brand-dark:#073d2b;--shadow:0 12px 34px rgba(17,29,52,.08)}
html[data-theme="dark"]{--bg:#0d1420;--surface:#151e2d;--surface-2:#1b2637;--text:#f2f5fa;--muted:#9faac0;--border:#2a3649;--brand:#f05a36;--brand-dark:#0a3a2b;--shadow:0 12px 34px rgba(0,0,0,.28);color-scheme:dark}
body{background:var(--bg);color:var(--text);transition:background .2s,color .2s}.panel,.stats article,header,.mobile-nav,dialog,.login-card{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow)}header h1,.panel-head h2,.stats strong,td b,.dialog-head h2{color:var(--text)}header p,.panel-head p,.stats span,.stats small,th,td small{color:var(--muted)}td,th{border-color:var(--border)}input,select{background:var(--surface-2);border-color:var(--border);color:var(--text)}.primary{background:linear-gradient(135deg,#e14a28,#bf2b17);box-shadow:0 7px 18px rgba(212,59,31,.25)}.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}
.brand{padding-bottom:24px}.brand img{width:62px;height:45px;object-fit:cover;object-position:left;border-radius:8px;background:#fff}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.header-actions .btn{margin-left:0}.theme-toggle{width:42px;height:42px;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:20px;cursor:pointer}.login-theme{position:fixed;right:22px;top:22px;z-index:5}.login-page{background:radial-gradient(circle at 18% 12%,rgba(226,68,34,.95),transparent 37%),linear-gradient(135deg,#7f1d12 0%,#10251e 52%,#052f23 100%);position:relative}.login-page:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}.login-card{width:min(460px,100%);padding:38px 40px;border:1px solid rgba(255,255,255,.16);position:relative}.login-brand{text-align:center;margin-bottom:25px}.login-brand img{display:block;width:min(270px,82%);height:125px;object-fit:cover;object-position:left center;margin:0 auto 12px;border-radius:12px;background:#d83f21}.login-brand span{font-size:11px;font-weight:800;letter-spacing:.23em;color:var(--muted)}.login-card h1{text-align:center;font-size:28px}.login-card>p{text-align:center;color:var(--muted)}.login-secure{text-align:center;margin-top:18px;color:#159660;font-size:12px}.login-footer{text-align:center;margin-top:21px;padding-top:18px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.login-footer a,.site-footer a{color:var(--brand);font-weight:800;text-decoration:none}
.chart-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:23px}.chart-panel{min-height:340px}.chart-panel canvas{max-height:245px}.report-kpis{display:flex;gap:12px;margin:12px 0 22px}.report-kpis article{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:15px 18px}.report-kpis span{font-size:12px;color:var(--muted)}.report-kpis strong{display:block;font-size:22px;margin-top:5px}.panel h3{font-size:15px;margin:25px 0 10px}.site-footer{color:var(--muted)}
@media(max-width:900px){.chart-grid{grid-template-columns:1fr}.chart-panel{min-height:310px}}
@media(max-width:700px){.login-card{padding:28px 23px}.login-brand img{height:105px}.header-actions{gap:6px}.theme-toggle{width:38px;height:38px}.header-actions .print-btn{font-size:0;padding:9px}.header-actions .print-btn:first-letter{font-size:18px}.chart-panel{min-height:280px}.brand img{width:55px}}
@media print{aside,.mobile-nav,header,.filters,.site-footer,.theme-toggle,.btn{display:none!important}main{margin:0!important}.content{padding:0!important}.panel{box-shadow:none;border:0;padding:0}.table-wrap{overflow:visible}table{min-width:0;font-size:11px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;page-break-inside:avoid}body{background:#fff;color:#000}.panel h2:before{content:"DilCare Trading — "}}


/* Executive dashboard layout inspired by the supplied reference */
aside{background:linear-gradient(180deg,#063d2b 0%,#042a20 100%)}aside nav a:hover,aside nav a.active{background:rgba(221,66,35,.95)}.brand img{object-fit:contain;background:#fff;padding:3px}.dashboard-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard-title span{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--brand)}.dashboard-title h2{font-size:22px;margin:5px 0 0}.live-badge{font-size:12px;color:#08714e;background:rgba(8,113,78,.1);border:1px solid rgba(8,113,78,.18);padding:8px 11px;border-radius:99px}.kpi-six{grid-template-columns:repeat(6,1fr)}.kpi-six article{min-height:142px;display:flex;flex-direction:column;justify-content:center}.kpi-six article:before{width:100%;height:4px}.kpi-six strong{font-size:21px;white-space:normal}.red{color:#dd4324}.darkgreen{color:#064c36}.lower-charts{grid-template-columns:1fr 1fr}.chart-panel{border-top:4px solid #0a543d}.chart-panel:nth-child(even){border-top-color:#dc4325}
html[data-theme="dark"] aside{background:linear-gradient(180deg,#052f23,#031c16)}html[data-theme="dark"] .live-badge{color:#56d6a8;background:rgba(53,196,145,.1)}html[data-theme="dark"] .brand img{background:#e8e8e8}
@media(max-width:1350px){.kpi-six{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.kpi-six{grid-template-columns:repeat(2,1fr)}.lower-charts{grid-template-columns:1fr}}@media(max-width:700px){.dashboard-title h2{font-size:18px}.live-badge{display:none}.kpi-six article{min-height:120px}.kpi-six strong{font-size:18px}}


/* v2.2 polished DilCare interface */
:root{--red:#d63f20;--red-dark:#a92c17;--forest:#073f2d;--forest-2:#0b5a40;--cream:#fff8f3;--focus:rgba(214,63,32,.2)}
html[data-theme="light"] body{background:linear-gradient(135deg,#f6f7f9 0%,#fff8f3 100%)}html[data-theme="dark"] body{background:#08110f}
html[data-theme="dark"] header{background:rgba(18,29,27,.96)}html[data-theme="dark"] .panel,html[data-theme="dark"] .stats article,html[data-theme="dark"] dialog{background:linear-gradient(145deg,#14211f,#111c1b)}html[data-theme="dark"] .mobile-nav{background:#101b19}html[data-theme="dark"] .login-card{background:linear-gradient(145deg,#14211f,#0f1917)}
aside{box-shadow:8px 0 30px rgba(3,34,24,.14)}aside:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--red),#ff8a55)}aside nav a{font-weight:650;transition:transform .18s,background .18s}aside nav a:hover{transform:translateX(3px)}header{backdrop-filter:blur(14px);background:rgba(255,255,255,.92)}
.content{padding-top:22px}.dashboard-title{background:linear-gradient(110deg,var(--forest),#0b6546);color:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 12px 30px rgba(7,63,45,.2)}.dashboard-title span{color:#ff9a79}.dashboard-title h2{color:#fff}.live-badge{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#d6ffeb}
.stats{gap:13px}.stats article{border:0;box-shadow:0 8px 24px rgba(30,42,57,.075);transition:transform .18s,box-shadow .18s}.stats article:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(30,42,57,.12)}.stats article:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;right:-24px;top:-26px;background:currentColor;opacity:.08}.stats article strong{letter-spacing:-.035em}.panel{border:0;box-shadow:0 8px 28px rgba(28,39,55,.075)}.panel-head h2:after{content:"";display:block;width:30px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--red),#f38a50);margin-top:7px}.chart-panel{border-top:4px solid var(--forest-2)}.lower-charts .chart-panel{border-top-color:var(--red)}
.btn{transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.theme-toggle{width:auto;min-width:82px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:750;box-shadow:0 4px 12px rgba(22,34,48,.08)}.theme-icon{font-size:18px}.theme-label{font-size:12px}.login-theme{min-width:90px}.form-section-title{grid-column:1/-1;display:flex;align-items:center;gap:11px;padding:10px 0 2px;border-bottom:1px solid var(--border)}.form-section-title span{width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;display:grid;place-items:center;font-weight:850}.form-section-title div{display:flex;flex-direction:column}.form-section-title small{font-weight:500;color:var(--muted);margin-top:2px}.form-submit-bar{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px}.form-submit-bar small{color:var(--muted)}.sale-entry-form input:focus,.sale-entry-form select:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 4px var(--focus)}.sale-entry-form label{color:var(--text)}dialog#sale{border-top:5px solid var(--red)}
@media(max-width:1200px){.kpi-six{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){header{padding:0 14px}.header-actions .theme-toggle{min-width:38px;padding:0}.header-actions .theme-label{display:none}.dashboard-title{padding:17px;margin:-3px -1px 14px}.dashboard-title h2{font-size:18px}.dashboard-title .live-badge{display:none}.kpi-six{grid-template-columns:1fr 1fr}.kpi-six article{min-height:122px;padding:14px}.kpi-six article strong{font-size:18px}.chart-grid{gap:12px}.chart-panel{min-height:265px}dialog#sale{margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border-radius:0;border:0;border-top:5px solid var(--red);padding:16px 16px 92px}.dialog-head{position:sticky;top:-16px;background:var(--surface);z-index:4;padding:15px 0 12px;border-bottom:1px solid var(--border)}.sale-entry-form{grid-template-columns:1fr;gap:13px}.form-section-title{margin-top:5px}.form-submit-bar{position:fixed;left:0;right:0;bottom:0;border-radius:0;border-width:1px 0 0;padding:12px 16px;z-index:6}.form-submit-bar small{display:none}.form-submit-bar .btn{width:100%;justify-content:center}.sales-table-wrap{overflow:visible}.sales-table{min-width:0}.sales-table thead{display:none}.sales-table tbody{display:grid;gap:11px}.sales-table tr{display:grid;grid-template-columns:1fr auto;background:var(--surface-2);border:1px solid var(--border);border-left:4px solid var(--red);border-radius:12px;padding:12px}.sales-table td{display:block;border:0;padding:3px 4px}.sales-table td:nth-child(1){grid-column:1/2}.sales-table td:nth-child(2){grid-column:1/2;color:var(--muted)}.sales-table td:nth-child(3){grid-column:1/2;color:var(--muted);font-size:12px}.sales-table td:nth-child(4){grid-column:2/3;grid-row:2;color:var(--muted);font-size:11px;text-align:right}.sales-table td:nth-child(5){grid-column:2/3;grid-row:1;text-align:right;color:var(--forest-2)}.login-brand img{width:100%;object-fit:contain;background:var(--red);padding:5px}.mobile-nav a{min-width:66px}.site-footer{font-size:11px}}


/* v2.3 QA corrections */
.login-page main.login-card{margin-left:0;min-height:0;height:auto;max-height:calc(100dvh - 40px);overflow:auto}.login-page{align-items:center}.login-card .form-stack{gap:13px}.login-card input{height:46px}.login-card .btn{height:46px}.login-brand{margin-bottom:18px}.login-brand img{height:105px}.login-card h1{margin-top:4px}.login-card>p{margin-bottom:20px}.login-secure{margin-top:14px}.login-footer{margin-top:16px;padding-top:14px}
@media(max-height:720px) and (min-width:701px){.login-page main.login-card{max-width:420px;padding:22px 30px}.login-brand img{height:68px;width:190px}.login-brand{margin-bottom:10px}.login-card h1{font-size:23px}.login-card>p{margin-bottom:12px}.login-card .form-stack{gap:9px}.login-card input,.login-card .btn{height:41px}.login-secure{margin-top:9px}.login-footer{margin-top:10px;padding-top:9px}}
@media(max-width:700px){.login-page{display:flex;align-items:center;justify-content:center;padding:14px;min-height:100dvh}.login-page main.login-card{width:100%;max-width:410px;max-height:calc(100dvh - 28px);padding:22px 19px;border-radius:17px}.login-theme{top:18px;right:18px;min-width:40px;width:40px;height:40px;padding:0;z-index:10}.login-theme .theme-label{display:none}.login-brand{margin-bottom:13px}.login-brand img{width:210px;height:76px}.login-brand span{font-size:9px}.login-card h1{font-size:23px;margin:4px 0}.login-card>p{font-size:13px;line-height:1.4;margin-bottom:15px}.login-card .form-stack{gap:11px}.login-card input,.login-card .btn{height:44px}.login-secure{margin-top:11px}.login-footer{margin-top:12px;padding-top:11px}.content{padding:12px}.stats{margin-bottom:13px}.kpi-six article{min-height:110px}.panel{border-radius:13px}.panel-head{margin-bottom:13px}.chart-panel{min-height:245px}.mobile-nav{padding-bottom:max(0px,env(safe-area-inset-bottom));height:calc(64px + env(safe-area-inset-bottom))}main{padding-bottom:calc(68px + env(safe-area-inset-bottom))}}
@media(max-width:380px){.login-page main.login-card{padding:18px 15px}.login-brand img{width:180px;height:65px}.kpi-six{grid-template-columns:1fr}.kpi-six article{min-height:96px}.dashboard-title h2{font-size:16px}}


/* v2.4 master data, payment and CR workflow */
.app-version{display:inline-flex;width:max-content;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#b9d7cd;background:rgba(255,255,255,.08);padding:5px 8px;border-radius:99px;margin-bottom:9px}.master-layout{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:18px;align-items:start}.master-form{position:sticky;top:92px}.master-form>p{color:var(--muted);margin:-5px 0 20px}.master-list{display:grid;gap:9px}.master-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.master-list article>div:first-child,.colour-name>div{display:flex;flex-direction:column;gap:4px}.master-list small{color:var(--muted)}.row-actions{display:flex;align-items:center;gap:7px}.row-actions form{margin:0}.btn-icon{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:7px 9px;font-weight:700;cursor:pointer}.btn-icon.danger{color:#c33b26}.colour-name{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.colour-name i{width:24px;height:24px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border)}.check-card{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;border:1px solid var(--border);background:var(--surface-2);padding:12px;border-radius:12px}.check-card input{width:19px;height:19px;margin:2px 0 0;accent-color:var(--red)}.check-card span{display:flex;flex-direction:column;gap:3px}.check-card small{color:var(--muted);font-weight:500}.cr-status{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:11px;font-weight:800;background:rgba(214,63,32,.1);color:var(--red)}.cr-status.received{background:rgba(240,167,40,.15);color:#9b6500}.cr-status.handed-over{background:rgba(8,113,78,.12);color:#08714e}.site-footer{gap:6px;flex-wrap:wrap}.site-footer span:after{content:"•";margin-left:6px;color:var(--muted)}
@media(max-width:900px){.master-layout{grid-template-columns:1fr}.master-form{position:static}}
@media(max-width:700px){.master-list article{align-items:flex-start;flex-direction:column}.row-actions{width:100%;justify-content:flex-end}.sales-table tr{grid-template-columns:1fr auto}.sales-table td:nth-child(1){grid-column:1}.sales-table td:nth-child(2){grid-column:1}.sales-table td:nth-child(3){grid-column:1}.sales-table td:nth-child(4){grid-column:2;grid-row:2}.sales-table td:nth-child(5){grid-column:2;grid-row:1}.site-footer span{width:100%}.site-footer span:after{display:none}}


/* v2.5 mobile navigation and searchable selects */
.mobile-brand{display:none}.choices{margin:0}.choices__inner{min-height:44px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:7px 10px}.is-focused .choices__inner,.is-open .choices__inner{border-color:var(--red);box-shadow:0 0 0 4px var(--focus)}.choices__list--dropdown,.choices__list[aria-expanded]{background:var(--surface);border-color:var(--border);color:var(--text);z-index:30}.choices__input{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}.choices__item--choice.is-highlighted{background:rgba(214,63,32,.1)!important}.login-footer small{display:block;color:var(--muted);margin-bottom:5px}
@media(max-width:700px){.mobile-brand{display:block;width:48px;height:38px;flex:0 0 auto}.mobile-brand img{width:48px;height:38px;object-fit:contain;border-radius:7px;background:var(--red);padding:2px}header{display:flex;gap:10px}header>div:nth-child(2){min-width:0}header h1{font-size:19px}.mobile-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));height:calc(70px + env(safe-area-inset-bottom));padding:5px 4px max(5px,env(safe-area-inset-bottom));border-top:1px solid var(--border);box-shadow:0 -8px 25px rgba(12,30,24,.12)}.mobile-nav a{min-width:0;gap:2px;border-radius:10px;padding:5px 2px;font-size:10px}.mobile-nav a i{font-size:20px;line-height:22px;font-style:normal}.mobile-nav a.active{background:rgba(214,63,32,.11);color:var(--red)}.mobile-nav .logout-mobile{color:#b33a27}.mobile-nav .logout-mobile i{font-size:22px}main{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.choices__list--dropdown,.choices__list[aria-expanded]{max-height:220px}}


/* v2.5.1 dropdown contrast and finish */
select,select option{background-color:#fff;color:#17231f}
.choices{position:relative;color:#17231f}
.choices__inner{display:flex;align-items:center;background:#fff!important;color:#17231f!important;border:1px solid #cfd8d4!important;box-shadow:0 1px 2px rgba(9,43,31,.04)}
.choices__list--single,.choices__list--single .choices__item,.choices__placeholder{color:#17231f!important}
.choices__placeholder{opacity:.68}
.choices[data-type*=select-one]::after{border-color:#52635d transparent transparent!important}
.choices.is-open[data-type*=select-one]::after{border-color:transparent transparent #52635d!important}
.choices__list--dropdown,.choices__list[aria-expanded]{background:#fff!important;color:#17231f!important;border:1px solid #cfd8d4!important;border-radius:10px!important;box-shadow:0 14px 35px rgba(7,42,30,.18)!important;margin-top:6px!important;overflow:hidden}
.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{color:#17231f!important;background:#fff!important;padding:11px 13px}
.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background:#fff0eb!important;color:#9f2e18!important}
.choices__input,.choices__list--dropdown .choices__input{background:#f4f7f6!important;color:#17231f!important;border:1px solid #d8dfdc!important;border-radius:8px!important;margin:9px!important;width:calc(100% - 18px)!important}
html[data-theme="dark"] select,html[data-theme="dark"] select option{background-color:#14211f;color:#f1f6f4}
html[data-theme="dark"] .choices{color:#f1f6f4}
html[data-theme="dark"] .choices__inner{background:#14211f!important;color:#f1f6f4!important;border-color:#334944!important;box-shadow:none}
html[data-theme="dark"] .choices__list--single,html[data-theme="dark"] .choices__list--single .choices__item,html[data-theme="dark"] .choices__placeholder{color:#f1f6f4!important}
html[data-theme="dark"] .choices[data-type*=select-one]::after{border-color:#9fb2ac transparent transparent!important}
html[data-theme="dark"] .choices.is-open[data-type*=select-one]::after{border-color:transparent transparent #9fb2ac!important}
html[data-theme="dark"] .choices__list--dropdown,html[data-theme="dark"] .choices__list[aria-expanded]{background:#101b19!important;color:#f1f6f4!important;border-color:#3b504b!important;box-shadow:0 18px 42px rgba(0,0,0,.5)!important}
html[data-theme="dark"] .choices__list--dropdown .choices__item,html[data-theme="dark"] .choices__list[aria-expanded] .choices__item{background:#101b19!important;color:#f1f6f4!important}
html[data-theme="dark"] .choices__list--dropdown .choices__item--selectable.is-highlighted,html[data-theme="dark"] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background:#263b36!important;color:#ff9879!important}
html[data-theme="dark"] .choices__input,html[data-theme="dark"] .choices__list--dropdown .choices__input{background:#0b1513!important;color:#fff!important;border-color:#3b504b!important}