@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";html{min-width:320px;min-height:100%}#root{min-height:100vh}:root{color:#17243a;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;background:#f4f6fa;font-family:DM Sans,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #8bb8ee}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:20;background:#10233f;flex-direction:column;width:258px;padding:24px 15px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{align-items:center;gap:11px;padding:0 7px 29px;display:flex}.brand-mark{color:#10233f;background:#e7ad38;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.brand strong{letter-spacing:-.3px;font-size:15px;display:block}.brand span{color:#9eb0c9;letter-spacing:1px;margin-top:4px;font-size:9px;display:block}.nav-caption{color:#7f93b0;letter-spacing:1.2px;padding:9px 11px 12px;font-size:10px}.nav-list{gap:4px;display:grid}.nav-item{color:#b6c4d8;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px;font-size:12px;transition:background .18s,color .18s;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#203b5f}.nav-item.active{box-shadow:inset 3px 0 #e6a92d}.nav-item.active svg{color:#f2bd52}.nav-item small{background:#345579;border-radius:20px;margin-left:auto;padding:3px 7px;font-size:10px}.sidebar-foot{margin-top:auto;padding-top:20px}.local-tag{color:#a8c8b4;background:#183b3b;border-radius:7px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 9px;font-size:10px;display:flex}.profile{border-top:1px solid #2c405a;align-items:center;gap:10px;padding:16px 5px 2px;display:flex}.profile-avatar,.user-chip>span{color:#173455;background:#dce7f3;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.profile b{font-size:11px;display:block}.profile span{color:#9eb0c9;margin-top:4px;font-size:10px;display:block}.main-area{flex-direction:column;min-height:100vh;margin-left:258px;display:flex}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:center;gap:15px;height:68px;padding:0 32px;display:flex;position:sticky;top:0}.crumb{color:#8290a3;white-space:nowrap;font-size:12px}.crumb span{color:#c1cad5;margin:0 9px}.crumb b{color:#33445d;font-weight:600}.topbar-right{align-items:center;gap:19px;display:flex}.connection{align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.is-online{color:#2c9460}.is-offline{color:#c17a22}.global-search{color:#8794a7;background:#f5f7fa;border:1px solid #e9edf3;border-radius:7px;align-items:center;gap:8px;padding:9px 11px;display:flex}.global-search input{color:#24344d;background:0 0;border:0;outline:0;width:170px;font-size:11px}.user-chip{color:#53647b;align-items:center;gap:8px;font-size:11px;display:flex}.user-chip>span{width:30px;height:30px}.mobile-menu,.close-menu{display:none}.page-content{flex:1;width:100%;max-width:1700px;margin:0 auto;padding:30px 32px 20px}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:1.25px;color:#8996a8;font-size:9px;font-weight:800}.page-heading h1{letter-spacing:-.7px;color:#1b2a40;margin:7px 0 5px;font-size:25px}.page-heading p{color:#8995a5;margin:0;font-size:12px}.btn{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex}.btn.primary{color:#fff;background:#17395e}.btn.primary:hover{background:#28547f}.btn.secondary{color:#43546d;background:#fff;border-color:#dfe5ed}.btn.secondary:hover{background:#f5f7fa}.btn.danger-button{color:#bd4c45;background:#fff4f3;border-color:#f2d1ce}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px;display:grid}.metric-card,.card,.mini-stat,.settings-card,.report-card,.report-summary{background:#fff;border:1px solid #e7ebf1;border-radius:10px}.metric-card{min-height:148px;padding:17px 18px}.metric-icon{border-radius:9px;place-items:center;width:35px;height:35px;margin-bottom:12px;display:grid}.metric-icon svg{width:18px}.metric-icon.blue{color:#3974bd;background:#e9f1fc}.metric-icon.amber{color:#d68a21;background:#fff2df}.metric-icon.green{color:#29935a;background:#e7f6ed}.metric-icon.red{color:#d75c55;background:#fcebea}.metric-label{color:#758196;font-size:11px}.metric-value{color:#1a2b43;margin:3px 0;font-size:25px;font-weight:800}.metric-foot{color:#9ba5b3;font-size:10px}.dashboard-columns{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:16px;margin-bottom:16px;display:grid}.lower-columns{grid-template-columns:1.25fr 1fr}.card{min-width:0;padding:19px}.card-heading{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:17px;display:flex}.card-heading h2{color:#25354c;margin:0;font-size:13px}.card-heading p{color:#929cab;margin:5px 0 0;font-size:10px}.muted{color:#9aa7b7}.link-button{color:#376b9f;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.full-link{margin-top:13px;padding:0}.table-scroll{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px}.data-table th{color:#98a2b1;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:10px 9px;font-size:9px;font-weight:700}.data-table td{color:#536178;vertical-align:middle;border-bottom:1px solid #f0f2f5;padding:12px 9px;font-size:10px}.data-table td b{color:#293b54;font-weight:700}.data-table tbody tr:last-child td{border-bottom:0}.status-pill{white-space:nowrap;border-radius:20px;align-items:center;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.status-pill.red{color:#c6534e;background:#fcebea}.status-pill.amber{color:#bd791c;background:#fff1df}.status-pill.green{color:#33855a;background:#e7f5ec}.status-pill.blue{color:#3f73b3;background:#eaf2fc}.alert-row{border-bottom:1px solid #eff1f4;align-items:center;gap:10px;padding:12px 0;display:flex}.alert-icon{color:#d48c2e;background:#fff3e3;border-radius:8px;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.alert-row>div{flex:1;min-width:0}.alert-row b{color:#33445a;font-size:10px;display:block}.alert-row small{color:#929cab;margin-top:4px;font-size:9px;display:block}.schedule-row{border-top:1px solid #eff1f4;align-items:center;gap:11px;padding:11px 0;display:flex}.schedule-date{color:#244a73;text-align:center;background:#eef3f9;border-radius:7px;min-width:42px;padding:6px 9px}.schedule-date b{font-size:17px;display:block}.schedule-date small{font-size:8px}.schedule-row>div:nth-child(2){flex:1;min-width:0}.schedule-row>div:nth-child(2) b{color:#33445a;font-size:10px;display:block}.schedule-row>div:nth-child(2) small{color:#929cab;margin-top:4px;font-size:9px;display:block}.summary-list{gap:0;display:grid}.summary-line{color:#78869a;border-top:1px solid #eff1f4;justify-content:space-between;padding:10px 0;font-size:11px;display:flex}.summary-line b{color:#263a55}.demo-note,.info-banner{color:#8b6b2c;background:#fff9eb;border:1px solid #f2e4c4;border-radius:8px;align-items:flex-start;gap:10px;margin-top:4px;padding:12px 14px;font-size:10px;line-height:1.5;display:flex}.demo-note svg,.info-banner svg{flex-shrink:0}.section-page .page-heading{margin-bottom:24px}.mini-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px;display:grid}.mini-stat{flex-direction:column;gap:7px;padding:13px 15px;display:flex}.mini-stat span{color:#8793a4;font-size:10px}.mini-stat b{color:#293b54;font-size:17px}.danger-text{color:#c6534e!important}.row-actions{gap:5px;display:flex}.row-actions button{color:#718096;background:#fff;border:1px solid #e6eaf0;border-radius:5px;place-items:center;width:28px;height:27px;display:grid}.row-actions button:hover{color:#244d76;background:#f4f7fb}.empty-state{color:#99a4b2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:26px 10px;font-size:10px;display:flex}.empty-state svg{color:#c1cad5}.settings-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-card,.report-card{padding:19px}.settings-icon{color:#376b9f;background:#edf3fa;border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.settings-icon svg{width:19px}.settings-card h3,.report-card h3{color:#293b54;margin:13px 0 6px;font-size:13px}.settings-card p,.report-card p{color:#8995a5;min-height:32px;margin:0 0 14px;font-size:10px;line-height:1.6}.warning-card .settings-icon{color:#c45b52;background:#fff0ee}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.info-banner{color:#466b91;background:#eef6ff;border-color:#dbeafa;margin-top:17px}.info-banner b,.info-banner span{display:block}.info-banner span{margin-top:3px}.report-card>svg{color:#4b78a6}.report-summary{margin-top:16px;padding:18px}.report-summary h2{color:#293b54;margin:0 0 14px;font-size:13px}.report-summary .mini-stats{margin:0}.report-summary .mini-stat{background:#f9fafc}.app-footer{color:#a0a9b6;padding:18px 32px 22px;font-size:9px}.app-footer span{padding:0 5px}.modal-backdrop{z-index:50;background:#0b1c32a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:12px;width:min(680px,100%);max-height:calc(100vh - 40px);padding:22px;overflow-y:auto;box-shadow:0 20px 70px #06152b44}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:19px;display:flex}.modal-head h2{color:#1d2f47;margin:5px 0 0;font-size:18px}.icon-button{color:#68788e;background:0 0;border:0;place-items:center;padding:5px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.field{color:#53647b;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.field input,.field select,.field textarea{color:#293b54;background:#fff;border:1px solid #dfe5ed;border-radius:6px;width:100%;min-width:0;padding:10px;font-size:11px}.field textarea{resize:vertical}.full-field{grid-column:1/-1}.modal-actions{border-top:1px solid #edf0f4;justify-content:flex-end;gap:9px;margin-top:21px;padding-top:15px;display:flex}.form-error{color:#c6534e;font-size:10px}.toast{z-index:80;color:#fff;background:#173e36;border-radius:8px;align-items:center;gap:9px;padding:12px 16px;font-size:11px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 25px #142b2640}@media (width<=1100px){.page-content{padding:24px 20px}.topbar{padding:0 20px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}.lower-columns{grid-template-columns:1fr 1fr}}@media (width<=760px){.sidebar{transition:transform .22s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.close-menu{color:#fff;margin-left:auto;display:grid}.overlay{z-index:15;background:#0008;border:0;display:block;position:fixed;inset:0}.main-area{margin-left:0}.topbar{gap:8px;height:60px;padding:0 13px}.mobile-menu{display:grid}.crumb{text-overflow:ellipsis;flex:1;font-size:10px;overflow:hidden}.topbar-right{gap:10px}.connection span{display:none}.global-search{padding:8px}.global-search input{width:90px}.user-chip b,.user-chip>svg{display:none}.user-chip>span{width:29px;height:29px}.page-content{padding:22px 14px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading h1{font-size:22px}.page-heading>.btn{width:100%}.metric-grid{gap:9px}.metric-card{min-height:136px;padding:13px}.metric-value{font-size:22px}.dashboard-columns,.lower-columns{grid-template-columns:1fr}.mini-stats{grid-template-columns:1fr 1fr}.settings-grid,.report-grid{grid-template-columns:1fr}.app-footer{padding:15px}.modal-backdrop{padding:10px}.modal{padding:17px}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}}@media print{.sidebar,.topbar,.btn,.row-actions,.app-footer,.toast{display:none!important}.main-area{margin:0}.page-content{max-width:none;padding:0}.card,.metric-card,.settings-card,.report-card{break-inside:avoid;box-shadow:none}.dashboard-columns{grid-template-columns:1fr 1fr}body{background:#fff}}.qr-workspace{gap:16px;display:grid}.qr-toolbar{flex-wrap:wrap;gap:9px;display:flex}.qr-columns{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:15px;display:grid}.qr-panel{background:#fff;border:1px solid #e7ebf1;border-radius:10px;min-width:0;padding:18px}.qr-panel h3{color:#293b54;align-items:center;gap:8px;margin:0 0 7px;font-size:14px;display:flex}.qr-panel p{color:#8995a5;margin:0 0 15px;font-size:11px}.qr-camera-panel{background:#fff;border:1px solid #e7ebf1;border-radius:10px;max-width:520px;padding:15px}.qr-camera-panel small{color:#77869a;margin-top:10px;font-size:10px;display:block}.qr-manual{gap:8px;display:flex}.qr-manual input,.qr-labels>input,.qr-fields input,.qr-fields select{color:#293b54;background:#fff;border:1px solid #dfe5ed;border-radius:6px;width:100%;min-width:0;padding:10px;font-size:11px}.qr-subtitle{margin-top:22px!important}.qr-empty{text-align:center;color:#9aa7b7;background:#f8fafc;border-radius:7px;padding:22px;font-size:11px}.qr-line{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.qr-line>div:first-child{min-width:0}.qr-line b{color:#293b54;font-size:11px;display:block}.qr-line small{color:#8995a5;margin-top:4px;font-size:9px;display:block}.qr-qty{flex-shrink:0;align-items:center;gap:7px;display:flex}.qr-qty button{color:#53647b;background:#fff;border:1px solid #e0e6ed;border-radius:5px;place-items:center;width:27px;height:27px;display:grid}.qr-qty button:disabled{opacity:.35}.qr-qty .qr-remove{color:#c6534e;margin-left:3px}.qr-fields{gap:10px;margin-top:17px;display:grid}.qr-fields label{color:#53647b;gap:5px;font-size:10px;font-weight:700;display:grid}.qr-confirm{width:100%;margin-top:15px}.qr-message{color:#3c668f;background:#eef6ff;border-radius:6px;margin-top:10px;padding:10px;font-size:10px}.qr-label-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:650px;margin-top:12px;display:grid;overflow:auto}.qr-label-card{text-align:center;break-inside:avoid;border:1px dashed #cbd5e1;border-radius:7px;flex-direction:column;align-items:center;gap:5px;padding:10px;display:flex}.qr-label-card b{color:#293b54;font-size:10px}.qr-label-card small{color:#8995a5;font-size:9px}.row-actions button{padding:0}.row-actions button span{font-size:9px}@media (width<=900px){.qr-columns{grid-template-columns:1fr}}@media print{.qr-toolbar,.qr-camera-panel,.qr-panel:not(.qr-labels),.sidebar,.topbar,.app-footer{display:none!important}.qr-columns{display:block}.qr-labels{border:0}.qr-label-grid{grid-template-columns:repeat(3,1fr);max-height:none;overflow:visible}.qr-label-card{border:1px dashed #999}}