:root{--navy:#11263d;--navy-2:#183650;--brand:#087f8c;--brand-2:#0b9aa8;--accent:#ee7b30;--ink:#172033;--muted:#6b778c;--line:#dce3ec;--surface:#fff;--canvas:#f4f7fb;--danger:#c43d4b;--shadow:0 10px 30px rgba(28,45,72,.08)}
*{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-size:.92rem}
a{text-decoration:none}
.app-shell{display:flex;min-height:100vh}
.app-sidebar{position:fixed;inset:0 auto 0 0;width:250px;z-index:1040;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--navy),#0d1e31);color:#fff;transition:transform .25s ease}
.brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 22px;color:#fff;border-bottom:1px solid rgba(255,255,255,.09)}
.brand:hover{color:#fff}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand-2),var(--accent));font-weight:900;font-size:1.1rem}
.brand strong,.brand small{display:block}.brand strong{font-size:1rem;letter-spacing:.04em}.brand small{color:#9fb0c2;font-size:.67rem;margin-top:1px}
.side-nav{padding:14px 12px;overflow-y:auto;flex:1}.nav-group-label{padding:16px 11px 7px;color:#72889f;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.side-link{display:flex;align-items:center;gap:11px;color:#c4cfda;padding:9px 10px;border-radius:8px;margin:2px 0;font-weight:600;transition:.18s}
.side-link:hover{background:rgba(255,255,255,.07);color:#fff}.side-link.active{background:#fff;color:var(--navy);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.nav-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:rgba(255,255,255,.09);font-size:.6rem;font-weight:900}.side-link.active .nav-icon{background:#e5f5f6;color:var(--brand)}
.sidebar-footer{padding:17px 22px;border-top:1px solid rgba(255,255,255,.09);color:#758ba1}.company-caption{color:#d6dee6;font-weight:700;font-size:.77rem}
.app-main{width:100%;min-width:0;margin-left:250px}.app-topbar{height:76px;position:sticky;top:0;z-index:1020;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.page-context span,.page-context strong{display:block}.page-context span{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-weight:700}.page-context strong{font-size:1.08rem}
.topbar-actions,.user-menu{display:flex;align-items:center}.topbar-actions{gap:20px}.user-menu{gap:10px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#dff3f4;color:var(--brand);font-weight:900}
.user-copy strong,.user-copy small{display:block;line-height:1.25}.user-copy small{color:var(--muted);font-size:.69rem}.logout-link{margin-left:8px;color:var(--muted);font-size:.78rem;font-weight:700}.logout-link:hover{color:var(--danger)}
.period-chip{border:1px solid var(--line);background:#f8fafc;border-radius:8px;padding:8px 11px;color:#4c596c;font-size:.75rem;font-weight:700}.live-dot{display:inline-block;width:7px;height:7px;background:#26a269;border-radius:50%;margin-right:7px}
.app-content{padding:24px;max-width:1680px;margin:auto}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--navy),var(--navy-2));color:#fff;border-radius:12px;padding:22px 24px;box-shadow:var(--shadow)}
.hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-70px;top:-120px;background:linear-gradient(135deg,rgba(11,154,168,.35),rgba(238,123,48,.28))}.hero>*{position:relative;z-index:1}.hero .text-white-50{color:#aebdca!important}.fw-black{font-weight:800}
.cardx{border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 3px 14px rgba(28,45,72,.045)}.metric{padding:17px 18px;border-left:3px solid var(--brand)}
.metric .label{font-size:.66rem;text-transform:uppercase;color:var(--muted);font-weight:800;letter-spacing:.07em}.metric .value{font-size:1.25rem;font-weight:800;color:var(--ink);margin-top:3px}
.table{margin-bottom:0;vertical-align:middle}.table>:not(caption)>*>*{padding:.78rem .7rem;border-bottom-color:#e8edf3}.table th{font-size:.64rem;text-transform:uppercase;color:#667489;background:#f7f9fc;letter-spacing:.06em;white-space:nowrap}.table td{font-size:.83rem}
.form-control,.form-select{border-color:#cfd8e4;border-radius:7px;min-height:40px;font-size:.87rem}.form-control:focus,.form-select:focus{border-color:var(--brand-2);box-shadow:0 0 0 .2rem rgba(11,154,168,.12)}
label{font-size:.72rem;font-weight:700;color:#536176;margin-bottom:5px}.btn{border-radius:7px;font-weight:700;font-size:.82rem;padding:.55rem .9rem}.btn-primary{background:var(--brand);border-color:var(--brand)}.btn-primary:hover{background:#066c77;border-color:#066c77}.btn-dark{background:var(--navy);border-color:var(--navy)}
.status{display:inline-flex;padding:.27rem .56rem;border-radius:5px;font-size:.62rem;font-weight:800;letter-spacing:.04em}.RUNNING,.DONE,.RECEIVED,.PAID{background:#dcf5ea;color:#116b4c}.STOPPED{background:#fde5e7;color:#a22e3a}.MOLD_CHANGE,.OPEN,.DRAFT,.PENDING,.UNPAID,.AWAITING_PAYMENT{background:#fff0d9;color:#92550d}.MAINTENANCE,.INVOICED,.DISPATCHED,.PART_DISPATCHED{background:#e2ecfb;color:#285a9f}.BADGE{background:#e9e9fb;color:#45459d}
.big-action{min-height:90px;border-radius:10px;font-size:.95rem}.mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-alert{border-radius:8px;border:0;box-shadow:var(--shadow)}
.sidebar-toggle{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:8px}.sidebar-toggle span{display:block;height:2px;background:var(--navy);margin:4px}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(9,22,36,.5);z-index:1030}
.process-choice{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:11px;padding:18px;color:var(--ink);transition:.18s;box-shadow:0 3px 14px rgba(28,45,72,.04)}.process-choice:hover,.process-choice.active{border-color:var(--brand);box-shadow:0 8px 22px rgba(8,127,140,.12)}.process-choice.active{background:#f1fbfb}.process-choice strong,.process-choice small{display:block}.process-choice small{color:var(--muted);margin-top:3px}.process-code{display:grid;place-items:center;min-width:48px;height:48px;border-radius:9px;background:#e7f4f5;color:var(--brand);font-size:.72rem;font-weight:900;letter-spacing:.05em}.process-choice.active .process-code{background:var(--brand);color:#fff}
.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.sheet-heading>div{display:flex;align-items:center;gap:10px}.sheet-heading h5{margin:0;font-weight:800}.sheet-heading small{color:var(--muted)}.sheet-step{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#e7f4f5;color:var(--brand);font-size:.7rem;font-weight:900}.form-section-title{padding:9px 12px;background:#f4f7fa;border-left:3px solid var(--brand);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#4f5d70}.calculated-field{background:#eef7f8!important;color:#126b74;font-weight:800}
.record-workspace{margin:-24px;background:#fff;min-height:calc(100vh - 76px)}.record-commandbar{position:sticky;top:76px;z-index:1010;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 20px;background:#fff;border-bottom:1px solid #d7dde5;box-shadow:0 2px 8px rgba(30,48,72,.04)}.command-group{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.command-button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#354256;padding:8px 10px;border-radius:4px;font-size:.76rem;font-weight:650}.command-button:hover{background:#eef3f8;color:var(--brand)}.command-button.primary{color:var(--brand)}.command-button.danger{color:var(--danger)}.command-icon{font-size:1rem;line-height:1}.record-breadcrumb{color:var(--muted);font-size:.7rem;white-space:nowrap}
.record-identity{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:18px 24px 15px;border-bottom:1px solid var(--line)}.record-eyebrow{color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.record-title{margin:4px 0 7px;font-size:1.45rem;font-weight:750;color:#1f2938}.record-subtitle{display:flex;gap:16px;flex-wrap:wrap;color:#5c6879;font-size:.76rem}.record-meta{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:18px;text-align:left}.record-meta span,.record-meta strong{display:block}.record-meta span{font-size:.61rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.record-meta strong{font-size:.76rem;margin-top:3px}
.process-rail{display:flex;align-items:stretch;background:#f7f9fb;border-bottom:1px solid var(--line);min-height:52px;overflow-x:auto}.process-label{display:flex;align-items:center;background:var(--brand);color:#fff;padding:0 18px;min-width:190px;font-size:.72rem;font-weight:800}.process-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:150px;padding:9px 18px;color:#667285;font-size:.7rem;font-weight:700}.process-stage:before{content:"";position:absolute;top:16px;left:-50%;width:100%;height:2px;background:#c8d0da}.process-stage:first-of-type:before{display:none}.stage-dot{position:relative;z-index:1;width:14px;height:14px;border:2px solid #aeb8c4;border-radius:50%;background:#fff}.process-stage.complete .stage-dot{border-color:var(--brand);background:var(--brand)}.process-stage.active{color:var(--ink)}.process-stage.active .stage-dot{border:4px solid var(--accent);background:#fff}.process-stage span:last-child{position:relative;z-index:1;background:#f7f9fb;padding:0 4px}
.record-tabs{display:flex;align-items:center;gap:22px;height:43px;padding:0 24px;border-bottom:1px solid var(--line);background:#fff;overflow-x:auto}.record-tab{height:43px;display:flex;align-items:center;border:0;border-bottom:3px solid transparent;background:none;color:#536074;font-size:.75rem;font-weight:700;white-space:nowrap}.record-tab.active{color:var(--brand);border-bottom-color:var(--brand)}
.record-body{padding:16px 20px 28px;background:#f4f6f9}.record-panel-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.6fr) minmax(230px,.7fr);gap:14px}.workspace-panel{background:#fff;border:1px solid #dbe1e8;min-width:0}.workspace-panel-header{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:9px 14px;border-bottom:1px solid #e3e8ee;font-size:.76rem;font-weight:800}.workspace-panel-body{padding:13px 14px}.detail-row{display:grid;grid-template-columns:minmax(95px,.8fr) minmax(120px,1.2fr);gap:12px;padding:9px 0;border-bottom:1px solid #edf0f4;font-size:.75rem}.detail-row:last-child{border-bottom:0}.detail-label{color:#697689}.detail-value{font-weight:700;color:#273346}.detail-value.accent{color:var(--brand)}.record-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.record-kpi{padding:14px;border-right:1px solid var(--line)}.record-kpi:last-child{border-right:0}.record-kpi span,.record-kpi strong{display:block}.record-kpi span{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.record-kpi strong{font-size:1.25rem;margin-top:4px}.record-kpi.danger strong{color:var(--danger)}
.timeline-empty{text-align:center;padding:35px 18px;color:var(--muted)}.timeline-empty strong{display:block;color:#465367;margin-bottom:5px}.insight-score{display:flex;align-items:end;gap:8px;padding:8px 0 14px}.insight-score strong{font-size:2.7rem;line-height:1;color:var(--ink)}.insight-score span{font-size:.68rem;color:#177958;background:#ddf5e9;padding:4px 7px;border-radius:10px}.insight-list{list-style:none;padding:0;margin:0}.insight-list li{position:relative;padding:7px 0 7px 15px;border-bottom:1px solid #edf0f4;color:#5c697a;font-size:.7rem}.insight-list li:before{content:"";position:absolute;left:1px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.advanced-modal .modal-content{border:0;border-radius:8px;box-shadow:0 24px 70px rgba(15,31,50,.25)}.advanced-modal .modal-header{padding:16px 20px;border-bottom:1px solid var(--line);background:#f8fafc}.advanced-modal .modal-title{font-size:1rem;font-weight:800}.advanced-modal .modal-body{padding:20px}.advanced-modal .modal-footer{padding:12px 20px;background:#f8fafc;border-top:1px solid var(--line)}.modal-context{font-size:.7rem;color:var(--muted);margin-top:2px}.modal-section{padding:9px 12px;margin:4px 0 2px;background:#eef3f7;color:#526074;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.modal-dialog.modal-xl{max-width:1040px}
.entry-table-wrap{max-height:420px;overflow:auto}.entry-table-wrap .table thead{position:sticky;top:0;z-index:2}.workspace-panel [data-tab-panel][hidden]{display:none!important}
.inventory-tabs{background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0}.inventory-panel{border-radius:0 0 10px 10px;overflow:hidden;box-shadow:var(--shadow)}.inventory-panel[hidden]{display:none!important}.inventory-panel .workspace-panel-header{background:#fff}.inventory-panel>.table-responsive{min-height:260px}.form-check-label{font-size:.75rem;color:#455267}.btn-danger{background:#b93645;border-color:#b93645}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(420px,.8fr);background:#fff}.login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;color:#fff;background:linear-gradient(145deg,#0d2034 5%,#123a53 60%,#087f8c)}
.login-story:before,.login-story:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.06)}.login-story:before{width:420px;height:420px;right:-130px;top:-100px}.login-story:after{width:280px;height:280px;left:-100px;bottom:-100px}
.login-brand{display:flex;align-items:center;gap:11px;font-size:1.05rem;letter-spacing:.04em;z-index:1}.login-message{max-width:650px;z-index:1}.login-kicker,.login-eyebrow{color:#79d3da;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:.68rem}
.login-message h1{font-size:clamp(2.2rem,4vw,4.1rem);line-height:1.04;font-weight:800;margin:18px 0}.login-message p{max-width:580px;color:#c4d5df;font-size:1.08rem}.login-features{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.login-features span{padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#deebf0;font-size:.76rem}.login-story>small{z-index:1;color:#87a7b8}.login-panel{display:grid;place-items:center;padding:40px;background:#f7f9fc}
.login-card{width:min(100%,420px)}.login-card h2{font-size:2rem;font-weight:800;margin:10px 0 5px}.login-card .form-control{min-height:46px}.login-help{text-align:center;color:var(--muted);font-size:.72rem;margin-top:24px}.login-mobile-brand{display:none}
@media(min-width:992px){.mobile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:991.98px){.app-sidebar{transform:translateX(-100%)}body.sidebar-open .app-sidebar{transform:translateX(0)}body.sidebar-open .sidebar-backdrop{display:block}.app-main{margin-left:0}.sidebar-toggle{display:block}.app-topbar{padding:0 15px;gap:12px}.page-context{margin-right:auto}.period-chip,.user-copy{display:none}.app-content{padding:15px}.logout-link{margin-left:0}.hero{padding:18px}.table-responsive{margin:0 -1rem;width:calc(100% + 2rem)}}
@media(max-width:1199.98px){.record-panel-grid{grid-template-columns:minmax(240px,.8fr) minmax(420px,1.4fr)}.record-panel-grid>.workspace-panel:last-child{grid-column:1/-1}.record-meta{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991.98px){.record-workspace{margin:-15px;min-height:calc(100vh - 66px)}.record-commandbar{top:66px;padding:6px 12px}.record-breadcrumb{display:none}.record-identity{padding:15px;display:block}.record-meta{margin-top:14px}.record-panel-grid{grid-template-columns:1fr}.record-panel-grid>.workspace-panel:last-child{grid-column:auto}.record-kpis{grid-template-columns:repeat(2,1fr)}.process-label{min-width:150px}.process-stage{min-width:125px}.command-button span:last-child{display:none}}
@media(max-width:575.98px){.record-meta{grid-template-columns:1fr 1fr}.record-kpis{grid-template-columns:1fr 1fr}.record-body{padding:10px}.record-tabs{padding:0 14px}.advanced-modal .modal-body{padding:14px}}
@media(max-width:900px){.login-shell{display:block;background:#f4f7fb}.login-story{display:none}.login-panel{min-height:100vh;padding:24px}.login-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:var(--shadow)}.login-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}}
@media(max-width:575.98px){.mobile-grid{grid-template-columns:1fr}.topbar-actions{gap:8px}.app-topbar{height:66px}.brand{height:66px}}
@media print{.app-sidebar,.app-topbar,.sidebar-backdrop,.no-print,.btn{display:none!important}.app-main{margin:0}.app-content{padding:0;max-width:none}.cardx,.hero{box-shadow:none!important;border:0!important}}

/* SmartPay360 Sage-style enterprise theme */
:root{
  --navy:#071b3d;
  --navy-2:#0b2858;
  --brand:#075ed8;
  --brand-2:#0089ff;
  --accent:#20a4f3;
  --ink:#17243a;
  --muted:#66758d;
  --line:#d8e1ee;
  --surface:#fff;
  --canvas:#edf2f8;
  --danger:#c7354b;
  --shadow:0 2px 9px rgba(20,45,86,.08);
}
body{background:var(--canvas);font-family:"Segoe UI",Inter,Arial,sans-serif;color:var(--ink);font-size:.875rem}
.app-sidebar{width:232px;background:#071b3d;border-right:1px solid #102d5b;box-shadow:4px 0 20px rgba(3,20,48,.1)}
.app-main{margin-left:232px}
.brand{height:68px;padding:0 16px;gap:10px;background:#06162f;border-bottom:1px solid rgba(255,255,255,.1)}
.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:10px;filter:drop-shadow(0 3px 7px rgba(0,90,255,.32))}
.brand strong{font-size:.96rem;letter-spacing:.01em}.brand small{font-size:.64rem;color:#91a9c9;letter-spacing:.04em}
.side-nav{padding:8px 9px 18px}.nav-group-label{padding:15px 10px 5px;color:#7088aa;font-size:.59rem;letter-spacing:.14em}
.side-link{min-height:38px;padding:6px 9px;margin:1px 0;border-radius:4px;color:#bac8da;font-size:.78rem;font-weight:600}
.side-link:hover{background:#0d2b59;color:#fff}.side-link.active{background:#075ed8;color:#fff;box-shadow:none}
.nav-icon{width:25px;height:25px;border-radius:3px;background:rgba(255,255,255,.08);font-size:.56rem}.side-link.active .nav-icon{background:rgba(255,255,255,.18);color:#fff}
.sidebar-footer{padding:13px 17px;background:#06162f}.company-caption{font-size:.7rem}
.app-topbar{height:68px;padding:0 20px;background:#fff;border-bottom:1px solid #cfd9e7;box-shadow:0 1px 5px rgba(20,43,78,.05)}
.page-context span{font-size:.58rem;color:#75839a}.page-context strong{font-size:1rem;color:#142541}
.topbar-search{display:flex;align-items:center;gap:9px;width:min(38vw,460px);height:34px;padding:0 10px;border:1px solid #d7dfeb;background:#f7f9fc;color:#8490a2;font-size:.72rem;border-radius:3px}
.topbar-search kbd{margin-left:auto;border:1px solid #d5ddea;background:#fff;color:#718097;font:600 .6rem "Segoe UI";padding:2px 5px;border-radius:3px}
.search-glyph{width:11px;height:11px;border:2px solid #6f8098;border-radius:50%;position:relative}.search-glyph:after{content:"";position:absolute;width:5px;height:2px;background:#6f8098;right:-5px;bottom:-2px;transform:rotate(45deg)}
.period-chip{height:32px;padding:7px 10px;border-radius:3px;background:#fff}.avatar{width:32px;height:32px;border-radius:4px;background:#e4efff;color:#075ed8}.logout-link{color:#075ed8}
.app-content{padding:18px 20px;max-width:none}
.hero{min-height:100px;padding:18px 20px;border-radius:4px;background:linear-gradient(108deg,#071b3d 0%,#075ed8 72%,#0089ff 100%);box-shadow:0 4px 14px rgba(7,65,152,.16)}
.hero:after{width:310px;height:310px;right:-90px;top:-190px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12)}
.hero h3{font-size:1.35rem}.hero .btn-light{border-color:#fff;color:#075ed8}
.cardx,.workspace-panel{border:1px solid #d5dfeb;border-radius:3px;box-shadow:var(--shadow)}
.metric{padding:14px 15px;border-left:0;border-top:3px solid #075ed8}.metric:nth-child(2){border-top-color:#0089ff}.metric:nth-child(3){border-top-color:#20a4f3}.metric:nth-child(4){border-top-color:#4f6fdc}
.metric .label{font-size:.59rem;color:#708096}.metric .value{font-size:1.18rem;color:#132746}
.workspace-panel-header{min-height:40px;padding:8px 12px;background:#f7f9fc;border-color:#dce4ef;color:#22344f;font-size:.72rem}
.table{--bs-table-bg:transparent}.table>:not(caption)>*>*{padding:.62rem .65rem}.table th{background:#edf2f8;color:#53647b;font-size:.59rem;border-bottom:1px solid #cbd6e4}.table td{font-size:.78rem;color:#26364d}.table tbody tr:hover{background:#f5f9ff}
.form-control,.form-select{min-height:36px;border-radius:3px;border-color:#c8d3e2;font-size:.8rem;background-color:#fff}
.form-control:focus,.form-select:focus{border-color:#0874ed;box-shadow:0 0 0 2px rgba(0,119,238,.11)}
label{font-size:.66rem;color:#4d5e75;margin-bottom:4px}.form-text{font-size:.66rem;color:#77869a}
.btn{border-radius:3px;padding:.47rem .78rem;font-size:.75rem;box-shadow:none}.btn-primary{background:#075ed8;border-color:#075ed8}.btn-primary:hover{background:#064fb8;border-color:#064fb8}.btn-dark{background:#122a4d;border-color:#122a4d}.btn-outline-primary{color:#075ed8;border-color:#84afe7}.btn-outline-primary:hover{background:#075ed8;border-color:#075ed8}
.status{border-radius:3px;padding:.22rem .46rem;font-size:.57rem}.RUNNING,.DONE,.RECEIVED,.PAID{background:#dff4e9;color:#14714b}.BADGE{background:#e3eeff;color:#0754bd}
.record-workspace{margin:-18px -20px;background:#f3f6fa;min-height:calc(100vh - 68px)}
.record-commandbar{top:68px;min-height:44px;padding:4px 17px;border-color:#d4dde9}.command-button{border-radius:3px;padding:7px 9px;font-size:.7rem}.command-button:hover{background:#e9f1fc;color:#075ed8}.command-button.primary{color:#075ed8}
.record-identity{padding:16px 20px 13px;background:#fff}.record-title{font-size:1.28rem;color:#142744}.record-meta{gap:14px}
.process-rail{min-height:46px;background:#f0f4f9}.process-label{min-width:185px;background:#075ed8;padding:0 15px}.process-stage{min-width:140px}.process-stage span:last-child{background:#f0f4f9}.process-stage.complete .stage-dot{border-color:#075ed8;background:#075ed8}.process-stage.active .stage-dot{border-color:#0089ff}
.record-tabs{height:40px;padding:0 20px;gap:20px}.record-tab{height:40px;font-size:.7rem}.record-tab.active{color:#075ed8;border-bottom-color:#075ed8}
.record-body{padding:14px 17px 24px;background:#edf2f7}.record-panel-grid{gap:11px}.workspace-panel-body{padding:11px 12px}.detail-row{padding:8px 0}.detail-value.accent{color:#075ed8}
.record-kpi{padding:12px}.record-kpi strong{font-size:1.14rem}.insight-score span{background:#e3eeff;color:#0754bd}
.advanced-modal .modal-content{border-radius:4px;box-shadow:0 22px 60px rgba(10,34,71,.25)}.advanced-modal .modal-header,.advanced-modal .modal-footer{background:#f3f6fa}.advanced-modal .modal-header{border-top:4px solid #075ed8}.modal-section{background:#e9eff7;border-left:3px solid #075ed8;color:#40536d}
.calculated-field{background:#eaf3ff!important;color:#0754bd!important}
.inventory-tabs{border-radius:3px 3px 0 0}.inventory-panel{border-radius:0 0 3px 3px}
.process-choice{border-radius:3px;padding:15px}.process-choice:hover,.process-choice.active{border-color:#075ed8;box-shadow:0 3px 10px rgba(7,94,216,.1)}.process-choice.active{background:#edf5ff}.process-code{border-radius:3px;background:#e3eeff;color:#075ed8}.process-choice.active .process-code{background:#075ed8}
.login-shell{background:#fff}.login-story{padding:42px 52px;background:linear-gradient(145deg,#06162f 0%,#075ed8 62%,#0089ff 100%)}.login-story:before,.login-story:after{background:rgba(255,255,255,.08)}
.login-logo{width:48px;height:48px;object-fit:contain;border-radius:11px}.login-message h1{font-size:clamp(2.1rem,3.6vw,3.7rem)}.login-kicker,.login-eyebrow{color:#72c4ff}.login-panel{background:#f2f5fa}.login-card h2{color:#142744}
.app-alert{border-radius:3px}
@media(max-width:1100px){.topbar-search{display:none}}
@media(max-width:991.98px){.app-main{margin-left:0}.app-content{padding:14px}.record-workspace{margin:-14px}.app-topbar{height:64px}.record-commandbar{top:64px}.hero{min-height:auto}}
@media print{body{background:#fff}.record-workspace{margin:0}}

/* Xero-inspired sales and stock workflow */
.sales-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:4px 2px}
.sales-page-head h2{margin:3px 0 3px;font-size:1.65rem;font-weight:600;color:#142744}.sales-page-head p{margin:0;color:var(--muted)}
.sales-register{overflow:hidden}.sales-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 14px;border-bottom:1px solid var(--line);background:#fff}
.sales-view-tabs{display:flex;align-items:center;overflow-x:auto}.sales-view-tabs a{display:flex;align-items:center;gap:6px;height:48px;padding:0 13px;border-bottom:3px solid transparent;color:#52637a;font-size:.75rem;font-weight:650;white-space:nowrap}
.sales-view-tabs a.active{color:#075ed8;border-color:#075ed8}.sales-view-tabs span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#edf2f8;color:#64758c;font-size:.62rem}
.sales-search{display:flex;gap:7px;width:min(420px,40vw)}.sales-search .form-control{min-width:0}.sales-table tbody tr{cursor:pointer}
.xero-document{margin:-18px -20px;min-height:calc(100vh - 68px);background:#edf2f7;padding-bottom:30px}
.xero-document-bar{position:sticky;top:68px;z-index:1010;display:flex;align-items:center;gap:8px;min-height:49px;padding:7px 22px;background:#fff;border-bottom:1px solid #d6dfeb;color:#6b7a8f;font-size:.74rem}
.xero-document-sheet{width:min(1180px,calc(100% - 34px));margin:18px auto;background:#fff;border:1px solid #d6dfeb;box-shadow:0 3px 14px rgba(20,45,86,.08)}
.xero-document-title{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 30px 20px;border-bottom:1px solid #e0e7f0}.document-type{color:#6c7b90;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.xero-document-title h1{margin:4px 0 7px;font-size:1.75rem;font-weight:600}.document-customer{font-size:1rem;font-weight:600;color:#273951}.document-customer small{color:#718096;font-weight:500;margin-left:5px}
.document-status{text-align:right}.document-status strong{display:block;margin-top:13px;font-size:1.35rem;color:#142744}
.document-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:17px 30px;background:#f8fafc;border-bottom:1px solid #e0e7f0}.document-meta-grid>div{padding:0 18px;border-right:1px solid #dfe6ef}.document-meta-grid>div:first-child{padding-left:0}.document-meta-grid>div:last-child{border:0}.document-meta-grid span,.document-meta-grid strong{display:block}.document-meta-grid span{font-size:.62rem;text-transform:uppercase;color:#718096;letter-spacing:.06em}.document-meta-grid strong{margin-top:4px;font-size:.79rem}
.sales-line-entry{display:grid;grid-template-columns:minmax(260px,2fr) minmax(100px,.75fr) minmax(90px,.65fr) minmax(110px,.8fr) minmax(120px,.9fr) auto;gap:8px;align-items:end;padding:18px 22px 11px;background:#f2f7fd;border-bottom:1px solid #d8e2ee}.sales-line-entry .btn{height:36px}.stock-detail{grid-column:1/-1;color:#687990;font-size:.68rem}.stock-available{font-weight:800;color:#14714b}
.document-lines th:first-child,.document-lines td:first-child{padding-left:30px}.document-lines th:last-child,.document-lines td:last-child{padding-right:24px}
.document-bottom{display:grid;grid-template-columns:1fr minmax(300px,.42fr);gap:40px;padding:24px 30px 30px}.document-notes>span{font-size:.66rem;text-transform:uppercase;color:#6e7e92;font-weight:700}.document-notes p{margin:7px 0;color:#405169}.document-notes small{color:#7a899b}.document-totals>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e6ee}.document-totals span{color:#607086}.document-totals .grand-total{padding-top:15px;border-top:2px solid #253956;border-bottom:0;font-size:1.05rem}.document-totals .grand-total strong{color:#075ed8}
@media(max-width:991.98px){.xero-document{margin:-14px}.xero-document-sheet{width:calc(100% - 20px);margin:10px auto}.document-meta-grid{grid-template-columns:1fr 1fr;gap:14px}.document-meta-grid>div{border:0;padding:0}.sales-line-entry{grid-template-columns:1fr 1fr}.line-entry-product{grid-column:1/-1}.document-bottom{grid-template-columns:1fr}.sales-toolbar{display:block}.sales-search{width:100%;padding:10px 0}}
@media(max-width:575.98px){.xero-document-title{padding:20px;display:block}.document-status{text-align:left;margin-top:14px}.document-meta-grid{padding:15px 20px}.sales-line-entry{grid-template-columns:1fr}.line-entry-product,.stock-detail{grid-column:auto}.document-lines th:first-child,.document-lines td:first-child{padding-left:.65rem}.document-bottom{padding:20px}.sales-page-head{display:block}.sales-page-head .btn{margin-top:12px}}
.finance-tab{display:flex;align-items:center;gap:6px;height:48px;padding:0 13px;border:0;border-bottom:3px solid transparent;background:transparent;color:#52637a;font-size:.75rem;font-weight:650}.finance-tab.active{color:#075ed8;border-color:#075ed8}.finance-tab span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#edf2f8;color:#64758c;font-size:.62rem}
.dispatch-order-list{max-height:560px;overflow:auto}.dispatch-order-card{display:block;padding:13px 15px;border-bottom:1px solid #e1e7ef;color:#26364d}.dispatch-order-card:hover,.dispatch-order-card.active{background:#edf5ff}.dispatch-order-card.active{border-left:3px solid #075ed8}.dispatch-order-card strong,.dispatch-order-card span,.dispatch-order-card small{display:block}.dispatch-order-card span{margin-top:3px}.dispatch-order-card small{margin-top:4px;color:#718096}.dispatch-summary{display:flex;align-items:end;justify-content:flex-end;gap:22px;padding:15px 18px;background:#f5f8fc;border-top:1px solid #dce4ef}.dispatch-summary>div{min-width:145px}.dispatch-summary span,.dispatch-summary strong{display:block}.dispatch-summary span{font-size:.62rem;text-transform:uppercase;color:#718096}.dispatch-summary strong{margin-top:4px;color:#142744}.dispatch-summary .form-control{width:155px}.gate-pass{max-width:1100px;margin:auto}
@media(max-width:767.98px){.dispatch-summary{display:grid;grid-template-columns:1fr 1fr}.dispatch-summary .btn{grid-column:1/-1}.dispatch-summary .form-control{width:100%}}

/* Unified Xero-style application system */
:root{
  --xero-navy:#0d2a3f;
  --xero-navy-2:#123b54;
  --xero-blue:#13b5ea;
  --xero-blue-dark:#0797c8;
  --xero-pale:#eaf8fd;
  --xero-canvas:#f4f7f9;
  --xero-border:#d7e0e5;
  --xero-text:#253642;
  --xero-muted:#6f7f89;
  --navy:var(--xero-navy);
  --navy-2:var(--xero-navy-2);
  --brand:var(--xero-blue);
  --brand-2:#55c8ed;
  --accent:#13b5ea;
  --ink:var(--xero-text);
  --muted:var(--xero-muted);
  --line:var(--xero-border);
  --canvas:var(--xero-canvas);
  --shadow:0 1px 3px rgba(23,45,58,.12);
}
body{background:var(--xero-canvas);color:var(--xero-text);font-family:"Segoe UI",Arial,sans-serif;font-size:.875rem}
.app-sidebar{width:224px;background:#fff;color:var(--xero-text);border-right:1px solid #ccd8df;box-shadow:none}
.app-main{margin-left:224px}
.brand{height:64px;background:#fff;color:var(--xero-navy);border-bottom:1px solid var(--xero-border);padding:0 15px}
.brand:hover{color:var(--xero-navy)}.brand-logo{width:39px;height:39px;border-radius:50%;filter:none}.brand strong{color:#172f40}.brand small{color:#788892}
.side-nav{padding:8px 0}.nav-group-label{padding:16px 17px 5px;color:#83909a;font-size:.58rem}
.side-link{min-height:38px;margin:0;padding:6px 14px;border-radius:0;color:#3f515e;border-left:3px solid transparent;font-weight:500}
.side-link:hover{background:#f0f7fa;color:#123b54}.side-link.active{background:var(--xero-pale);color:#087fa8;border-left-color:var(--xero-blue);box-shadow:none;font-weight:700}
.nav-icon{width:25px;height:25px;background:#edf2f4;color:#647681;border-radius:50%}.side-link.active .nav-icon{background:#d4f2fb;color:#087fa8}
.sidebar-footer{background:#f7f9fa;border-top:1px solid var(--xero-border);color:#7b8992;padding:12px 17px}.company-caption{color:#3f515e}
.app-topbar{height:64px;background:var(--xero-navy);border:0;box-shadow:none;padding:0 20px;color:#fff}
.page-context span{color:#8eb0c3}.page-context strong{color:#fff;font-weight:600}.topbar-search{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);color:#c8d7df}.topbar-search kbd{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#d5e1e7}.search-glyph{border-color:#a9c1ce}.search-glyph:after{background:#a9c1ce}
.period-chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.17);color:#d7e4ea}.live-dot{background:#54d68b}.avatar{background:var(--xero-blue);color:#fff}.user-copy strong{color:#fff}.user-copy small{color:#a9c0cc}.logout-link{color:#bcd1db}.logout-link:hover{color:#fff}
.app-content{padding:22px 24px}
.hero,.sales-page-head{min-height:auto;margin-bottom:18px!important;padding:0 0 17px;background:transparent;color:var(--xero-text);border-radius:0;border-bottom:1px solid var(--xero-border);box-shadow:none}
.hero:after{display:none}.hero>.d-flex{align-items:flex-start}.hero .small.text-white-50,.hero .text-white-50{color:#7d8d97!important}.hero h3,.sales-page-head h2{margin:3px 0 4px!important;color:#183244;font-size:1.65rem;font-weight:500}.hero>div:not(.d-flex),.hero .d-flex>div>div:last-child,.sales-page-head p{color:#6d7d87}
.hero .btn-light{background:var(--xero-blue);border-color:var(--xero-blue);color:#fff}.hero .btn-light:hover{background:var(--xero-blue-dark);border-color:var(--xero-blue-dark)}
.cardx,.workspace-panel{background:#fff;border:1px solid var(--xero-border);border-radius:3px;box-shadow:var(--shadow)}
.metric{border-top:0;border-left:1px solid var(--xero-border);padding:16px 17px;box-shadow:none}.metric:before{content:"";display:block;width:28px;height:3px;margin-bottom:10px;background:var(--xero-blue)}.metric:nth-child(2):before{background:#6bc5a4}.metric:nth-child(3):before{background:#7f91db}.metric:nth-child(4):before{background:#e6aa5b}
.metric .label{color:#75858f;font-size:.61rem}.metric .value{color:#203847;font-size:1.35rem;font-weight:500}
.workspace-panel-header{min-height:45px;background:#fff;border-bottom:1px solid var(--xero-border);color:#29404f;font-size:.78rem;padding:10px 14px}
.cardx>h5,.cardx>.p-3>h5,.cardx.p-3>h5{font-size:.96rem;font-weight:600;color:#29404f}
.table th{background:#f3f6f7;color:#596c78;border-bottom:1px solid #cad6dc;font-size:.61rem}.table td{color:#304551;font-size:.79rem}.table tbody tr:hover{background:#f3fbfd}
.btn{border-radius:3px;font-weight:600}.btn-primary{background:var(--xero-blue);border-color:var(--xero-blue);color:#fff}.btn-primary:hover{background:var(--xero-blue-dark);border-color:var(--xero-blue-dark)}.btn-outline-primary{color:#0788b4;border-color:#8ccfe4}.btn-outline-primary:hover{background:var(--xero-blue);border-color:var(--xero-blue)}.btn-dark{background:var(--xero-navy);border-color:var(--xero-navy)}
.command-button.primary,.record-tab.active,.sales-view-tabs a.active,.finance-tab.active{color:#078dbb}.record-tab.active,.sales-view-tabs a.active,.finance-tab.active{border-color:var(--xero-blue)}
.form-control:focus,.form-select:focus{border-color:var(--xero-blue);box-shadow:0 0 0 2px rgba(19,181,234,.14)}.calculated-field{background:#eefafd!important;color:#087fa8!important}
.advanced-modal .modal-header{border-top:4px solid var(--xero-blue);background:#fff}.advanced-modal .modal-footer{background:#f6f8f9}.modal-section{background:#edf6f9;border-left-color:var(--xero-blue);color:#47606e}
.inventory-tabs{background:#fff}.inventory-tabs .record-tab.active{color:#078dbb;border-color:var(--xero-blue)}
.record-workspace,.xero-document{margin:-22px -24px;background:var(--xero-canvas);min-height:calc(100vh - 64px)}.record-commandbar,.xero-document-bar{top:64px}.record-identity{background:#fff}.process-label{background:var(--xero-blue)}.process-stage.complete .stage-dot{border-color:var(--xero-blue);background:var(--xero-blue)}.record-body{background:var(--xero-canvas)}
.xero-document-sheet{border-color:var(--xero-border);box-shadow:var(--shadow)}.document-totals .grand-total strong{color:#078dbb}
.status{font-weight:700}.RUNNING,.DONE,.RECEIVED,.PAID,.ACTIVE{background:#e0f4eb;color:#15714d}.OPEN,.DRAFT,.PENDING,.UNPAID,.AWAITING_PAYMENT{background:#fff1d8;color:#895914}.INVOICED,.DISPATCHED,.PART_DISPATCHED,.BADGE{background:#e4f4fb;color:#087ea7}
.big-action{min-height:58px;background:#fff;font-size:.8rem}
.entry-steps{display:flex;flex-wrap:wrap;gap:7px}.entry-steps span{padding:6px 9px;background:#eef8fb;border:1px solid #d2eaf2;border-radius:3px;color:#47616f;font-size:.68rem;font-weight:600}
.app-sidebar,.app-main{transition:transform .22s ease,margin-left .22s ease}
.desktop-sidebar-toggle{display:grid;place-items:center;width:34px;height:34px;padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:rgba(255,255,255,.08);margin-right:12px}
.desktop-sidebar-toggle:hover{background:rgba(255,255,255,.16)}.desktop-sidebar-toggle span{display:block;width:16px;height:2px;margin:2px 0;background:#d7e6ed;transition:transform .2s ease}
.desktop-sidebar-toggle span:first-child{width:10px;justify-self:start}.desktop-sidebar-toggle span:last-child{width:10px;justify-self:start}
.sidebar-collapsed .app-sidebar{transform:translateX(-100%)}.sidebar-collapsed .app-main{margin-left:0}.sidebar-collapsed .desktop-sidebar-toggle span:first-child,.sidebar-collapsed .desktop-sidebar-toggle span:last-child{width:16px}
@media(max-width:991.98px){.app-main{margin-left:0}.app-content{padding:16px}.record-workspace,.xero-document{margin:-16px}.app-topbar{height:60px}.record-commandbar,.xero-document-bar{top:60px}}
@media(max-width:991.98px){.desktop-sidebar-toggle{display:none}.sidebar-collapsed .app-sidebar{transform:translateX(-100%)}}

/* SmartPay360 loading and authentication experience */
body.app-loading{overflow:hidden}
.app-loader{position:fixed;inset:0;z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(244,248,250,.97);color:#183244;opacity:1;visibility:visible;transition:opacity .35s ease,visibility .35s ease;backdrop-filter:blur(8px)}
.app-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.app-loader-visual{position:relative;width:116px;height:116px;margin-bottom:22px;display:grid;place-items:center}
.loader-core{position:relative;z-index:3;display:grid;place-items:center;width:67px;height:67px;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(14,72,101,.18)}
.loader-core img{width:54px;height:54px;object-fit:contain;border-radius:18px}
.loader-orbit{position:absolute;inset:0;border-radius:50%;border:2px solid transparent}
.orbit-one{border-top-color:#13b5ea;border-right-color:#13b5ea;animation:loader-spin 1.15s linear infinite}
.orbit-two{inset:12px;border-left-color:#68d5f3;border-bottom-color:#0d2a3f;animation:loader-spin-reverse 1.7s linear infinite}
.app-loader>strong{font-size:1.08rem;letter-spacing:.02em}
.app-loader>[data-loader-message]{margin-top:5px;color:#71818b;font-size:.76rem}
.loader-progress{width:160px;height:3px;margin-top:18px;overflow:hidden;border-radius:4px;background:#dce7eb}
.loader-progress i{display:block;width:45%;height:100%;border-radius:4px;background:linear-gradient(90deg,#13b5ea,#0d2a3f);animation:loader-slide 1.2s ease-in-out infinite}
@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes loader-spin-reverse{to{transform:rotate(-360deg)}}@keyframes loader-slide{0%{transform:translateX(-120%)}50%{transform:translateX(125%)}100%{transform:translateX(360%)}}

.login-body{background:#eef5f7}
.login-shell{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.08fr) minmax(460px,.92fr);background:#fff}
.login-story{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;padding:46px clamp(42px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#09263a 0%,#0d3c56 54%,#0b6f91 100%);color:#fff}
.login-story:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 78% 18%,rgba(71,207,242,.26),transparent 31%),linear-gradient(115deg,transparent 52%,rgba(255,255,255,.035) 52%)}
.login-story:after{content:"";position:absolute;z-index:-1;width:630px;height:630px;right:-310px;bottom:-320px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}
.login-brand{display:flex;align-items:center;gap:13px;z-index:1}.login-logo{width:50px;height:50px;object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.login-brand strong,.login-brand small,.login-mobile-brand strong,.login-mobile-brand small{display:block}.login-brand strong{font-size:1.04rem;letter-spacing:.01em}.login-brand small{margin-top:1px;color:#a9c7d5;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}
.login-message{position:relative;z-index:1;max-width:670px}.login-kicker,.login-eyebrow{color:#6edcf7;font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.login-message h1{max-width:650px;margin:19px 0 18px;font-size:clamp(2.55rem,4.4vw,4.65rem);line-height:1.01;font-weight:600;letter-spacing:-.045em}
.login-message>p{max-width:590px;margin:0;color:#c4d9e3;font-size:1.03rem;line-height:1.65}
.login-insight-card{width:min(100%,480px);margin-top:38px;padding:16px 18px;display:flex;align-items:center;gap:17px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.075);box-shadow:0 16px 45px rgba(2,19,30,.13);backdrop-filter:blur(12px)}
.insight-chart{width:80px;height:48px;display:flex;align-items:flex-end;gap:5px;padding:5px 8px;border-left:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
.insight-chart i{display:block;flex:1;border-radius:2px 2px 0 0;background:linear-gradient(#6edcf7,#13b5ea);animation:chart-breathe 2.8s ease-in-out infinite}.insight-chart i:nth-child(1){height:30%}.insight-chart i:nth-child(2){height:48%;animation-delay:.15s}.insight-chart i:nth-child(3){height:42%;animation-delay:.3s}.insight-chart i:nth-child(4){height:72%;animation-delay:.45s}.insight-chart i:nth-child(5){height:63%;animation-delay:.6s}.insight-chart i:nth-child(6){height:92%;animation-delay:.75s}
@keyframes chart-breathe{50%{opacity:.58;transform:scaleY(.86)}}
.login-insight-card span,.login-insight-card strong,.login-insight-card small{display:block}.login-insight-card span{color:#9fbfcd;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.login-insight-card strong{margin-top:3px;font-size:.91rem}.login-insight-card small{margin-top:2px;color:#b8d0db;font-size:.68rem}
.login-story-footer{position:relative;z-index:1;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.login-story-footer span{padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:#b8d1dc;font-size:.64rem}
.login-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:50px;background:linear-gradient(145deg,#f8fbfc,#eef4f6)}
.login-panel:before{content:"";position:absolute;width:330px;height:330px;top:-180px;right:-150px;border-radius:50%;background:rgba(19,181,234,.08)}
.login-card{position:relative;width:min(100%,455px);padding:42px 44px 35px;border:1px solid #d5e2e8;border-radius:12px;background:#fff;box-shadow:0 25px 70px rgba(31,65,82,.13)}
.login-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#13b5ea,#40c5eb,#0d6f91)}
.login-mobile-brand{display:none;align-items:center;gap:11px;margin-bottom:30px}.login-mobile-brand strong{color:#183244}.login-mobile-brand small{color:#7b8d96;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}
.login-card-heading h2{margin:9px 0 6px;color:#173244;font-size:2rem;font-weight:600;letter-spacing:-.025em}.login-card-heading p{margin:0 0 28px;color:#71818b;line-height:1.5}
.login-field{margin-bottom:19px}.login-label-row{display:flex;align-items:center;justify-content:space-between}.login-label-row>span{color:#89979f;font-size:.62rem}
.login-field label{color:#405663;font-size:.7rem;font-weight:700}.login-input-wrap{position:relative}.login-input-wrap .form-control{height:49px;padding:0 48px 0 43px;border:1px solid #c8d7de;border-radius:5px;background:#fbfdfe;color:#1d3543;font-size:.87rem;transition:.18s}
.login-input-wrap .form-control::placeholder{color:#9ba8ae}.login-input-wrap .form-control:focus{background:#fff;border-color:#13b5ea;box-shadow:0 0 0 3px rgba(19,181,234,.12)}
.field-icon{position:absolute;z-index:2;left:16px;top:50%;width:14px;height:14px;transform:translateY(-50%);opacity:.64}.email-icon{border:1.8px solid #527080;border-radius:2px}.email-icon:after,.email-icon:before{content:"";position:absolute;top:2px;width:8px;height:1.5px;background:#527080}.email-icon:before{left:0;transform:rotate(35deg)}.email-icon:after{right:0;transform:rotate(-35deg)}
.lock-icon{height:12px;margin-top:3px;border:1.8px solid #527080;border-radius:2px}.lock-icon:before{content:"";position:absolute;width:8px;height:8px;left:1px;top:-7px;border:1.8px solid #527080;border-bottom:0;border-radius:8px 8px 0 0}
.password-toggle{position:absolute;z-index:3;right:8px;top:7px;width:35px;height:35px;border:0;border-radius:4px;background:transparent}.password-toggle:hover{background:#edf7fa}.password-toggle span{position:absolute;left:9px;top:12px;width:17px;height:11px;border:1.7px solid #607985;border-radius:50%}.password-toggle span:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:4px;border-radius:50%;background:#607985}.password-toggle.visible span:before{content:"";position:absolute;left:7px;top:-4px;width:1.5px;height:18px;background:#607985;transform:rotate(45deg)}
.login-submit{position:relative;overflow:hidden;width:100%;height:50px;margin-top:7px;border:0;border-radius:5px;background:#13b5ea;color:#fff;font-size:.84rem;font-weight:700;box-shadow:0 9px 22px rgba(19,181,234,.25);transition:.18s}.login-submit:hover{background:#079bc9;transform:translateY(-1px);box-shadow:0 12px 27px rgba(19,181,234,.3)}.login-submit:focus-visible{outline:3px solid rgba(19,181,234,.25);outline-offset:3px}.login-submit i{position:absolute;right:18px;top:19px;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}
.login-security{display:flex;align-items:center;gap:11px;margin-top:24px;padding:13px;border-radius:6px;background:#f2f8fa}.login-security strong,.login-security small{display:block}.login-security strong{color:#39515e;font-size:.7rem}.login-security small{margin-top:2px;color:#82919a;font-size:.63rem}.security-mark{position:relative;width:25px;height:28px;flex:0 0 auto;border:2px solid #13a8d9;border-radius:13px 13px 10px 10px}.security-mark:after{content:"";position:absolute;left:7px;top:8px;width:7px;height:4px;border-left:2px solid #13a8d9;border-bottom:2px solid #13a8d9;transform:rotate(-45deg)}
.login-help{text-align:center;margin-top:20px;color:#7d8d96;font-size:.66rem}.login-copyright{position:absolute;bottom:19px;color:#91a0a8;font-size:.62rem}
.login-card .alert{margin-bottom:20px;border:1px solid #efd0d5;border-radius:5px;background:#fff5f6;color:#9c3140;font-size:.75rem}
@media(max-width:980px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{padding:34px 22px}.login-card{padding:36px}.login-mobile-brand{display:flex}}
@media(max-width:520px){.login-panel{justify-content:flex-start;padding:24px 15px 70px}.login-card{margin-top:20px;padding:31px 24px;border-radius:9px}.login-card-heading h2{font-size:1.75rem}.login-copyright{bottom:20px}}
@media(prefers-reduced-motion:reduce){.loader-orbit,.loader-progress i,.insight-chart i{animation:none}.app-loader,.login-submit{transition:none}}

/* Precise sidebar navigation alignment */
.app-sidebar .side-nav{padding:9px 0 18px}
.app-sidebar .nav-group-label{height:34px;display:flex;align-items:flex-end;padding:0 17px 7px;margin-top:7px;line-height:1}
.app-sidebar .nav-group-label:first-child{margin-top:0}
.app-sidebar .side-link{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:10px;width:100%;min-height:40px;height:40px;padding:0 16px 0 14px;margin:0;border-left-width:3px;line-height:1}
.app-sidebar .nav-icon{display:grid;place-items:center;width:28px;height:28px;margin:0;border-radius:50%;line-height:1;font-size:.56rem;font-weight:800;letter-spacing:.015em}
.app-sidebar .nav-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;font-size:.79rem}
.app-sidebar .side-link.active .nav-label{font-weight:700}
.app-sidebar .brand{padding-left:15px;padding-right:15px}
.app-sidebar .sidebar-footer{margin-top:auto}
@media(max-width:991.98px){.app-sidebar .side-link{min-height:43px;height:43px}.app-sidebar .nav-label{font-size:.82rem}}

/* Role-aware report center */
.report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.report-head h2{margin:3px 0 4px;color:#183244;font-size:1.65rem;font-weight:600}.report-head p{margin:0;color:var(--muted)}
.report-actions{display:flex;gap:8px}.report-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:15px;align-items:start}
.report-nav{position:sticky;top:86px;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#fff;box-shadow:var(--shadow)}
.report-nav-title{padding:13px 14px;border-bottom:1px solid var(--line);color:#657782;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.report-nav a{display:grid;grid-template-columns:31px minmax(0,1fr);gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid #e9eef1;color:#40545f}
.report-nav a:last-child{border-bottom:0}.report-nav a:hover{background:#f4fafc}.report-nav a.active{background:#eaf8fd;color:#087fa8;border-left:3px solid var(--brand);padding-left:9px}
.report-nav a>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#edf3f5;color:#657984;font-size:.58rem;font-weight:800}
.report-nav a.active>span{background:#cdeffa;color:#087fa8}.report-nav strong,.report-nav small{display:block}.report-nav strong{font-size:.76rem}.report-nav small{margin-top:2px;overflow:hidden;color:#82919a;font-size:.62rem;white-space:nowrap;text-overflow:ellipsis}
.report-workspace{min-width:0}.report-filter{display:flex;align-items:end;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:4px;background:#fff}
.report-filter>div{width:165px}.report-period{margin-left:auto;align-self:center;color:#73838d;font-size:.7rem}
.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.report-metric{position:relative;overflow:hidden;min-height:92px;padding:15px 16px;border:1px solid var(--line);border-radius:4px;background:#fff}
.report-metric:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#13b5ea}.report-metric.green:before{background:#36a875}.report-metric.violet:before{background:#7c7edb}.report-metric.amber:before{background:#e0a344}
.report-metric span,.report-metric strong{display:block}.report-metric span{color:#75858f;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.report-metric strong{margin-top:12px;color:#203847;font-size:1.18rem;font-weight:600}
.report-table-card{overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#fff;box-shadow:var(--shadow)}.report-table{white-space:nowrap}.report-table td{max-width:290px;overflow:hidden;text-overflow:ellipsis}

/* Fast pack-based sales order workspace */
.pos-page{margin:-22px -24px;min-height:calc(100vh - 64px);background:#edf3f6}
.pos-commandbar{position:sticky;z-index:1005;top:64px;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:55px;padding:8px 18px;border-bottom:1px solid #cad7de;background:#fff;box-shadow:0 2px 7px rgba(26,53,67,.07)}
.pos-breadcrumb,.pos-command-actions{display:flex;align-items:center;gap:9px}.pos-breadcrumb{color:#71818b;font-size:.73rem}.pos-breadcrumb a{color:#078dbb}.pos-breadcrumb strong{color:#29414f}.pos-command-actions{flex-wrap:wrap;justify-content:flex-end}
.pos-customer-strip{display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(4,minmax(130px,.7fr));gap:0;border-bottom:1px solid #ccd8de;background:#fff}
.pos-customer-strip>div{min-width:0;padding:13px 16px;border-right:1px solid #e1e8eb}.pos-customer-strip>div:last-child{border:0}.pos-customer-strip small,.pos-customer-strip strong{display:block}.pos-customer-strip small{color:#7c8b94;font-size:.59rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pos-customer-strip strong{margin-top:4px;overflow:hidden;color:#28404e;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
.pos-customer-main{display:flex;align-items:center;gap:11px}.pos-customer-main>div{min-width:0}.pos-customer-main span:last-child{display:block;overflow:hidden;margin-top:2px;color:#75858f;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.pos-avatar{display:grid!important;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:5px;background:#dff4fb;color:#0788b4;font-weight:800}
.pos-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(370px,.75fr);gap:13px;padding:13px}
.pos-catalog,.pos-cart{min-width:0;border:1px solid #cfdbe1;border-radius:4px;background:#fff;box-shadow:var(--shadow)}.pos-cart{position:sticky;top:132px;align-self:start;max-height:calc(100vh - 150px);display:flex;flex-direction:column}
.pos-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:57px;padding:10px 14px;border-bottom:1px solid #dce5e9}.pos-panel-head strong,.pos-panel-head span{display:block}.pos-panel-head>div>strong{color:#29414f;font-size:.88rem}.pos-panel-head>div>span{margin-top:2px;color:#7b8b94;font-size:.64rem}
.pos-catalog-tools{display:grid;grid-template-columns:minmax(180px,280px) 135px;gap:7px}.pos-catalog-tools .form-control,.pos-catalog-tools .form-select{min-height:36px}
.pos-product-grid{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:10px;padding:12px;background:#f4f7f8}.pos-product-card{display:flex;min-height:225px;flex-direction:column;padding:13px;border:1px solid #d4dfe4;border-radius:4px;background:#fff;transition:.15s}.pos-product-card:hover{border-color:#7bcde6;box-shadow:0 5px 15px rgba(21,92,117,.09)}.pos-product-card.out-of-stock{opacity:.7}
.pos-product-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pos-product-code{color:#087fa8;font-size:.64rem;font-weight:800;letter-spacing:.04em}.pos-stock-dot{font-size:.58rem;font-weight:700}.pos-stock-dot:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#36a875}.pos-stock-dot.empty:before{background:#c95763}
.pos-product-card h3{min-height:38px;margin:10px 0 7px;color:#263e4c;font-size:.83rem;line-height:1.35}.pos-product-meta{display:flex;flex-wrap:wrap;gap:4px}.pos-product-meta span{padding:3px 5px;border-radius:3px;background:#eef4f6;color:#687983;font-size:.56rem}
.pos-product-stock{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding:11px 0}.pos-product-stock small,.pos-product-stock strong{display:block}.pos-product-stock small{color:#84939b;font-size:.56rem;text-transform:uppercase}.pos-product-stock strong{margin-top:2px;color:#29414f;font-size:.72rem}
.pos-add-form{display:grid;grid-template-columns:minmax(90px,1fr) 64px;gap:6px}.pos-stepper{display:grid;grid-template-columns:28px minmax(35px,1fr) 28px;height:35px;border:1px solid #cad7dd;border-radius:3px;overflow:hidden}.pos-stepper button{border:0;background:#eef4f6;color:#36505e;font-weight:800}.pos-stepper input{min-width:0;border:0;text-align:center;font-size:.73rem;font-weight:700}.pos-stepper input:focus{outline:0}.pos-add-form .btn{padding:.35rem}
.pos-locked-note,.pos-warning{padding:10px 14px;border-bottom:1px solid #ead6aa;background:#fff8e8;color:#7d5b17;font-size:.69rem}.pos-order-number{padding:5px 7px;border-radius:3px;background:#eef5f7;color:#55707d;font-size:.64rem!important;font-weight:800}
.pos-cart-lines{min-height:150px;overflow:auto}.pos-cart-line{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:13px 36px 13px 14px;border-bottom:1px solid #e3e9ec}.pos-cart-item span,.pos-cart-item strong,.pos-cart-item small{display:block}.pos-cart-item span{color:#0788b4;font-size:.58rem;font-weight:800}.pos-cart-item strong{margin-top:3px;color:#29404f;font-size:.76rem}.pos-cart-item small{margin-top:2px;color:#7d8b93;font-size:.6rem}.pos-line-total{color:#203947;font-size:.75rem;white-space:nowrap}
.pos-cart-quantity{grid-column:1/-1}.pos-cart-quantity form{display:grid;grid-template-columns:38px 75px 65px;align-items:center;gap:6px;margin-top:5px}.pos-cart-quantity label{margin:0;font-size:.6rem}.pos-cart-quantity .form-control{min-height:31px;height:31px;padding:4px 6px}.pos-cart-quantity>small{display:block;margin-top:5px;font-size:.6rem}.pos-remove{position:absolute;right:9px;top:9px}.pos-remove button{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:50%;background:#f7e9eb;color:#a43745;font-size:1rem;line-height:1}
.pos-cart-summary{padding:12px 14px;border-top:1px solid #d7e1e5;background:#f8fafb}.pos-cart-summary>div{display:flex;justify-content:space-between;gap:15px;padding:5px 0;color:#657781;font-size:.69rem}.pos-cart-summary strong{color:#263f4d}.pos-cart-summary .pos-grand-total{margin-top:5px;padding-top:10px;border-top:1px solid #cedbe0;font-size:.88rem}.pos-cart-summary .pos-grand-total strong{color:#0788b4;font-size:1.05rem}.pos-cart-summary .pos-balance strong{color:#a96712}
.pos-cart-footer{padding:12px 14px;border-top:1px solid #dae3e7}.pos-role-note{padding:9px;border-radius:3px;background:#f0f5f7;color:#667983;font-size:.66rem;text-align:center}.pos-empty{grid-column:1/-1;padding:45px 20px;color:#82919a;text-align:center}.pos-empty strong,.pos-empty span{display:block}.pos-empty strong{color:#506570;margin-bottom:4px}.pos-confirm-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:15px;border-radius:4px;background:#eef9fc}.pos-confirm-total span{color:#667985;font-size:.7rem}.pos-confirm-total strong{color:#087fa8;font-size:1.1rem}
.pos-lower-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:13px;padding:0 13px 18px}.pos-lower-grid>*{min-width:0}.pos-notes-card>div:last-child{padding:15px}.pos-notes-card p{color:#405560}.pos-notes-card small{color:#7d8c94}

/* Sales order tab workspace */
.pos-workspace-tabs{display:flex;align-items:stretch;gap:0;margin:13px 13px 0;border:1px solid #cfdbe1;border-bottom:0;border-radius:4px 4px 0 0;background:#fff;overflow-x:auto}
.pos-workspace-tabs button{display:flex;align-items:center;gap:8px;min-width:155px;height:48px;padding:0 15px;border:0;border-right:1px solid #dce5e9;border-bottom:3px solid transparent;background:#fff;color:#617580;font-size:.72rem;font-weight:700;white-space:nowrap}
.pos-workspace-tabs button:hover{background:#f4fafc;color:#087fa8}.pos-workspace-tabs button.active{border-bottom-color:#13b5ea;background:#eaf8fd;color:#087fa8}
.pos-workspace-tabs button>span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#edf3f5;color:#607580;font-size:.58rem}.pos-workspace-tabs button.active>span{background:#13b5ea;color:#fff}
.pos-workspace-tabs button>b{min-width:20px;margin-left:auto;padding:2px 5px;border-radius:9px;background:#edf3f5;color:#607580;font-size:.56rem;text-align:center}.pos-workspace-tabs button.active>b{background:#cbeefa;color:#087fa8}
.pos-tab-stage{margin:0 13px 18px}.pos-tab-panel{min-height:420px;border-radius:0 0 4px 4px!important}.pos-tab-panel[hidden]{display:none!important}
.pos-tab-stage .pos-cart{position:static;max-height:none}.pos-tab-stage .pos-cart-lines{max-height:none}.pos-tab-stage .pos-cart-line{grid-template-columns:minmax(260px,1fr) 150px 130px;padding:15px 48px 15px 16px;align-items:center}.pos-tab-stage .pos-cart-quantity{grid-column:auto}.pos-tab-stage .pos-cart-quantity form{margin:0}
.pos-tab-stage .pos-cart-summary{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:0;padding:0}.pos-tab-stage .pos-cart-summary>div{display:block;padding:14px 16px;border-right:1px solid #d7e1e5}.pos-tab-stage .pos-cart-summary>div:last-child{border-right:0}.pos-tab-stage .pos-cart-summary span,.pos-tab-stage .pos-cart-summary strong{display:block}.pos-tab-stage .pos-cart-summary strong{margin-top:6px}.pos-tab-stage .pos-cart-summary .pos-grand-total{margin:0;padding:14px 16px;border-top:0}.pos-tab-stage .pos-cart-footer{display:flex;justify-content:flex-end}.pos-tab-stage .pos-cart-footer .btn{width:auto!important;min-width:260px}

/* Desktop sales item lookup */
.pos-item-search-head{padding:14px;border-bottom:1px solid #dce5e9;background:#fff}.pos-item-search-head>div:first-child{margin-bottom:11px}.pos-item-search-head strong,.pos-item-search-head span{display:block}.pos-item-search-head>div:first-child strong{color:#29414f;font-size:.88rem}.pos-item-search-head>div:first-child span{margin-top:2px;color:#7b8b94;font-size:.64rem}
.pos-item-search{position:relative;display:grid;grid-template-columns:minmax(300px,1fr) 155px;gap:8px}.pos-item-search .form-control{height:43px;padding-left:40px;border-color:#aebfc8;background:#fbfdfe;font-size:.82rem}.pos-item-search .form-select{height:43px;border-color:#bfcdd4}.pos-search-icon{position:absolute;z-index:2;left:15px;top:14px;width:13px;height:13px;border:2px solid #6c818d;border-radius:50%}.pos-search-icon:after{content:"";position:absolute;width:6px;height:2px;right:-5px;bottom:-3px;background:#6c818d;transform:rotate(45deg)}
.pos-item-results-meta{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid #e1e8eb;background:#f6f9fa}.pos-item-results-meta span{color:#385462;font-size:.66rem;font-weight:800}.pos-item-results-meta small{color:#7c8b94;font-size:.61rem}
.pos-item-table-wrap{max-height:510px;overflow:auto}.pos-item-table{min-width:820px}.pos-item-table thead{position:sticky;z-index:2;top:0}.pos-item-table th{padding:.65rem .62rem}.pos-item-table td{padding:.72rem .62rem}.pos-item-table tbody tr{transition:.12s}.pos-item-table tbody tr:hover{background:#eff9fc}.pos-item-table tbody tr.out-of-stock{background:#fafbfc;color:#87949b}.pos-item-table tbody tr.out-of-stock:hover{background:#f6f8f9}
.pos-item-code{color:#0788b4;font-size:.67rem;letter-spacing:.025em}.pos-item-name,.pos-item-table td small{display:block}.pos-item-name{color:#2a414f;font-size:.75rem}.pos-item-table td small{margin-top:3px;color:#86949b;font-size:.58rem}.pos-item-type{display:inline-flex;padding:3px 6px;border-radius:3px;background:#edf4f6;color:#60747f;font-size:.56rem;font-weight:700}
.pos-row-add-form input{width:78px;height:33px;border:1px solid #bfcdd4;border-radius:3px;padding:4px 7px;text-align:right;font-size:.74rem;font-weight:700}.pos-row-add-form input:focus{outline:0;border-color:#13b5ea;box-shadow:0 0 0 2px rgba(19,181,234,.12)}.pos-row-add-button{min-width:52px}

@media(max-width:1350px){.pos-product-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.pos-layout{grid-template-columns:1fr}.pos-cart{position:static;max-height:none}.pos-customer-strip{grid-template-columns:1fr 1fr 1fr}.pos-customer-main{grid-column:1/-1}.report-shell{grid-template-columns:1fr}.report-nav{position:static;display:flex;overflow-x:auto}.report-nav-title{display:none}.report-nav a{min-width:190px;border-right:1px solid #e3eaed}.pos-lower-grid{grid-template-columns:1fr}.pos-tab-stage .pos-cart-line{grid-template-columns:minmax(0,1fr) auto}.pos-tab-stage .pos-cart-quantity{grid-column:1/-1}.pos-tab-stage .pos-cart-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){.pos-page{margin:-16px}.pos-commandbar{top:60px;align-items:flex-start;flex-direction:column}.pos-command-actions{width:100%;justify-content:flex-start}.pos-customer-strip{grid-template-columns:1fr 1fr}.pos-customer-main{grid-column:1/-1}.pos-layout{padding:8px}.pos-product-grid{grid-template-columns:1fr}.pos-catalog-tools{grid-template-columns:1fr}.pos-panel-head{align-items:flex-start;flex-direction:column}.pos-workspace-tabs{margin:8px 8px 0}.pos-workspace-tabs button{min-width:140px}.pos-tab-stage{margin:0 8px 12px}.pos-tab-panel{min-height:360px}.pos-tab-stage .pos-cart-summary{grid-template-columns:1fr 1fr}.pos-tab-stage .pos-cart-footer .btn{width:100%!important;min-width:0}.pos-item-search{grid-template-columns:1fr}.pos-item-search .form-control{padding-left:40px}.pos-item-search-head .pos-search-icon{top:14px}.pos-item-results-meta{align-items:flex-start;flex-direction:column;gap:3px}.pos-item-table-wrap{width:100%;margin:0}.report-head{flex-direction:column}.report-filter{align-items:stretch;flex-direction:column}.report-filter>div{width:100%}.report-period{margin:0}.report-metrics{grid-template-columns:1fr}.pos-lower-grid{padding:0 8px 12px}.pos-lower-grid .table-responsive{width:100%;margin:0}}
@media print{.report-shell{display:block}.report-workspace{width:100%}.report-metrics{grid-template-columns:repeat(4,1fr)}.report-table-card{border:0}.report-table{font-size:8pt}.pos-commandbar,.pos-catalog{display:none!important}.pos-layout{display:block}.pos-cart{border:0;box-shadow:none}.pos-page{margin:0;background:#fff}}