:root{--bg:#f6f7f9;--line:#e5e8ed;--text:#1c2635;--muted:#748095;--blue:#2863d6;--soft:#edf3ff;--green:#247753;--red:#b43a3a}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font:13px/1.45 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}input,select,textarea{color:var(--text);background:#fff;border:1px solid #dce1e8;border-radius:5px;min-width:0;padding:8px 10px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #a9c6fd}input[type=checkbox]{accent-color:var(--blue);flex-shrink:0;width:15px;height:15px;padding:0}input[type=file]{width:100%;font-size:12px}textarea{resize:vertical;min-height:76px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{letter-spacing:-.7px;font-size:26px;font-weight:650}h2{letter-spacing:-.3px;font-size:18px}h3{font-size:14px}small{color:var(--muted)}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:220px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.5px;align-items:center;gap:11px;height:81px;padding:0 25px;font-size:21px;font-weight:700;display:flex}.brand-icon{background:var(--blue);color:#fff;border-radius:7px;place-items:center;width:30px;height:32px;display:grid}.workspace-label{border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;margin:0 17px 23px;padding:10px;font-size:12px;display:flex}.workspace-label .dot{background:#42a37a;border-radius:50%;width:7px;height:7px}.nav-caption{letter-spacing:1.3px;color:#99a0ae;text-transform:uppercase;padding:0 26px 8px;font-size:10px}.nav{flex-direction:column;gap:4px;padding:0 12px;display:flex}.nav a{color:#637084;border-radius:5px;align-items:center;gap:11px;padding:10px 13px;display:flex}.nav a:hover{background:#f7f8fa}.nav a.active{color:var(--blue);background:var(--soft);font-weight:600}.nav-separator{background:var(--line);height:1px;margin:18px 23px}.sidebar-bottom{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:15px 20px;display:flex}.avatar{color:#637084;background:#eef0f4;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:600;display:grid}.user-detail{flex:1;min-width:0;font-size:12px}.user-detail strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.user-detail small{font-size:10px}.topbar{border-bottom:1px solid var(--line);color:#7a8494;background:#fff;justify-content:space-between;align-items:center;height:61px;padding:0 32px;font-size:12px;display:flex}.topbar .breadcrumb{align-items:center;gap:12px;display:flex}.topbar .breadcrumb b{color:#424c5c;font-weight:500}.live-indicator{align-items:center;gap:6px;font-size:11px;display:flex}.live-indicator i{background:#42a37a;border-radius:50%;width:6px;height:6px}.content{max-width:1900px;padding:30px 32px 42px}.page-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-head p{color:var(--muted);margin-top:5px}.page-actions{align-items:center;gap:8px;display:flex}.button{white-space:nowrap;color:#465266;background:#fff;border:1px solid #dce1e8;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:7px 12px;font-size:12px;font-weight:500;display:inline-flex}.button:hover:not(:disabled){background:#f5f7fa;border-color:#b8c2d1}.button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.button.primary:hover:not(:disabled){background:#2056be}.button.danger{color:var(--red);border-color:#ebc6c6}.button.quiet{background:0 0;border-color:#0000}.button.small{min-height:28px;padding:4px 8px;font-size:11px}.button.icon{min-width:31px;padding:7px}.stats-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:23px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:7px;flex-direction:column;gap:9px;padding:17px 20px;display:flex}.stat .stat-label{color:var(--muted);font-size:11px}.stat strong{letter-spacing:-.5px;font-size:25px;font-weight:600}.stat small{font-size:10px}.stat strong.positive{color:var(--green)}.toolbar{border:1px solid var(--line);background:#fff;border-bottom:0;border-radius:7px 7px 0 0;align-items:center;gap:10px;padding:14px;display:flex}.search{flex:1;min-width:220px;max-width:430px;position:relative}.search svg{color:#929baa;position:absolute;top:10px;left:11px}.search input{width:100%;height:35px;padding-left:35px}.toolbar select{max-width:230px;height:35px;font-size:12px}.toolbar .filter-check{white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.toolbar-end{gap:8px;margin-left:auto;display:flex}.table-panel{border:1px solid var(--line);background:#fff;border-radius:7px}.toolbar+.table-panel{border-radius:0 0 7px 7px}.table-meta{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:9px 15px;font-size:11px;display:flex}.table-scroll{max-width:100%;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th{color:#7c8797;text-align:left;border-bottom:1px solid var(--line);z-index:1;background:#fafbfc;height:40px;padding:0 15px;font-weight:500;position:sticky;top:0}td{border-bottom:1px solid #edf0f3;max-width:420px;height:51px;padding:11px 15px}tbody tr:last-child td{border-bottom:0}.clickable:hover td{background:#f9fbff}.numeric{text-align:right;font-variant-numeric:tabular-nums}.sort-button{color:inherit;width:100%;text-align:inherit;background:0 0;border:0;padding:8px 0;font-size:11px;font-weight:500}.row-link{color:#29354a;text-align:left;max-width:100%;font:inherit;background:0 0;border:0;padding:0}.row-link:hover{color:var(--blue)}.product-name{align-items:center;gap:11px;min-width:240px;max-width:390px;display:flex}.product-name .name{white-space:normal;font-weight:500;display:block}.product-name small{margin-top:2px;font-size:10px;display:block}.product-thumbnail{color:#adb5c2;object-fit:cover;background:#f5f6f8;border:1px solid #e9edf2;border-radius:5px;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums;color:#8490a0;font-size:11px}.badge{color:#6f7a8b;background:#f0f2f5;border-radius:4px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:500;display:inline-flex}.badge.good{color:#2d8058;background:#eaf6ef}.badge.warn{color:#a77728;background:#fff5e5}.badge.blue{color:#4772bf;background:#edf3ff}.empty{text-align:center;color:#9aa3b1;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;display:flex}.empty strong{color:#637084;font-weight:500}.empty span{font-size:12px}.column-control{position:relative}.column-menu{border:1px solid var(--line);z-index:12;background:#fff;border-radius:6px;min-width:210px;padding:8px;position:absolute;top:32px;right:0;box-shadow:0 8px 24px #26344b15}.column-menu label{color:#4f5d70;align-items:center;gap:9px;padding:7px;font-size:12px;display:flex}.modal{border:1px solid var(--line);width:530px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);color:var(--text);border-radius:10px;padding:0;box-shadow:0 18px 80px #1f293730}.modal.wide{width:1040px}.modal::backdrop{background:#17233355}.modal-head{border-bottom:1px solid var(--line);z-index:5;background:#fff;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.modal-body{padding:22px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span{color:#677489;font-size:11px;font-weight:500}.field input,.field select,.field textarea{width:100%}.field small{font-size:10px}.full{grid-column:1/-1}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:23px;padding-top:18px;display:flex}.section-title{justify-content:space-between;align-items:center;margin:23px 0 12px;display:flex}.inline-fields{align-items:end;gap:8px;display:flex}.inline-fields .field{flex:1}.inline-fields input{width:100%}.line-editor{overflow:auto}.line-editor table{min-width:730px}.line-editor td{vertical-align:top;padding:7px}.line-editor input,.line-editor select{width:100%;font-size:12px}.line-editor th{padding:0 8px}.line-editor .quantity-input{min-width:85px}.line-editor .product-select{min-width:220px}.line-editor .unit{color:var(--muted);margin:5px 1px 0;font-size:10px}.alert{border-radius:5px;margin:0 0 16px;padding:12px 14px;font-size:12px}.alert.error{color:#a53636;background:#fff1f1;border:1px solid #f0caca}.alert.notice{color:#506c98;background:#f0f5ff;border:1px solid #dce8fc}.tabs{border-bottom:1px solid var(--line);gap:20px;margin-bottom:19px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 0 13px}.tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.login-wrap{place-items:center;min-height:100vh;padding:25px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:9px;width:385px;padding:32px}.login-brand{align-items:center;gap:10px;margin-bottom:28px;font-size:22px;font-weight:650;display:flex}.login-card p{color:var(--muted);margin:8px 0 24px;font-size:12px}.login-card .field{margin-bottom:16px}.login-card .button{width:100%;margin-top:7px}.loading-screen{min-height:100vh;color:var(--muted);place-items:center;display:grid}.toast{z-index:100;color:#fff;background:#243149;border-radius:7px;max-width:420px;padding:13px 19px;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 30px #24314933}.detail-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.detail-list div{border-bottom:1px solid var(--line);padding:10px 0}.detail-list small{margin-bottom:3px;display:block}.export-layout{grid-template-columns:280px minmax(0,1fr);gap:20px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:7px;padding:19px}.card .field{margin-bottom:15px}.checklist{flex-direction:column;gap:8px;display:flex}.checklist label{align-items:center;gap:8px;font-size:12px;display:flex}.card h3{margin-bottom:15px}.report-period{align-items:center;gap:8px;display:flex}.report-period input{font-size:12px}.spacer{flex:1}.subtle-link{color:var(--blue);font:inherit;background:0 0;border:0;padding:0}.image-gallery{flex-wrap:wrap;gap:8px;display:flex}.image-tile{border:1px solid var(--line);border-radius:5px;padding:5px;position:relative}.image-tile img{object-fit:cover;width:80px;height:80px;display:block}.image-tile .button{width:100%;margin-top:5px;display:block}.caption{color:var(--muted);margin-top:12px;font-size:11px}.number-badge{color:#6685bb;background:#e5edfb;border-radius:4px;margin-left:auto;padding:1px 5px;font-size:10px}.status-line{color:var(--muted);margin-top:15px;font-size:11px}.no-wrap{white-space:nowrap}@media (max-width:1100px){.sidebar{width:185px}.main{width:calc(100% - 185px);margin-left:185px}.brand{padding:0 19px}.content{padding:25px 20px}.topbar{padding:0 20px}.toolbar{flex-wrap:wrap}.stats-row{grid-template-columns:repeat(2,1fr)}.export-layout{grid-template-columns:240px minmax(0,1fr)}}@media (max-width:700px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;position:static}.app-shell{display:block}.brand{height:58px}.workspace-label,.nav-caption,.sidebar-bottom,.nav-separator{display:none}.nav{flex-direction:row;gap:4px;padding-bottom:9px;overflow:auto}.nav a{white-space:nowrap;padding:7px;font-size:11px}.nav a svg{display:none}.main{width:100%;margin:0}.topbar{height:45px;font-size:10px}.content{padding:20px 13px}.page-head{flex-direction:column;gap:14px}.page-actions{flex-wrap:wrap}.stats-row{gap:8px}.stat{padding:13px}.stat strong{font-size:20px}.toolbar{gap:7px;padding:10px}.search{min-width:100%;max-width:none}.toolbar select{flex:1;max-width:100%}.toolbar-end{margin-left:0}.form-grid,.export-layout{grid-template-columns:1fr}.modal-body{padding:15px}.report-period{flex-wrap:wrap}.page-head h1{font-size:23px}.live-indicator{display:none}.table-meta{padding:8px 10px}}.modal.drawer{border-top:0;border-bottom:0;border-right:0;border-radius:0;width:760px;height:100vh;max-height:100vh;margin:0 0 0 auto}.modal.drawer .modal-head{padding:20px 23px}.sidebar{width:208px}.main{width:calc(100% - 208px);margin-left:208px}.brand{letter-spacing:-.4px;font-size:20px}.brand .badge{display:none}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.stat strong{font-size:23px}.topbar{background:#fff}@media (max-width:1100px){.sidebar{width:185px}.main{width:calc(100% - 185px);margin-left:185px}}@media (max-width:700px){.sidebar{width:100%}.main{width:100%;margin-left:0}.modal.drawer{width:100vw;max-width:100vw}.inline-fields{flex-wrap:wrap}.inline-fields .field{min-width:115px}}.table-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:flex-end;align-items:center;gap:9px;padding:9px 14px;font-size:10px;display:flex}.table-footer label{align-items:center;gap:7px;margin-right:auto;display:flex}.table-footer select{padding:4px 7px;font-size:11px}.table-footer .button{min-height:25px;padding:3px 8px}.main,.content,.table-panel,.export-layout>*,.modal-body,.card{min-width:0}.sidebar{overscroll-behavior:contain;overflow-y:auto}.sidebar>.brand-row,.sidebar>.workspace-label,.sidebar>.nav-caption,.sidebar>.nav-separator,.sidebar>.sidebar-bottom{flex-shrink:0}.table-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.table-scroll:focus-visible{outline-offset:-2px;outline:2px solid #a9c6fd}.check-target{justify-content:center;align-items:center;display:inline-flex}.mobile-menu-trigger,.line-number{display:none}.modal[open]{flex-direction:column;display:flex}.modal-head{flex-shrink:0;gap:12px}.modal-head h2{overflow-wrap:anywhere;min-width:0}.modal-head>.button{flex-shrink:0}.modal-body{overscroll-behavior:contain;overflow:auto}.modal{max-height:calc(100dvh - 40px)}.modal.drawer{height:100dvh;max-height:100dvh}.mobile-navigation{flex-direction:column;gap:6px;display:flex}.mobile-navigation a{color:#536176;border-radius:6px;align-items:center;gap:12px;min-height:48px;padding:10px 12px;display:flex}.mobile-navigation a>span{flex:1}.mobile-navigation a.active{color:var(--blue);background:var(--soft);font-weight:600}.mobile-profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:20px;padding-top:18px;display:flex}.form-fields{border:0;min-width:0;margin:0;padding:0}.selection-summary{border:1px solid var(--line);color:#536176;background:#fff;border-bottom:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:flex}@media (max-width:1100px){.page-head{flex-wrap:wrap}.page-head>div{min-width:0;max-width:100%}.page-actions,.report-period,.table-footer{flex-wrap:wrap;max-width:100%}.report-period input,.report-period select{min-width:0;max-width:100%}}@media (pointer:coarse){.button,.button.small,.button.icon,.table-footer .button,.tabs button,.nav a,.row-link,.sort-button{min-height:44px}.button.icon,.table-footer .button{min-width:44px}input:not([type=checkbox]),select,textarea{min-height:44px;font-size:16px}.search input,.toolbar select{height:44px;font-size:16px}.search svg{top:14px}.check-target,.checklist label,.filter-check,.column-menu label{min-height:44px}.check-target{min-width:44px}input[type=checkbox]{width:20px;height:20px}}@media (max-width:700px){html{scroll-padding-top:16px}body{overscroll-behavior-y:none}input,select,textarea{min-height:44px;font-size:16px}input[type=checkbox]{width:20px;height:20px;min-height:20px}input[type=file]{min-height:44px;font-size:14px}textarea{min-height:96px}input[type=date]{width:100%;min-width:0;max-width:100%}.button,.button.small,.button.icon,.table-footer .button{min-width:44px;max-width:100%;min-height:44px;padding:10px 12px;font-size:13px}.button{touch-action:manipulation}.button.icon{padding:10px}.brand-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar{padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px))}.brand{height:64px;min-height:44px;padding:0}.mobile-menu-trigger{display:inline-flex}.sidebar .nav,.sidebar .workspace-label,.sidebar .nav-caption,.sidebar .sidebar-bottom,.sidebar .nav-separator{display:none}.main{min-width:0;max-width:100%}.topbar{height:44px;padding:0 max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px))}.breadcrumb{white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.breadcrumb b{text-overflow:ellipsis;overflow:hidden}.content{padding:20px max(12px,env(safe-area-inset-right,0px)) max(28px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));width:100%}.page-head{gap:16px;margin-bottom:20px}.page-head>div{min-width:0;max-width:100%}h1{overflow-wrap:anywhere}.page-actions{flex-wrap:wrap;gap:8px;width:100%;max-width:100%}.page-actions>.button{white-space:normal;text-align:center;flex:auto;min-width:0}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{min-width:0;padding:13px 11px}.stat strong{overflow-wrap:anywhere;font-size:20px}.stat small,.stat-label{overflow-wrap:anywhere}.toolbar{gap:8px;max-width:100%;padding:10px}.toolbar>*{min-width:0;max-width:100%}.search{width:100%;min-width:100%}.search input{height:44px;font-size:16px}.search svg{top:14px}.toolbar select{flex:130px;width:0;max-width:100%;height:44px;font-size:16px}.toolbar .filter-check{white-space:normal;flex:100%;min-height:44px;padding:4px 0}.toolbar-end{margin-left:auto}.table-panel{width:100%;max-width:100%}.table-meta{gap:8px;min-height:60px}.table-meta>span{overflow-wrap:anywhere;min-width:0}.table-scroll{width:100%;max-width:100%}.table-scroll td{padding:8px 12px}.table-scroll th{padding:0 12px}.sort-button{min-height:44px;font-size:12px}.row-link{align-items:center;min-height:44px;display:flex}.subtle-link{white-space:normal;align-items:center;min-height:44px;display:inline-flex}.product-name{min-width:210px;max-width:290px}.check-target{min-width:44px;min-height:44px}.table-scroll .check-cell{padding:0 4px}.table-footer{grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px;padding:10px;font-size:11px;display:grid}.table-footer label{grid-column:1/-1;justify-content:space-between;gap:10px;width:100%;margin:0}.table-footer select{min-height:44px;padding:8px 10px;font-size:16px}.table-footer>span{overflow-wrap:anywhere;min-width:0}.column-menu{overscroll-behavior:contain;max-width:calc(100vw - 36px);max-height:min(65dvh,480px);top:48px;overflow:auto}.column-menu label{white-space:normal;min-height:44px;padding:8px}.modal,.modal.wide,.modal.drawer{inset:var(--dialog-offset,0px) 0 auto;width:100%;max-width:100%;height:var(--dialog-height,100dvh);max-height:var(--dialog-height,100dvh);border:0;border-radius:0;margin:0;position:fixed}.modal-head,.modal.drawer .modal-head{padding:max(10px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));min-height:64px}.modal-head h2{font-size:18px}.modal-body{padding:16px max(12px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));flex:1;min-height:0;scroll-padding:16px}.modal-body input,.modal-body select,.modal-body textarea{scroll-margin-block:24px}.form-grid{grid-template-columns:minmax(0,1fr);gap:16px}.field>span{font-size:12px}.field small{font-size:11px}.form-actions{flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px}.form-actions>.button{white-space:normal;text-align:center;flex:140px}.form-actions>.spacer{display:none}.form-actions>strong{overflow-wrap:anywhere;width:100%}.inline-fields{flex-wrap:wrap;max-width:100%}.inline-fields .field{flex:130px;min-width:0}.inline-fields>.button{white-space:normal;flex:100%}.section-title{flex-wrap:wrap;align-items:center;gap:12px}.section-title h3{overflow-wrap:anywhere;min-width:0}.section-title>.button{white-space:normal}.detail-list{grid-template-columns:minmax(0,1fr)}.tabs{overscroll-behavior-x:contain;gap:18px;max-width:100%;overflow-x:auto}.tabs button{white-space:nowrap;flex-shrink:0;min-height:44px;font-size:13px}.report-period{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;max-width:100%;display:grid}.report-period input{width:100%;min-height:44px;padding:8px;font-size:16px}.report-period>span{display:none}.report-period select,.report-period>.button{grid-column:1/-1;width:100%}.export-layout{grid-template-columns:minmax(0,1fr);gap:16px}.card{padding:16px}.checklist{gap:2px}.checklist label{overflow-wrap:anywhere;min-height:44px;padding:5px 0;font-size:13px}.alert{overflow-wrap:anywhere}.login-wrap{min-height:100dvh;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.login-card{width:100%;min-width:0;max-width:385px;padding:24px 20px}.login-card .button{margin-top:12px}.toast{right:max(12px,env(safe-area-inset-right,0px));left:max(12px,env(safe-area-inset-left,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));overflow-wrap:anywhere;max-width:none;padding:13px 16px}.mobile-profile .user-detail strong{white-space:normal;overflow-wrap:anywhere}.mobile-profile .user-detail small{font-size:12px}.mobile-profile>.button{flex-shrink:0}.line-editor{max-width:100%;overflow:visible}.line-editor table{white-space:normal;width:100%;min-width:0;display:block}.line-editor thead{display:none}.line-editor tbody{flex-direction:column;gap:14px;width:100%;display:flex}.line-editor tbody tr{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px;display:grid;position:relative}.line-editor tbody td{text-align:left;border:0;min-width:0;max-width:none;height:auto;padding:0;display:block}.line-editor tbody td[data-label]:before{content:attr(data-label);color:#677489;margin-bottom:6px;font-size:11px;font-weight:500;display:block}.line-editor .line-product,.line-editor .line-source,.line-editor .line-total{grid-column:1/-1}.line-editor tbody td.line-product:before{display:none}.line-number{color:#677489;min-height:30px;margin-bottom:10px;padding-right:38px;font-size:12px;font-weight:600;display:block}.line-editor .product-select,.line-editor .quantity-input{width:100%;min-width:0;max-width:100%}.line-editor input,.line-editor select{min-height:44px;font-size:16px}.line-editor .unit{overflow-wrap:anywhere;font-size:11px}.line-editor tbody td.line-total{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:12px;font-weight:600;display:flex}.line-editor tbody td.line-total:before{margin:0;font-size:12px;font-weight:400}.line-editor tbody td.line-remove{position:absolute;top:6px;right:6px}}.filter-panel{display:contents}.filter-panel-toggle,.filter-panel-actions{display:none}.filter-panel-content{display:contents}.filter-count{color:#2863d6;background:#eaf0fc;border-radius:10px;justify-content:center;align-items:center;min-width:21px;height:21px;font-size:12px;font-weight:600;display:inline-flex}.interface-mode-toggle{border:1px solid var(--line);background:#fff;border-radius:8px;gap:4px;padding:4px;display:flex}.interface-mode-toggle .button{flex:1;justify-content:center;min-width:0;padding-inline:10px}.interface-mode-toggle .button[aria-pressed=true]{color:#245dc3;background:#edf3ff;border-color:#b8cef5}.image-picker{margin-top:16px}.image-picker-options{border:1px solid var(--line);background:#fafbfd;border-radius:8px;flex-wrap:wrap;gap:8px;margin-top:10px;padding:12px;display:flex}.image-picker-options small{color:var(--muted);flex-basis:100%}@media (max-width:700px){.filter-panel{flex:0 0 100%;width:100%;min-width:0;display:block}.filter-panel-toggle{gap:8px;max-width:100%;min-height:44px;display:inline-flex}.filter-panel-content{display:none}.filter-panel.is-open>.filter-panel-content{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:12px;min-width:0;margin-top:10px;padding:12px;display:flex}.filter-panel-content>.form-grid{gap:12px;width:100%}.filter-panel-content select,.filter-panel-content input:not([type=checkbox]),.filter-panel-content .field{width:100%;min-width:0}.filter-panel-actions{justify-content:flex-end;gap:8px;width:100%;padding-top:4px;display:flex}.filter-panel-actions>.button{flex:1;justify-content:center;min-height:44px}.toolbar:has(>.filter-panel)>.search{flex:calc(100% - 60px);min-width:0}.toolbar:has(>.filter-panel)>.toolbar-end{flex:none;order:0}.toolbar:has(>.filter-panel)>.filter-panel{order:1}.interface-mode-toggle .button{min-height:44px}.image-picker-options .button{flex:1;justify-content:center;min-height:44px}.image-picker-options small{line-height:1.5}.filter-panel-content .page-actions{margin:0!important}.filter-panel-content .page-actions>.button{width:auto}.mobile-filter-desktop-actions{display:none!important}.export-layout>.filter-panel.is-open>.filter-panel-content{border:0;padding:0}.export-layout>.filter-panel .card{width:100%;margin:0}.report-period>.filter-panel{grid-column:1/-1}.report-period .filter-panel-content>span{display:none}.export-layout>aside.card{padding:12px}.export-layout>aside .filter-panel.is-open>.filter-panel-content{border:0;padding:12px 0 0}.image-picker-options{max-width:100%}.filter-panel .filter-check{min-height:44px}.lite-mode .product-stats>.stat:nth-child(2),.lite-mode .product-stats>.stat:nth-child(4){display:none}.lite-mode .product-stats{margin-bottom:14px}.lite-mode .product-stats .stat{padding:12px}.lite-mode .product-stats .stat small{display:none}[data-table-id=products-lite] .product-name{gap:7px;min-width:150px;max-width:150px}[data-table-id=products-lite] .product-name>span:last-child{min-width:0}[data-table-id=products-lite] .product-name .name{white-space:normal;overflow-wrap:anywhere}[data-table-id=products-lite] .product-thumbnail{width:24px;min-width:24px;height:24px}[data-table-id=products-lite] th,[data-table-id=products-lite] td{padding-inline:9px}[data-table-id=products-lite] .product-name small{white-space:normal;overflow-wrap:anywhere}}
.offline-page{color:#1c2635;background:#f6f7f9;margin:0;font:14px/1.5 system-ui,sans-serif}.offline-page *{box-sizing:border-box}.offline-workspace{max-width:1120px;margin:auto;padding:24px}.offline-workspace-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.offline-workspace-head>strong{font-size:23px}.offline-banner{background:#fff8e8;border:1px solid #e5d4ac;border-radius:7px;padding:14px 16px}.offline-banner p{margin:6px 0 0}.offline-timestamp{color:#687386;margin:12px 0 24px;font-size:12px}.offline-catalog{min-width:0}.offline-catalog h1{margin:0 0 8px;font-size:23px}.offline-caption{color:#687386;overflow-wrap:anywhere;margin:7px 0 14px;font-size:12px}.offline-field{flex-direction:column;gap:6px;min-width:0;display:flex}.offline-field input,.offline-field select{color:#1c2635;width:100%;min-width:0;max-width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #dce1e8;border-radius:5px;padding:10px}.offline-field span{color:#687386;font-size:12px}.offline-filters{background:#fff;border:1px solid #e5e8ed;border-radius:6px;margin:12px 0}.offline-filters>summary,.offline-product-details>summary{cursor:pointer;min-height:44px;padding:12px}.offline-filter-fields{grid-template-columns:1fr 1fr;gap:14px;padding:0 14px 14px;display:grid}.offline-check{align-items:center;gap:10px;min-height:44px;display:flex}.offline-check input{width:18px;height:18px}.offline-count{color:#687386;font-size:12px}.offline-product-list{flex-direction:column;gap:8px;display:flex}.offline-product{background:#fff;border:1px solid #e5e8ed;border-radius:7px;min-width:0;padding:16px}.offline-product-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.offline-product h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:15px;font-weight:600}.offline-price{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:17px}.offline-balances{margin:8px 0;font-size:13px}.offline-product-details{color:#536176;border-top:1px solid #edf0f3;font-size:12px}.offline-product-details>summary{padding:10px 0}.offline-product-details p{overflow-wrap:anywhere;margin:5px 0}.offline-button,.offline-page .button{color:#344256;min-height:44px;font:inherit;cursor:pointer;text-align:center;background:#fff;border:1px solid #dce1e8;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;text-decoration:none;display:inline-flex}.offline-button:disabled{opacity:.45;cursor:default}.offline-button:focus-visible,.offline-catalog input:focus-visible,.offline-catalog select:focus-visible,.offline-catalog summary:focus-visible{outline-offset:2px;outline:2px solid #a9c6fd}.offline-pagination{justify-content:flex-end;align-items:center;gap:12px;margin:16px 0;display:flex}.offline-clear{margin-top:20px}.offline-empty{text-align:center;color:#687386;padding:30px}.offline-page .card{background:#fff;border:1px solid #e5e8ed;border-radius:7px;margin-top:20px;padding:20px}.offline-page .card h1{font-size:22px}.connection-controls{color:#536176;min-width:0;font-size:12px;position:relative}.connection-controls>summary{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;min-height:32px;list-style:none;display:flex}.connection-controls>summary::-webkit-details-marker{display:none}.connection-dot{background:#9ca3af;border-radius:50%;flex-shrink:0;width:7px;height:7px}.connection-dot.online{background:#247753}.connection-dot.offline{background:#b67d13}.connection-popover{z-index:30;background:#fff;border:1px solid #e5e8ed;border-radius:7px;width:300px;max-width:calc(100vw - 24px);padding:16px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #26344b15}.connection-popover p{overflow-wrap:anywhere;margin:10px 0;font-size:12px}.connection-popover>.button{white-space:normal;width:100%;margin-top:8px}.connection-popover strong{display:block}.offline-workspace .card p{margin-top:12px}.lite-mode .page-head p{display:none}@media (max-width:700px){.offline-workspace{padding:16px 12px;padding-top:max(16px,env(safe-area-inset-top))}.offline-workspace-head{margin-bottom:16px}.offline-workspace-head>strong{font-size:21px}.offline-filter-fields{grid-template-columns:1fr}.offline-field input,.offline-field select{font-size:16px}.offline-product{padding:12px}.offline-product-heading{gap:12px}.offline-product h2{font-size:14px}.offline-price{white-space:normal;text-align:right;overflow-wrap:anywhere;flex-shrink:0;max-width:40%;font-size:16px}.offline-balances{font-size:12px;line-height:1.6}.connection-controls>summary{min-height:44px;font-size:11px}.connection-controls>summary span:last-child{text-overflow:ellipsis;max-width:130px;overflow:hidden}.connection-popover{position:fixed;top:110px;right:12px}.offline-workspace .card h1{font-size:21px}.offline-workspace .card{padding:16px}.offline-clear{width:100%;min-height:44px}.lite-mode .page-head{margin-bottom:16px}}.desktop-interface-mode{padding:20px 16px 0}.topbar{gap:12px}@media (max-width:700px){.desktop-interface-mode,.breadcrumb>span:first-child,.breadcrumb>span:nth-child(2){display:none}.topbar .breadcrumb{flex:1;min-width:0}.connection-controls{flex-shrink:0}}