:root{
  --bg:#eef2f5;--panel:#ffffff;--panel2:#f7faf9;--ink:#15232f;--muted:#70808f;--line:#dfe7ea;
  --brand:#0b6b5c;--brand2:#075248;--brand3:#0f8a76;--sidebar:#102b2a;--sidebar2:#0c2524;
  --danger:#b42318;--danger-bg:#feeceb;--warn:#b26a00;--warn-bg:#fff4d8;--ok:#137a44;--ok-bg:#e8f7ef;
  --info:#2367a8;--info-bg:#eaf3fb;--shadow:0 8px 25px rgba(14,40,43,.10);--shadow-sm:0 2px 8px rgba(14,40,43,.06)
}
*{box-sizing:border-box}html,body{width:100%;height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans Bengali","Segoe UI",Arial,sans-serif;overflow:hidden}.hidden{display:none!important}button,input,select,textarea{font:inherit}.btn{border:0;border-radius:9px;padding:9px 13px;cursor:pointer;font-weight:600}.btn.primary{background:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand2)}.btn.secondary{background:#e8f3f1;color:var(--brand)}.btn.muted{background:#eef2f4;color:#425466}.btn.danger{background:var(--danger-bg);color:var(--danger)}.btn.warning{background:var(--warn-bg);color:var(--warn)}.btn.full{width:100%;padding:12px}.btn.sm{padding:6px 9px;font-size:12px}.danger-text{color:var(--danger)!important}.ok-text{color:var(--ok)!important}.warn-text{color:var(--warn)!important}.muted-text{color:var(--muted)!important}.right{text-align:right}.center{text-align:center}.mono{font-family:Consolas,monospace}

/* Login */
.auth-shell{height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 18%,rgba(34,166,141,.22),transparent 28%),linear-gradient(135deg,#0a2927,#0d4b43 55%,#0f7869);padding:22px}.login-window{width:min(900px,96vw);min-height:520px;display:grid;grid-template-columns:1.08fr .92fr;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.24)}.login-visual{position:relative;padding:42px;color:#fff;background:linear-gradient(155deg,#0d3f39,#0d6b5d 65%,#0a574d);display:flex;flex-direction:column;justify-content:space-between}.login-visual:after{content:"";position:absolute;right:-80px;bottom:-80px;width:250px;height:250px;border-radius:50%;border:40px solid rgba(255,255,255,.06)}.login-logo{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:38px}.eyebrow{font-size:11px;letter-spacing:1.4px;opacity:.7;margin-bottom:12px}.login-visual h1{margin:0;font-size:34px;line-height:1.25}.login-visual p{max-width:470px;line-height:1.8;font-size:14px;opacity:.84}.login-features{display:flex;flex-wrap:wrap;gap:7px;z-index:1}.login-features span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.11);font-size:11px}.login-panel{padding:44px 38px;display:flex;flex-direction:column;justify-content:center}.login-title-row{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.login-title-row h2{margin:0;font-size:24px}.login-title-row p{margin:5px 0 0;color:var(--muted);font-size:12px}.version-chip{font-size:11px;padding:5px 9px;background:#eef5f3;border-radius:999px;color:var(--brand)}label{display:block;margin:12px 0 6px;font-size:12px;font-weight:600;color:#50616f}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 11px;color:var(--ink);outline:none}textarea{min-height:80px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#3fa491;box-shadow:0 0 0 3px rgba(63,164,145,.10)}.password-wrap{display:flex;align-items:stretch}.password-wrap input{border-radius:9px 0 0 9px}.password-wrap button{width:42px;border:1px solid var(--line);border-left:0;background:#f7faf9;border-radius:0 9px 9px 0;cursor:pointer}.login-options{display:flex;justify-content:space-between;align-items:center;margin:10px 0 16px;color:var(--muted);font-size:10px}.check{display:flex;align-items:center;gap:6px;margin:0;font-weight:500}.check input{width:auto}.login-msg{min-height:24px;padding-top:9px;font-size:12px;color:var(--danger)}.demo-box{background:#f5f8f7;border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;font-size:11px;color:#50616f}.privacy-note{margin-top:12px;color:var(--muted);line-height:1.6}

/* Desktop */
.desktop{height:100vh;display:grid;grid-template-columns:224px 1fr;background:var(--bg)}.desktop.compact{grid-template-columns:66px 1fr}.sidebar{background:linear-gradient(180deg,var(--sidebar),var(--sidebar2));color:#e9f2f1;display:flex;flex-direction:column;min-height:0;box-shadow:4px 0 20px rgba(13,45,43,.09);z-index:4}.brand-box{height:70px;display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#0f7668;font-size:22px;flex:0 0 auto}.brand-box b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.brand-box span{font-size:9px;opacity:.62;white-space:nowrap}.nav{padding:9px 8px;overflow-y:auto;flex:1}.nav-group{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#87a5a1;padding:11px 10px 5px}.nav button{width:100%;border:0;background:transparent;color:#d7e5e3;border-radius:8px;text-align:left;padding:8px 9px;display:flex;align-items:center;gap:10px;cursor:pointer;margin:1px 0;font-size:12px}.nav button .nav-icon{width:22px;text-align:center;font-size:15px}.nav button:hover{background:rgba(255,255,255,.06)}.nav button.active{background:#0f7668;color:#fff;box-shadow:inset 3px 0 #83d3c3}.sidebar-footer{padding:10px 14px;border-top:1px solid rgba(255,255,255,.08)}.server-dot{display:flex;align-items:center;gap:7px;font-size:10px;color:#b7d0cc}.server-dot i{width:7px;height:7px;border-radius:50%;background:#4ed394;box-shadow:0 0 0 3px rgba(78,211,148,.10)}.sidebar-footer small{display:block;margin-top:5px;color:#6f8b87;font-size:9px}.compact .brand-box>div:not(.brand-icon),.compact .nav button span:not(.nav-icon),.compact .nav-group,.compact .sidebar-footer span,.compact .sidebar-footer small{display:none}.compact .brand-box{justify-content:center;padding:8px}.compact .nav button{justify-content:center}.compact .nav button .nav-icon{width:auto;font-size:17px}
.workspace{min-width:0;display:grid;grid-template-rows:58px 1fr 25px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 3px rgba(0,0,0,.02);z-index:3}.page-meta{display:flex;align-items:center;gap:10px}.sidebar-toggle{border:0;background:#eef4f3;border-radius:7px;width:32px;height:32px;color:var(--brand);cursor:pointer}.page-meta b{display:block;font-size:15px}.page-meta span{display:block;color:var(--muted);font-size:9px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:7px}.search-global{width:220px;border:1px solid var(--line);border-radius:9px;background:#f8faf9;display:flex;align-items:center;padding:0 8px}.search-global input{border:0;background:transparent;box-shadow:none!important;padding:7px 6px;font-size:11px}.status-chip{font-size:10px;border-radius:999px;padding:6px 9px;font-weight:600}.status-chip.local{background:var(--ok-bg);color:var(--ok)}.status-chip.remote{background:var(--info-bg);color:var(--info)}.status-chip.blocked{background:var(--danger-bg);color:var(--danger)}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:8px;width:34px;height:34px;cursor:pointer;color:#526572}.user-menu{position:relative}.user-button{display:flex;align-items:center;gap:7px;border:0;background:transparent;cursor:pointer;padding:2px 3px}.avatar{width:33px;height:33px;border-radius:9px;background:linear-gradient(135deg,#0b6b5c,#16a085);color:#fff;display:grid;place-items:center;font-weight:700}.user-button b,.user-button small{display:block;text-align:left;line-height:1.1}.user-button b{font-size:11px}.user-button small{font-size:9px;color:var(--muted);margin-top:3px}.user-button i{font-style:normal;color:#83919b}.user-dropdown{position:absolute;right:0;top:43px;width:155px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:var(--shadow);z-index:20}.user-dropdown button{width:100%;border:0;background:transparent;padding:8px 9px;border-radius:7px;text-align:left;font-size:11px;cursor:pointer}.user-dropdown button:hover{background:#f4f7f6}
.content{overflow:auto;padding:14px}.statusbar{background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:9px;color:var(--muted)}

/* Pages */
.page-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}.page-head h2{font-size:18px;margin:0}.page-head p{margin:3px 0 0;font-size:10px;color:var(--muted)}.page-actions{display:flex;gap:7px}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:var(--shadow-sm);min-width:0}.stat-head{display:flex;justify-content:space-between;align-items:center}.stat-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#edf7f4}.stat-card .label{font-size:10px;color:var(--muted);margin-top:8px}.stat-card .value{font-size:19px;font-weight:800;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card .sub{font-size:9px;color:var(--muted);margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:10px;margin-top:10px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);min-width:0}.panel-head{padding:11px 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head b{font-size:12px}.panel-head span{font-size:9px;color:var(--muted)}.panel-body{padding:12px}.mini-bars{height:175px;display:flex;align-items:flex-end;gap:10px;padding:12px 5px 3px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.bar{width:72%;min-width:18px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#2d9c88,#0c6c5d);min-height:4px;position:relative}.bar.alt{background:linear-gradient(180deg,#9bb7b1,#6d8c86)}.bar-col small{font-size:8px;color:var(--muted)}.summary-list{display:grid;gap:5px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px dashed #e7edee;font-size:10px}.summary-row:last-child{border-bottom:0}.summary-row b{font-size:11px}.alert-list{display:grid;gap:7px}.alert-item{display:flex;align-items:center;justify-content:space-between;background:#f8faf9;border:1px solid #ebf0f0;padding:8px 9px;border-radius:9px;font-size:10px}.alert-item .tag{font-size:8px;padding:4px 6px;border-radius:999px;background:var(--warn-bg);color:var(--warn)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quick-card{border:1px solid var(--line);background:#fbfcfc;border-radius:10px;padding:10px;cursor:pointer;text-align:left}.quick-card:hover{border-color:#86bdb3;background:#f4faf8}.quick-card b{display:block;font-size:10px}.quick-card span{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.toolbar-left,.toolbar-right{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;min-width:145px;padding:7px 9px;font-size:10px}.table-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;font-size:10px}th,td{padding:8px 9px;border-bottom:1px solid #edf1f2;text-align:left;white-space:nowrap}th{background:#f7f9f9;color:#546570;font-weight:700;position:sticky;top:0;z-index:1}tbody tr:hover{background:#fbfdfc}tbody tr:last-child td{border-bottom:0}.table-empty{padding:35px;text-align:center;color:var(--muted)}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:600}.tag.ok{background:var(--ok-bg);color:var(--ok)}.tag.warn{background:var(--warn-bg);color:var(--warn)}.tag.danger{background:var(--danger-bg);color:var(--danger)}.tag.info{background:var(--info-bg);color:var(--info)}.action-row{display:flex;gap:4px}.mini-btn{border:1px solid var(--line);background:#fff;border-radius:6px;padding:4px 6px;font-size:9px;cursor:pointer}.mini-btn:hover{background:#f2f6f5}.amount{font-variant-numeric:tabular-nums;font-weight:600}.low-stock{background:#fff8f6!important}.row-total{font-weight:700;background:#fafcfc}
.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid .wide{grid-column:1/-1}.form-grid label{margin-top:4px}.form-section{padding-top:10px;margin-top:8px;border-top:1px solid var(--line)}.form-section-title{font-size:11px;font-weight:700;margin-bottom:7px}.line-items{border:1px solid var(--line);border-radius:9px;overflow:hidden}.line-head,.line-row{display:grid;grid-template-columns:1.8fr .7fr .8fr .8fr 34px;gap:5px;align-items:center;padding:6px}.line-head{background:#f6f9f8;font-size:9px;color:var(--muted);font-weight:700}.line-row{border-top:1px solid #edf1f2}.line-row input,.line-row select{font-size:10px;padding:6px}.calc-box{margin-left:auto;width:min(320px,100%);display:grid;gap:5px}.calc-row{display:flex;justify-content:space-between;font-size:10px}.calc-row.total{font-size:13px;font-weight:800;padding-top:6px;border-top:1px solid var(--line)}
.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.report-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;box-shadow:var(--shadow-sm)}.report-card:hover{border-color:#8fbfb6}.report-card .ri{font-size:22px}.report-card b{display:block;margin-top:8px;font-size:11px}.report-card span{font-size:9px;color:var(--muted)}.report-view{margin-top:10px}.settings-grid{display:grid;grid-template-columns:240px 1fr;gap:10px}.settings-menu{background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;height:max-content}.settings-menu button{width:100%;border:0;background:transparent;border-radius:8px;padding:9px 10px;text-align:left;font-size:10px;cursor:pointer}.settings-menu button.active,.settings-menu button:hover{background:#edf6f4;color:var(--brand)}.settings-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.notice{padding:9px 11px;border-radius:9px;font-size:10px;line-height:1.6}.notice.info{background:var(--info-bg);color:#285c86}.notice.warn{background:var(--warn-bg);color:#7c510c}.notice.success{background:var(--ok-bg);color:#176238}.backup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.backup-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.backup-card .big-icon{font-size:28px}.backup-card h3{font-size:12px;margin:8px 0 4px}.backup-card p{font-size:9px;color:var(--muted);line-height:1.7;min-height:45px}.profile-card{display:grid;grid-template-columns:150px 1fr;gap:15px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.profile-side{text-align:center}.profile-avatar{width:78px;height:78px;border-radius:20px;background:linear-gradient(135deg,#0b6b5c,#1ba889);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:800;margin:0 auto 8px}.profile-side b{font-size:12px}.profile-side span{display:block;font-size:9px;color:var(--muted)}

/* Modal / toast / lock */
.modal-back{position:fixed;inset:0;background:rgba(9,30,29,.48);display:grid;place-items:center;z-index:70010;padding:18px}.modal{width:min(820px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.modal.small{width:min(520px,96vw)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-head h3{margin:0;font-size:14px}.modal-close{width:28px;height:28px;border:0;border-radius:7px;background:#f0f4f4;cursor:pointer}.modal-body{padding:14px}.modal-actions{display:flex;justify-content:flex-end;gap:7px;padding:12px 15px;border-top:1px solid var(--line);position:sticky;bottom:0;background:#fff}.toast-root{position:fixed;right:14px;bottom:36px;z-index:70100;display:grid;gap:7px}.toast{min-width:240px;max-width:340px;background:#172d2b;color:#fff;border-radius:10px;padding:10px 12px;box-shadow:var(--shadow);font-size:10px;animation:toastin .18s ease}.toast.error{background:#8f2821}.toast.success{background:#176841}@keyframes toastin{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.lock-screen{position:fixed;inset:0;z-index:70200;background:rgba(7,24,23,.96);display:grid;place-items:center;color:#fff}.lock-card{text-align:center;max-width:480px;padding:30px}.lock-icon{font-size:55px}.lock-card h2{font-size:25px}.lock-card p{color:#b8cecb;line-height:1.7}.print-root{display:none}

@media(max-width:1080px){.stat-grid{grid-template-columns:repeat(3,1fr)}.search-global{display:none}.dashboard-grid{grid-template-columns:1fr}.report-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){body{overflow:auto}.desktop{grid-template-columns:66px 1fr}.brand-box>div:not(.brand-icon),.nav button span:not(.nav-icon),.nav-group,.sidebar-footer span,.sidebar-footer small{display:none}.brand-box{justify-content:center;padding:8px}.nav button{justify-content:center}.stat-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.form-grid.two{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.login-window{grid-template-columns:1fr}.login-visual{display:none}.top-actions .status-chip{display:none}.quick-grid{grid-template-columns:repeat(2,1fr)}.backup-grid{grid-template-columns:1fr}}
@media print{body{overflow:visible;background:#fff}.auth-shell,.desktop,.modal-back,.toast-root,.lock-screen{display:none!important}.print-root{display:block!important}.invoice-print{font-family:"Segoe UI",Arial,sans-serif;color:#111;padding:20px}.invoice-print h1,.invoice-print h2,.invoice-print p{margin:0}.invoice-print .print-head{display:flex;justify-content:space-between;border-bottom:2px solid #222;padding-bottom:12px;margin-bottom:14px}.invoice-print table{font-size:11px}.invoice-print th{position:static;background:#eee}.invoice-print .print-total{margin-left:auto;width:300px;margin-top:15px}.invoice-print .print-total div{display:flex;justify-content:space-between;padding:4px 0}.invoice-print .signs{display:flex;justify-content:space-between;margin-top:70px}.invoice-print .signs span{border-top:1px solid #222;padding-top:5px;width:160px;text-align:center;font-size:10px}}

/* ===== Professional v3 · Bahar Enterprise style auth / theme / download ===== */
:root[data-theme="teal"]{--brand:#0b6b5c;--brand2:#075248;--brand3:#0f8a76;--sidebar:#102b2a;--sidebar2:#0c2524;--accent-soft:#e9f6f3}
:root[data-theme="blue"]{--brand:#1f62a8;--brand2:#174c84;--brand3:#317ecb;--sidebar:#13283f;--sidebar2:#0f2033;--accent-soft:#eaf2fb}
:root[data-theme="green"]{--brand:#287a45;--brand2:#1e6035;--brand3:#3b9c5f;--sidebar:#173223;--sidebar2:#11281b;--accent-soft:#eaf6ee}
:root[data-theme="gold"]{--brand:#a56b12;--brand2:#7e500b;--brand3:#c98a24;--sidebar:#392a17;--sidebar2:#2b2013;--accent-soft:#fff5df}
:root[data-theme="violet"]{--brand:#6e4bab;--brand2:#533584;--brand3:#8965c7;--sidebar:#2a2139;--sidebar2:#21192e;--accent-soft:#f2edfb}

.auth-shell{padding:20px;background:radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--brand) 62%,#073944) 0,#061524 38%,#040b14 100%);overflow:auto}
.enterprise-login-window{width:min(1420px,calc(100vw - 40px));min-height:min(820px,calc(100vh - 40px));display:grid;grid-template-columns:1.02fr .98fr;border:1px solid color-mix(in srgb,var(--brand) 70%,#244a5b);border-radius:26px;overflow:hidden;background:#061323;box-shadow:0 30px 90px rgba(0,0,0,.46)}
.enterprise-login-visual{position:relative;min-height:780px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 40%,#052131),#06151e 62%,#081119)}
.enterprise-login-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 24% 18%,color-mix(in srgb,var(--brand) 24%,transparent),transparent 30%),linear-gradient(115deg,rgba(255,255,255,.025),transparent 48%)}
.enterprise-login-visual:after{content:"";position:absolute;inset:auto -100px -110px 20%;height:420px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 22%,transparent),transparent 66%);filter:blur(6px)}
.visual-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.visual-content{position:relative;z-index:2;height:100%;min-height:780px;padding:46px 42px 34px;color:#fff;display:flex;flex-direction:column}
.enterprise-brand-row{display:flex;gap:18px;align-items:center}.enterprise-logo{width:84px;height:84px;border:2px solid color-mix(in srgb,var(--brand3) 80%,white);border-radius:24px;display:grid;place-items:center;font-size:44px;background:rgba(6,34,42,.6);box-shadow:inset 0 0 25px color-mix(in srgb,var(--brand) 24%,transparent)}
.enterprise-name{font-size:31px;line-height:1;font-weight:900;letter-spacing:1px}.enterprise-name span{color:color-mix(in srgb,var(--brand3) 75%,#66fff1)}.enterprise-sub{font-size:16px;font-weight:700;margin-top:10px;color:#d5e4e9}
.visual-title{font-size:29px;font-weight:900;line-height:1.45;margin:48px 0 28px;color:#f6fbfc}.feature-list{display:grid;gap:11px;max-width:590px}.feature-list>div{display:flex;align-items:center;gap:14px;padding:11px 14px;border:1px solid rgba(190,235,238,.13);background:rgba(4,24,31,.44);border-radius:13px;font-size:15px}.feature-list i{width:39px;height:39px;border:1px solid color-mix(in srgb,var(--brand3) 78%,#45f5ec);border-radius:50%;display:grid;place-items:center;color:color-mix(in srgb,var(--brand3) 75%,#73fff2);font-style:normal;font-weight:800}.visual-contact{margin-top:auto;border:1px solid rgba(190,235,238,.17);border-radius:16px;padding:15px 17px;background:rgba(5,26,33,.54);width:max-content;max-width:100%;display:grid;gap:3px}.visual-contact b{font-size:19px}.visual-contact span{font-size:13px;color:#d1e1e5}.visual-contact small{font-size:11px;color:color-mix(in srgb,var(--brand3) 75%,#8dfff7)}
.enterprise-login-panel{padding:34px 42px 24px;background:linear-gradient(180deg,#08182b,#071525);color:#f4f8fb;display:flex;flex-direction:column;min-width:0}.login-panel-top{display:flex;gap:12px;align-items:stretch}.desktop-install-banner{flex:1;min-height:82px;border:1.5px solid color-mix(in srgb,var(--brand3) 78%,#2af0e4);border-radius:16px;display:flex;align-items:center;gap:14px;padding:13px 16px;color:#dff;background:#082034;box-shadow:inset 0 0 28px color-mix(in srgb,var(--brand) 8%,transparent);cursor:pointer;text-align:left}.desktop-install-banner:hover{background:#0a263d}.download-icon{width:46px;height:46px;border-radius:11px;background:color-mix(in srgb,var(--brand) 36%,#073042);color:color-mix(in srgb,var(--brand3) 76%,#66fff0);display:grid;place-items:center;font-size:30px;font-weight:900}.desktop-install-banner b{display:block;color:color-mix(in srgb,var(--brand3) 72%,#73fff0);font-size:15px}.desktop-install-banner small{display:block;color:#9db7c8;font-size:11px;margin-top:4px}.banner-arrow{margin-left:auto;color:color-mix(in srgb,var(--brand3) 72%,#73fff0);font-size:32px;line-height:1}.login-quick-controls{display:flex;flex-direction:column;gap:8px;align-items:stretch}.quick-control{width:50px;flex:1;border:1px solid #24455f;background:#0c2035;color:#e6f4f8;border-radius:12px;cursor:pointer}.enterprise-login-panel .version-chip{display:grid;place-items:center;padding:6px 8px;background:#0c2035;border:1px solid #24455f;color:#adc5d3;border-radius:10px;font-size:10px}
.modern-tabs{display:flex;gap:7px;margin:22px 0}.modern-tabs button{flex:1;border:1px solid #1b405e;background:#0b2138;color:#c8d7e4;padding:11px 8px;border-radius:10px;cursor:pointer;font-weight:700}.modern-tabs button.active{color:#dffffa;border-color:color-mix(in srgb,var(--brand3) 70%,#25e3d9);background:color-mix(in srgb,var(--brand) 37%,#0a2540);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 26%,transparent)}
.modern-auth-form{display:grid;gap:13px}.login-heading h2{font-size:27px;margin:0 0 5px;color:#fff}.login-heading p{margin:0 0 7px;color:#9db4c6;font-size:12px}.modern-auth-form>label>span,.register-grid label>span{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;color:#9db9cc;margin:0 0 6px}.field-wrap{display:flex;align-items:center;background:#0b1e34;border:1px solid #244b69;border-radius:11px;overflow:hidden}.field-wrap:focus-within{border-color:color-mix(in srgb,var(--brand3) 70%,#21dcd4);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.field-wrap input{border:0!important;background:transparent!important;color:#fff!important;border-radius:0!important;box-shadow:none!important;padding:13px 11px;font-size:14px}.field-icon{width:48px;text-align:center;font-size:18px;color:#a8c9e0;flex:0 0 auto}.password-field input{background:#eef4ff!important;color:#0b1930!important}.password-field button{height:44px;width:46px;border:0;background:#eef4ff;color:#42566e;cursor:pointer;border-radius:0}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a8c1d1;font-size:11px}.enterprise-login-panel .check{display:flex;align-items:center;gap:7px;margin:0;color:#b9cad6}.forgot-text{color:color-mix(in srgb,var(--brand3) 70%,#45ebe2)}.signin-btn{padding:13px!important;border-radius:11px!important;background:linear-gradient(90deg,color-mix(in srgb,var(--brand3) 88%,#4ce7d3),var(--brand))!important;box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 20%,transparent)}.signin-btn span{font-size:18px;margin-left:8px}.form-message{min-height:18px;color:#ffb6bd;font-size:11px}.enterprise-login-panel .demo-box{background:#0b1d30;border-color:#203b53;color:#9fb5c5}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.register-grid label{margin:0}.register-grid input{background:#0b1e34;color:#fff;border-color:#244b69}.compact-note{margin-top:0!important;font-size:9px!important}.device-card{margin-top:14px;border:1px solid color-mix(in srgb,var(--brand3) 68%,#0cc8c4);border-radius:13px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;background:#07303b;color:#ddffff}.device-card small{display:block;font-size:9px;color:#9dbdc8;letter-spacing:.06em}.device-card strong{display:block;color:color-mix(in srgb,var(--brand3) 72%,#5af4e8);font-family:ui-monospace,Consolas,monospace;font-size:11px;margin-top:3px;word-break:break-all}.device-card button{width:37px;height:37px;border:0;border-radius:9px;background:#0a2533;color:#d5f7f5;font-size:17px;cursor:pointer}.local-privacy-line{margin-top:auto;padding-top:13px;text-align:center;color:#6f91a8;font-size:9px;letter-spacing:.02em}

/* Theme panel */
.theme-panel{position:fixed;z-index:70020;width:260px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 48px rgba(15,40,45,.2);padding:12px}.theme-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.theme-panel-head b{font-size:12px}.theme-panel-head button{border:0;background:#eef3f3;width:27px;height:27px;border-radius:7px;cursor:pointer}.theme-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.theme-swatch{height:34px;border-radius:9px;border:2px solid #fff;outline:1px solid #dce4e7;cursor:pointer}.theme-swatch.active{outline:3px solid var(--ink)}.theme-swatch.teal{background:#0b6b5c}.theme-swatch.blue{background:#1f62a8}.theme-swatch.green{background:#287a45}.theme-swatch.gold{background:#a56b12}.theme-swatch.violet{background:#6e4bab}.appearance-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:12px;padding-top:11px;font-size:11px}.switch{position:relative;width:38px;height:21px;margin:0!important}.switch input{display:none}.switch i{position:absolute;inset:0;background:#cbd7da;border-radius:99px;cursor:pointer}.switch i:after{content:"";position:absolute;width:17px;height:17px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.15s}.switch input:checked+i{background:var(--brand)}.switch input:checked+i:after{transform:translateX(17px)}

/* App polish to match Bahar Enterprise light desktop */
.topbar{height:62px}.workspace{grid-template-rows:62px 1fr 25px}.top-actions .icon-btn:hover,.sidebar-toggle:hover{background:var(--accent-soft);color:var(--brand)}.avatar{background:linear-gradient(135deg,var(--brand2),var(--brand3))}.brand-icon{background:var(--brand)}.nav button.active{background:var(--brand);box-shadow:inset 3px 0 color-mix(in srgb,var(--brand3) 45%,#baffee)}.bar{background:linear-gradient(180deg,var(--brand3),var(--brand))}.settings-menu button.active,.settings-menu button:hover{background:var(--accent-soft);color:var(--brand)}

/* Dark appearance for business workspace */
body.dark-mode{--bg:#0d1420;--panel:#111b28;--panel2:#172231;--ink:#edf4f8;--muted:#8fa2b1;--line:#263544;--shadow:0 9px 26px rgba(0,0,0,.24);--shadow-sm:0 2px 9px rgba(0,0,0,.16)}
body.dark-mode .topbar,body.dark-mode .statusbar,body.dark-mode .panel,body.dark-mode .stat-card,body.dark-mode .table-card,body.dark-mode .report-card,body.dark-mode .settings-menu,body.dark-mode .settings-panel,body.dark-mode .backup-card,body.dark-mode .profile-card,body.dark-mode .user-dropdown,body.dark-mode .modal,body.dark-mode .theme-panel{background:var(--panel);color:var(--ink)}
body.dark-mode input,body.dark-mode select,body.dark-mode textarea,body.dark-mode .search-global,body.dark-mode .quick-card,body.dark-mode .alert-item,body.dark-mode .mini-btn,body.dark-mode .icon-btn,body.dark-mode .sidebar-toggle{background:#101a27;color:var(--ink);border-color:var(--line)}
body.dark-mode th{background:#14202d;color:#a7b7c4}body.dark-mode tbody tr:hover{background:#13202c}body.dark-mode .line-head{background:#14202d}body.dark-mode .line-row,body.dark-mode th,body.dark-mode td{border-color:#243240}body.dark-mode .theme-panel-head button{background:#172432;color:#dce8ee}body.dark-mode .user-dropdown button{color:var(--ink)}body.dark-mode .user-dropdown button:hover{background:#172432}

@media(max-width:1050px){.enterprise-login-window{grid-template-columns:1fr;min-height:auto}.enterprise-login-visual{display:none}.enterprise-login-panel{min-height:calc(100vh - 40px);padding:28px 24px}.local-privacy-line{margin-top:20px}}
@media(max-width:620px){.auth-shell{padding:8px}.enterprise-login-window{width:100%;min-height:calc(100vh - 16px);border-radius:18px}.enterprise-login-panel{padding:17px 13px;min-height:calc(100vh - 16px)}.desktop-install-banner{min-height:70px;padding:10px}.download-icon{width:40px;height:40px;font-size:25px}.desktop-install-banner b{font-size:12px}.desktop-install-banner small{font-size:9px}.modern-tabs button{font-size:10px;padding:9px 4px}.register-grid{grid-template-columns:1fr}.login-heading h2{font-size:23px}}

.register-grid .wide{grid-column:1/-1}


/* Compact centered enterprise login - 2026-10-13 */
.auth-shell{min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;padding:22px;overflow:auto}
.enterprise-login-window{width:min(1080px,calc(100vw - 44px));min-height:0;max-height:calc(100vh - 44px);margin:auto;grid-template-columns:.92fr 1.08fr;border-radius:20px;box-shadow:0 22px 64px rgba(0,0,0,.38)}
.enterprise-login-visual{min-height:640px}.visual-content{min-height:640px;padding:28px 32px 24px}.enterprise-logo{width:70px;height:70px;border-radius:20px;font-size:36px}.enterprise-name{font-size:26px}.enterprise-sub{font-size:13px;margin-top:7px}.visual-title{font-size:25px;line-height:1.3;margin:28px 0 18px}.feature-list{gap:7px}.feature-list>div{gap:11px;padding:8px 12px;border-radius:11px;font-size:13px}.feature-list i{width:34px;height:34px}.visual-contact{padding:10px 13px;border-radius:12px}.visual-contact b{font-size:16px}.visual-contact span{font-size:11px}
.enterprise-login-panel{padding:24px 30px 18px;min-height:0}.desktop-install-banner{min-height:66px;padding:10px 13px;border-radius:14px}.download-icon{width:40px;height:40px;font-size:25px}.modern-tabs{margin:15px 0}.modern-tabs button{padding:9px 7px}.modern-auth-form{gap:10px}.login-heading h2{font-size:24px}.field-wrap input{padding:11px 10px}.device-card{margin-top:10px;padding:9px 11px}.local-privacy-line{margin-top:8px;padding-top:8px}
@media(max-width:1050px){.auth-shell{align-items:center;padding:16px}.enterprise-login-window{width:min(560px,calc(100vw - 32px));min-height:0;max-height:calc(100vh - 32px);margin:auto;grid-template-columns:1fr;overflow:auto}.enterprise-login-visual{display:none}.enterprise-login-panel{min-height:0;padding:22px 24px 18px}}
@media(max-width:620px){.auth-shell{padding:8px}.enterprise-login-window{width:100%;min-height:0;max-height:calc(100vh - 16px);margin:auto;border-radius:16px}.enterprise-login-panel{min-height:0;padding:16px 14px}}


/* ===== Add-to-cart POS and full-page theme tint · 2026-10-13 ===== */
body:not(.dark-mode){--theme-canvas:color-mix(in srgb,var(--brand) 10%,#f4f8fa);--theme-surface:color-mix(in srgb,var(--brand) 3%,#fff);--theme-surface-2:color-mix(in srgb,var(--brand) 7%,#fff);--theme-border:color-mix(in srgb,var(--brand) 20%,#dfe7ea)}
body:not(.dark-mode),body:not(.dark-mode).desktop-windowed-bg{background:radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--brand) 18%,#eaf5f3),transparent 34%),linear-gradient(135deg,var(--theme-canvas),color-mix(in srgb,var(--brand) 14%,#eaf1f5))}
body:not(.dark-mode) #app,body:not(.dark-mode) .workspace,body:not(.dark-mode) .content{background:var(--theme-canvas)}
body:not(.dark-mode) .content{background-image:linear-gradient(145deg,color-mix(in srgb,var(--brand) 5%,transparent),transparent 45%)}
body:not(.dark-mode) .topbar,body:not(.dark-mode) .statusbar,body:not(.dark-mode) .panel,body:not(.dark-mode) .stat-card,body:not(.dark-mode) .table-card,body:not(.dark-mode) .report-card,body:not(.dark-mode) .settings-menu,body:not(.dark-mode) .settings-panel,body:not(.dark-mode) .backup-card,body:not(.dark-mode) .profile-card,body:not(.dark-mode) .user-dropdown,body:not(.dark-mode) .modal{background:var(--theme-surface);border-color:var(--theme-border)}
body:not(.dark-mode) .panel-head,body:not(.dark-mode) .modal-head,body:not(.dark-mode) .modal-actions,body:not(.dark-mode) .line-head,body:not(.dark-mode) thead,body:not(.dark-mode) .toolbar,body:not(.dark-mode) .search-global,body:not(.dark-mode) .icon-btn,body:not(.dark-mode) .mini-btn,body:not(.dark-mode) input,body:not(.dark-mode) select,body:not(.dark-mode) textarea{background:var(--theme-surface-2);border-color:var(--theme-border)}
body:not(.dark-mode) tbody tr:hover,body:not(.dark-mode) .quick-card:hover,body:not(.dark-mode) .alert-item{background:color-mix(in srgb,var(--brand) 6%,#fff)}
body:not(.dark-mode) .stat-icon,body:not(.dark-mode) .sidebar-toggle{background:color-mix(in srgb,var(--brand) 13%,#fff)}
.modal.pos-modal{width:min(1080px,calc(100vw - 48px));height:min(720px,calc(100vh - 48px));max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 38%,var(--line));box-shadow:0 28px 80px rgba(3,24,32,.34)}
.pos-modal .modal-head{padding:11px 15px}.pos-modal .modal-head h3{font-size:16px}.pos-modal .modal-body{padding:11px;min-height:0;overflow:hidden}.pos-modal .modal-actions{padding:10px 14px}.pos-modal .modal-actions .btn.primary{min-width:210px;font-size:13px}
.pos-shell{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:11px}.pos-catalog,.pos-cart{min-width:0;min-height:0;border:1px solid var(--theme-border,var(--line));border-radius:13px;background:var(--theme-surface,#fff)}.pos-catalog{display:flex;flex-direction:column;padding:11px}.pos-meta{grid-template-columns:.8fr .72fr 1.25fr;gap:8px}.pos-meta label{font-size:9px;margin:0 0 4px}.pos-meta input,.pos-meta select{padding:7px 9px;font-size:10px}
.pos-search-row{display:flex;gap:8px;align-items:center;margin:9px 0 7px}.pos-search{flex:1;margin:0;display:flex;align-items:center;border:1px solid var(--theme-border,var(--line));background:var(--theme-surface-2,#f8faf9);border-radius:10px;padding:0 10px}.pos-search span{font-size:19px;color:var(--brand)}.pos-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:9px 7px;font-size:11px}.pos-shortcut{white-space:nowrap;padding:8px 10px;border-radius:9px;background:var(--accent-soft);color:var(--brand);font-size:9px;font-weight:800}
.pos-categories{display:flex;gap:6px;overflow-x:auto;padding-bottom:7px}.pos-category{white-space:nowrap;border:1px solid var(--theme-border,var(--line));background:var(--theme-surface-2,#fff);color:var(--ink);border-radius:999px;padding:7px 11px;font-size:9px;cursor:pointer}.pos-category.active{background:var(--brand);border-color:var(--brand);color:#fff}.pos-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:auto;padding:2px 2px 5px;align-content:start}.pos-product-card{min-width:0;border:1px solid var(--theme-border,var(--line));background:var(--theme-surface-2,#fff);border-radius:12px;padding:10px;text-align:left;cursor:pointer;color:var(--ink);display:grid;gap:5px;box-shadow:var(--shadow-sm);transition:.16s}.pos-product-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 15%,transparent)}.pos-product-card[hidden]{display:none}.pos-product-top,.pos-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px}.pos-product-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--brand) 13%,#fff)}.pos-product-card b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-product-card small{font-size:8px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-product-bottom strong{font-size:13px;color:var(--brand)}.pos-product-bottom span{font-size:9px;font-weight:800;color:var(--brand)}
.pos-cart{display:flex;flex-direction:column;overflow:hidden}.pos-cart-head{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-bottom:1px solid var(--theme-border,var(--line))}.pos-cart-head h3{margin:0;font-size:15px}.pos-cart-head small{display:block;margin-top:3px;font-size:8px;color:var(--muted)}.pos-cart-list{min-height:0;overflow:auto;padding:8px;display:grid;align-content:start;gap:7px}.pos-cart-list .line-row{display:block;border:1px solid var(--theme-border,var(--line));border-radius:11px;background:var(--theme-surface-2,#fff);padding:8px}.pos-cart-main{display:grid;grid-template-columns:34px 1fr 25px;gap:8px;align-items:center}.pos-cart-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 12%,#fff)}.pos-cart-main b{display:block;font-size:10px}.pos-cart-main small{display:block;font-size:7px;color:var(--muted);margin-top:2px}.pos-remove{width:25px;height:25px;border:0;border-radius:7px;background:var(--danger-bg);color:var(--danger);cursor:pointer}.pos-cart-controls{display:grid;grid-template-columns:28px 44px 28px 14px minmax(78px,1fr) auto;gap:4px;align-items:center;margin-top:7px}.pos-cart-controls>button{height:28px;border:1px solid var(--theme-border,var(--line));background:var(--theme-surface,#fff);border-radius:7px;cursor:pointer}.pos-cart-controls .line-qty{height:28px;text-align:center;padding:3px;font-size:9px}.pos-rate-wrap{height:28px;margin:0;display:flex;align-items:center;border:1px solid var(--theme-border,var(--line));border-radius:7px;padding-left:5px;font-size:9px}.pos-rate-wrap .line-rate{border:0!important;background:transparent!important;padding:3px!important;min-width:0;font-size:9px}.pos-line-total{font-size:10px;color:var(--brand);white-space:nowrap}.pos-multiply{font-size:9px;text-align:center;color:var(--muted)}.pos-cart-empty{margin:auto;text-align:center;color:var(--muted);display:grid;gap:5px;font-size:26px}.pos-cart-empty[hidden]{display:none}.pos-cart-empty b{font-size:12px;color:var(--ink)}.pos-cart-empty span{font-size:9px}
.pos-payment{border-top:1px solid var(--theme-border,var(--line));padding:9px 11px;display:grid;gap:7px}.pos-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pos-payment label{margin:0;font-size:8px}.pos-payment input{margin-top:3px;padding:7px 8px;font-size:10px}.pos-pay-full{border:0;border-radius:8px;padding:7px;background:var(--accent-soft);color:var(--brand);font-weight:800;font-size:9px;cursor:pointer}.pos-totals{display:grid;gap:4px}.pos-totals>div{display:flex;justify-content:space-between;font-size:9px}.pos-totals .grand{border-top:1px dashed var(--theme-border,var(--line));padding-top:6px;font-size:13px;color:var(--brand)}
body.dark-mode .pos-catalog,body.dark-mode .pos-cart,body.dark-mode .pos-product-card,body.dark-mode .pos-cart-list .line-row,body.dark-mode .pos-search{background:var(--panel);border-color:var(--line)}body.dark-mode .pos-product-icon,body.dark-mode .pos-cart-icon{background:#18293b}
@media(max-width:900px){.modal.pos-modal{width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:calc(100vh - 24px)}.pos-modal .modal-body{overflow:auto}.pos-shell{height:auto;grid-template-columns:1fr}.pos-catalog{min-height:520px}.pos-cart{min-height:480px}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.modal-back{padding:5px}.modal.pos-modal{width:100%;height:calc(100vh - 10px);max-height:calc(100vh - 10px);border-radius:10px}.pos-meta{grid-template-columns:1fr 1fr}.pos-meta>div:last-child{grid-column:1/-1}.pos-product-grid{grid-template-columns:1fr 1fr}.pos-search-row{align-items:stretch}.pos-shortcut{display:none}.pos-cart-controls{grid-template-columns:27px 42px 27px 12px 1fr}.pos-line-total{grid-column:1/-1;text-align:right}.pos-modal .modal-actions .btn.primary{min-width:0;flex:1}}


/* ===== POS embedded inside main content area · 2026-10-13 ===== */
.pos-inline-page{height:calc(100% - 62px);min-height:520px;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:10px;border:1px solid var(--theme-border,var(--line));border-radius:14px;background:var(--theme-surface,#fff);box-shadow:var(--shadow-sm)}
.pos-inline-page .pos-shell{height:auto;min-height:0}
.pos-inline-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid var(--theme-border,var(--line));background:var(--theme-surface,#fff)}
.pos-inline-actions .btn.primary{min-width:210px}
body:not(.dark-mode) .pos-inline-page,body:not(.dark-mode) .pos-inline-actions{background:var(--theme-surface);border-color:var(--theme-border)}
body.dark-mode .pos-inline-page,body.dark-mode .pos-inline-actions{background:var(--panel);border-color:var(--line)}
@media(max-width:900px){.pos-inline-page{height:auto;min-height:0;overflow:visible;display:block}.pos-inline-page .pos-shell{height:auto}.pos-inline-actions{position:sticky;bottom:0;z-index:5;margin-top:10px;padding:10px}.pos-inline-actions .btn{flex:1}.pos-inline-actions .btn.primary{min-width:0}}
@media(max-width:560px){.pos-inline-page{padding:6px;border-radius:10px}.pos-inline-page .pos-catalog{min-height:520px}.pos-inline-page .pos-cart{min-height:480px}}


/* ===== Theme-linked sidebar and navigation · 2026-10-13 ===== */
.sidebar{background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--brand3) 30%,transparent),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--brand) 48%,#07191c),color-mix(in srgb,var(--brand2) 40%,#050b0f));border-right:1px solid color-mix(in srgb,var(--brand3) 34%,transparent);box-shadow:5px 0 24px color-mix(in srgb,var(--brand) 20%,transparent)}
.brand-box{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 22%,transparent),color-mix(in srgb,var(--brand3) 10%,transparent));border-bottom-color:color-mix(in srgb,var(--brand3) 30%,transparent)}
.brand-icon{background:linear-gradient(135deg,var(--brand3),var(--brand));box-shadow:0 7px 18px color-mix(in srgb,var(--brand) 40%,transparent),inset 0 1px rgba(255,255,255,.26)}
.brand-box span{color:color-mix(in srgb,var(--brand3) 34%,#d8e7e8);opacity:1}
.nav-group{color:color-mix(in srgb,var(--brand3) 54%,#b9cdd0)}
.nav button{color:color-mix(in srgb,var(--brand3) 18%,#edf5f5)}
.nav button:hover{background:color-mix(in srgb,var(--brand3) 18%,transparent);color:#fff}
.nav button.active{background:linear-gradient(105deg,var(--brand),var(--brand3));color:#fff;box-shadow:inset 4px 0 color-mix(in srgb,var(--brand3) 25%,#fff),0 7px 17px color-mix(in srgb,var(--brand) 28%,transparent)}
.nav button.active .nav-icon{filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.sidebar-footer{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 9%,transparent),color-mix(in srgb,var(--brand2) 18%,transparent));border-top-color:color-mix(in srgb,var(--brand3) 30%,transparent)}
.server-dot{color:color-mix(in srgb,var(--brand3) 36%,#dcebea)}
.server-dot i{background:color-mix(in srgb,var(--brand3) 62%,#66f4ae);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand3) 22%,transparent)}
.sidebar-footer small{color:color-mix(in srgb,var(--brand3) 32%,#a9bec1)}
.avatar{background:linear-gradient(135deg,var(--brand3),var(--brand));box-shadow:0 5px 14px color-mix(in srgb,var(--brand) 28%,transparent)}
body.dark-mode .sidebar{background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--brand3) 24%,transparent),transparent 40%),linear-gradient(180deg,color-mix(in srgb,var(--brand) 34%,#05090d),#05080c)}

/* ===== Login and registration text contrast · 2026-10-14 ===== */
.enterprise-login-panel{color:#f7fbff}
.login-heading p{color:#d7e6f0;font-size:13px;line-height:1.6}
.modern-auth-form>label>span,
.register-grid label>span{color:#eef7fb;font-size:11px;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.enterprise-login-panel .check{color:#e3eef5}
.enterprise-login-panel .forgot-text{color:color-mix(in srgb,var(--brand3) 60%,#dff)}
.desktop-install-banner small{color:#d2e2ec}
.enterprise-login-panel .version-chip{color:#d6e5ee}
.enterprise-login-panel .demo-box{color:#dce8f0}
.device-card small{color:#d6e7ee;font-size:10px}
.local-privacy-line{color:#c5d7e3;font-size:10px}
.compact-note{font-size:10px!important;line-height:1.55;color:#1e4f78}
.register-grid input::placeholder,
.field-wrap input::placeholder{color:#708297;opacity:1}

/* ===== Register input text visibility · 2026-10-14 ===== */
.enterprise-login-panel #registerForm input,
.enterprise-login-panel .register-grid input{
  color:#102a43!important;
  -webkit-text-fill-color:#102a43!important;
  caret-color:#102a43;
}
.enterprise-login-panel #registerForm input::placeholder,
.enterprise-login-panel .register-grid input::placeholder{
  color:#66788d!important;
  -webkit-text-fill-color:#66788d!important;
  opacity:1;
}
.enterprise-login-panel #registerForm input:-webkit-autofill,
.enterprise-login-panel .register-grid input:-webkit-autofill{
  -webkit-text-fill-color:#102a43!important;
  box-shadow:0 0 0 1000px #e8f0fe inset!important;
}