:root{--ink:#172033;--muted:#7c879c;--line:#e7ebf1;--blue:#2864ff;--blue-dark:#184dcc;--canvas:#f4f7fb;--green:#16a36a}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Noto Sans Thai,Leelawadee UI,Tahoma,Arial,sans-serif}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:28px 20px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 10px 32px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#3476ff,#184bd4);border-radius:13px;place-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:grid;box-shadow:0 9px 22px #2864ff40}.brand strong,.brand span{display:block}.brand strong{letter-spacing:-.02em;font-size:18px}.brand span{color:var(--muted);margin-top:1px;font-size:11px}.nav-heading{color:#a2aabc;letter-spacing:.08em;margin:0 0 8px;padding:0 13px;font-size:10px;font-weight:700}.main-nav{flex:1}.nav-item{color:#657086;border-radius:11px;align-items:center;gap:12px;min-height:45px;margin:3px 0;padding:0 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{color:var(--blue);background:#f4f7ff}.nav-item.active{color:var(--blue);background:#edf3ff}.nav-icon{text-align:center;width:22px;font-size:18px;font-weight:500;line-height:1}.nav-badge{color:#6b7588;background:#e3e9f4;border-radius:10px;place-items:center;min-width:23px;height:20px;margin-left:auto;padding:0 5px;font-size:10px;display:grid}.stock-alert{background:#fff8ed;border:1px solid #ffe4bb;border-radius:12px;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;margin:14px 1px 20px;padding:13px 12px;display:grid}.alert-icon{color:#fff;background:#ffac33;border-radius:8px;place-items:center;width:27px;height:27px;font-size:13px;font-weight:800;display:grid}.stock-alert strong,.stock-alert span{display:block}.stock-alert strong{color:#805518;font-size:10px}.stock-alert span{color:#a77b3e;margin-top:2px;font-size:9px}.stock-alert .alert-arrow{color:#ca8c31;margin:0;font-size:20px}.sidebar-user{border-top:1px solid var(--line);grid-template-columns:35px 1fr auto;align-items:center;gap:9px;padding:20px 7px 0;display:grid}.avatar{width:35px;height:35px;color:var(--blue);background:#d9e7ff;border-radius:50%;place-items:center;font-weight:800;display:grid}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user span{color:var(--muted);margin-top:2px;font-size:9px}.sidebar-user button{color:#9aa3b4;cursor:pointer;background:0 0;border:0}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;justify-content:space-between;align-items:center;height:104px;padding:0 42px;display:flex;position:sticky;top:0}.eyebrow{color:var(--muted);margin:0 0 3px;font-size:10px}.topbar h1{letter-spacing:-.035em;margin:0;font-size:22px}.top-actions{align-items:center;gap:12px;display:flex}.icon-button{border:1px solid var(--line);color:#68748a;cursor:pointer;background:#fff;border-radius:11px;width:40px;height:40px;position:relative}.icon-button span{color:#ff5353;font-size:8px;position:absolute;top:6px;right:8px}.primary-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:11px;height:42px;padding:0 18px;font-size:12px;font-weight:700;box-shadow:0 8px 20px #2864ff3b}.primary-button:hover{background:var(--blue-dark)}.primary-button span{vertical-align:-1px;margin-right:4px;font-size:17px}.content{max-width:1600px;margin:0 auto;padding:28px 42px 48px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.summary-card{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:105px;padding:18px;display:grid;box-shadow:0 3px 14px #15233c06}.summary-icon{border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.summary-icon.blue{color:#2864ff;background:#edf3ff}.summary-icon.green{color:#13a46b;background:#eaf8f2}.summary-icon.violet{color:#785be9;background:#f1edff}.summary-icon.amber{color:#ed9519;background:#fff4e4}.summary-main span,.summary-main strong{display:block}.summary-main span{color:var(--muted);font-size:10px}.summary-main strong{letter-spacing:-.02em;margin-top:4px;font-size:20px}.trend{color:var(--green);background:#eaf8f2;border-radius:12px;align-self:end;margin-bottom:8px;padding:4px 7px;font-size:9px;font-weight:700}.card-detail{color:#9aa4b5;text-align:right;align-self:end;margin-bottom:8px;font-size:8px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(270px,.7fr);gap:16px;margin-top:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;box-shadow:0 3px 14px #15233c06}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-heading h2{letter-spacing:-.015em;margin:0;font-size:14px}.panel-heading p{color:var(--muted);margin:3px 0 0;font-size:9px}.panel-heading select{border:1px solid var(--line);color:#667186;background:#fff;border-radius:8px;padding:7px 25px 7px 10px;font-size:9px}.chart-summary{gap:32px;margin:22px 0 8px 42px;display:flex}.chart-summary>div{align-items:flex-start;gap:7px;display:flex}.chart-summary p{color:var(--muted);margin:0;font-size:8px}.chart-summary strong{color:var(--ink);margin-top:2px;font-size:13px;display:block}.legend{border-radius:50%;width:7px;height:7px;margin-top:3px}.legend.sales{background:var(--blue)}.legend.profit{background:#49d5b0}.chart{grid-template-columns:28px 1fr;gap:10px;height:210px;padding-top:10px;display:grid}.y-axis{text-align:right;color:#a4adbb;flex-direction:column;justify-content:space-between;padding:0 0 23px;font-size:7px;display:flex}.bar-area{border-bottom:1px solid var(--line);grid-template-columns:repeat(12,1fr);gap:clamp(4px,1vw,12px);display:grid;position:relative}.grid-line{border-top:1px dashed #e9edf3;position:absolute;left:0;right:0}.line-1{top:25%}.line-2{top:50%}.line-3{top:75%}.bar-column{z-index:1;grid-template-rows:1fr 21px;align-items:end;min-width:0;height:100%;display:grid}.bar-pair{justify-content:center;align-items:flex-end;gap:2px;height:100%;display:flex}.bar-pair span{background:var(--blue);border-radius:3px 3px 0 0;width:min(9px,38%)}.bar-pair span+span{background:#65d9ba}.bar-column small{text-align:center;color:#9ca6b5;padding-top:8px;font-size:7px}.healthy-dot{color:var(--green);background:#eaf8f2;border-radius:10px;padding:4px 8px;font-size:8px;font-weight:700}.healthy-dot:before{content:"";background:var(--green);border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.donut-wrap{place-items:center;padding:17px 0 14px;display:grid}.donut{background:conic-gradient(var(--blue) 0 68%,#edf1f7 68% 100%);border-radius:50%;place-items:center;width:135px;height:135px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:15px}.donut div{z-index:1;text-align:center}.donut strong,.donut span{display:block}.donut strong{letter-spacing:-.04em;font-size:24px}.donut span{color:var(--muted);font-size:8px}.payback-stats{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding-top:13px;display:grid}.payback-stats div+div{border-left:1px solid var(--line);padding-left:13px}.payback-stats span,.payback-stats strong{display:block}.payback-stats span{color:var(--muted);font-size:8px}.payback-stats strong{margin-top:2px;font-size:12px}.green-text{color:var(--green)}.remaining{color:var(--muted);background:#f7f9fc;border-radius:8px;justify-content:space-between;margin-top:11px;padding:8px 10px;font-size:9px;display:flex}.remaining strong{color:var(--ink)}.lower-grid{grid-template-columns:minmax(0,1.5fr) minmax(290px,.8fr);gap:16px;margin-top:16px;display:grid}.panel-heading a{color:var(--blue);align-self:center;font-size:9px;font-weight:700}.jobs-table{margin-top:15px}.table-row{color:#68748a;border-top:1px solid #edf0f4;grid-template-columns:minmax(190px,1.6fr) .7fr .65fr .8fr 20px;align-items:center;gap:12px;min-height:53px;font-size:9px;display:grid}.table-head{color:#a0a9b8;border-top:0;min-height:28px;font-size:8px}.project-cell{align-items:center;gap:9px;display:flex}.project-cell p{margin:0}.project-cell strong,.project-cell small{display:block}.project-cell strong{color:var(--ink);font-size:9px}.project-cell small{color:#a2abb9;margin-top:2px;font-size:7px}.job-thumb{width:29px;height:29px;color:var(--blue);background:#edf3ff;border-radius:8px;place-items:center;font-weight:800;display:grid}.table-row>strong{color:var(--ink)}.table-row button{color:#a5adba;background:0 0;border:0;font-size:18px}.status{white-space:nowrap;border-radius:9px;padding:4px 7px;font-size:7px;font-style:normal;font-weight:700}.status.pending{color:#dc8b1b;background:#fff4df}.status.printing{color:#128b68;background:#e9f8f4}.status.design{color:#7456df;background:#f0ecff}.status.done{color:#2864ff;background:#edf3ff}.material{border-bottom:1px solid #edf0f4;margin-top:16px;padding-bottom:14px;position:relative}.material>div:first-child{align-items:center;gap:9px;display:flex}.material p{margin:0}.material strong,.material small{display:block}.material small{color:var(--muted);margin-top:2px;font-size:7px}.material>b{font-size:9px;position:absolute;top:4px;right:0}.material-icon{border-radius:8px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.material-icon.vinyl{color:#2864ff;background:#edf3ff}.material-icon.sticker{color:#169a72;background:#e9f8f4}.progress{background:#edf1f6;border-radius:4px;height:5px;margin-top:10px;overflow:hidden}.progress span{background:#f0a432;border-radius:4px;height:100%;display:block}.progress.warning span{background:#ffca54}.stock-note{background:#f4f7fb;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:9px;display:flex}.stock-note>span{color:#5b75a0;background:#dfe8f8;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-weight:800;display:grid}.stock-note p{color:#7d889a;margin:0;font-size:8px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a142894;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.job-modal{background:#fff;border-radius:20px;width:min(100%,1040px);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 30px 80px #07122a59}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 18px;display:flex}.modal-header p{color:var(--blue);letter-spacing:.12em;margin:0 0 3px;font-size:8px;font-weight:800}.modal-header h2{letter-spacing:-.03em;margin:0;font-size:20px}.modal-header span{color:var(--muted);margin-top:3px;font-size:9px;display:block}.modal-header button{border:1px solid var(--line);color:#7c8798;cursor:pointer;background:#fff;border-radius:10px;width:34px;height:34px;font-size:22px}.job-form{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);display:grid}.field{display:block}.field>span,fieldset legend,.tax-options>span,.discount-field>span{color:#68758a;margin-bottom:6px;font-size:9px;font-weight:700;display:block}.field input,.field select,.discount-field input{width:100%;height:40px;color:var(--ink);background:#fff;border:1px solid #dfe5ee;border-radius:9px;outline:none;padding:0 12px;font-size:11px}.field input:focus,.field select:focus,.discount-field input:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff17}.job-type{border:0;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0;padding:0;display:grid}.job-type legend{grid-column:1/-1}.job-type button{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:10px;align-items:center;gap:9px;min-height:61px;padding:9px;display:flex}.job-type button.selected{border-color:var(--blue);background:#f2f6ff;box-shadow:0 0 0 2px #2864ff14}.job-type button b{width:30px;height:30px;color:var(--blue);background:#edf3ff;border-radius:8px;place-items:center;font-size:10px;display:grid}.job-type button span{font-size:10px;font-weight:700}.job-type button small{color:var(--muted);margin-top:2px;font-size:7px;font-weight:400;display:block}.dimensions{grid-template-columns:1fr 15px 1fr 15px 1fr;align-items:end;gap:7px;margin-top:17px;display:grid}.dimensions>span{color:#a0a9b8;place-items:center;height:40px;display:grid}.width-warning{color:#b67517;background:#fff5e6;border-radius:8px;margin:9px 0 0;padding:8px 10px;font-size:8px}.extras-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:17px;display:grid}.paper-size-presets{background:#f8faff;border:1px solid #dce5f3;border-radius:11px;gap:9px;padding:13px;display:grid}.paper-size-presets>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.paper-size-presets>div:first-child b{font-size:14px}.paper-size-presets>div:first-child small{color:var(--muted);font-size:12px}.paper-size-presets>div:last-child{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.paper-size-presets button{color:#53627a;min-width:0;font:inherit;cursor:pointer;background:#fff;border:1px solid #d5deec;border-radius:9px;padding:8px 5px;transition:all .16s}.paper-size-presets button b,.paper-size-presets button small{display:block}.paper-size-presets button b{font-size:14px}.paper-size-presets button small{color:#8a96a8;white-space:nowrap;margin-top:1px;font-size:11px}.paper-size-presets button:hover,.paper-size-presets button.active{color:var(--blue);background:#edf3ff;border-color:#7097fb;box-shadow:0 0 0 2px #2864ff12}.paper-size-presets button.active small{color:#4e73cc}.quote-panel{border-left:1px solid var(--line);background:#f7f9fc;padding:22px}.area-box{color:#fff;background:linear-gradient(145deg,#2864ff,#1649cc);border-radius:12px;padding:15px;box-shadow:0 10px 24px #2864ff33}.area-box span,.area-box strong,.area-box small{display:block}.area-box span{opacity:.8;font-size:8px}.area-box strong{margin-top:3px;font-size:22px}.area-box small{opacity:.7;margin-top:2px;font-size:8px}.quote-lines{border-bottom:1px solid #dfe5ee;padding:12px 0}.quote-lines p,.quote-total p{color:#6f7b8e;justify-content:space-between;margin:7px 0;font-size:9px;display:flex}.quote-lines b,.quote-total b{color:var(--ink)}.discount-field{margin:12px 0;display:block}.discount-field input{background:#fff;height:35px}.tax-options{border-top:1px solid #e2e7ee;border-bottom:1px solid #e2e7ee;padding:11px 0}.tax-options label{color:#536076;margin:7px 0;font-size:9px;display:block}.tax-options input{accent-color:var(--blue);vertical-align:-2px;margin-right:5px}.quote-total{padding-top:8px}.quote-total>div{border-top:1px dashed #cfd6e1;justify-content:space-between;align-items:end;margin-top:10px;padding-top:12px;display:flex}.quote-total>div span{font-size:10px;font-weight:700}.quote-total>div strong{color:var(--blue);font-size:19px}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding:15px 28px;display:flex}.modal-footer button{cursor:pointer;border-radius:9px;height:40px;padding:0 17px;font-size:10px;font-weight:700}.cancel-button{color:#6f7a8d;background:#fff;border:1px solid #dfe5ee}.save-button{background:var(--blue);color:#fff;border:0}.save-button span{margin-left:8px}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:14px 16px;position:static}.brand{padding:0}.brand-mark{width:36px;height:36px}.brand span,.main-nav,.stock-alert,.sidebar-user{display:none}.topbar{height:84px;padding:0 18px}.topbar h1{font-size:18px}.eyebrow{font-size:8px}.icon-button{display:none}.primary-button{height:38px;padding:0 12px;font-size:10px}.content{padding:18px}.summary-grid{grid-template-columns:1fr 1fr;gap:10px}.summary-card{grid-template-columns:36px 1fr;min-height:88px;padding:13px}.summary-icon{width:34px;height:34px}.summary-main strong{font-size:16px}.trend,.card-detail{display:none}.sales-panel,.payback-panel,.recent-panel,.stock-panel{padding:18px}.chart-summary{margin-left:30px}.table-row{grid-template-columns:minmax(150px,1.5fr) .7fr .7fr}.table-row>:nth-child(2),.table-row>:nth-child(5),.table-head span:nth-child(2),.table-head span:nth-child(5){display:none}.modal-backdrop{padding:8px}.job-modal{border-radius:15px;max-height:calc(100vh - 16px)}.modal-header{padding:17px}.job-form{grid-template-columns:1fr}.form-main{padding:17px}.quote-panel{border-left:0;border-top:1px solid var(--line);padding:17px}.job-type{grid-template-columns:1fr}.extras-grid{grid-template-columns:1fr 1fr}.modal-footer{background:#fff;padding:12px 17px;position:sticky;bottom:0}.save-button{flex:1}}@media (width<=440px){.summary-grid{grid-template-columns:1fr}.summary-card{min-height:76px}.topbar h1 span{display:none}.chart-summary{gap:15px;margin-left:0}.bar-area{gap:2px}.bar-column small{font-size:6px}}body{font-size:16px;font-weight:450}.app-shell{grid-template-columns:274px minmax(0,1fr)}.sidebar{padding:30px 20px 22px}.brand-mark{width:46px;height:46px;font-size:16px}.brand-mark.large{border-radius:18px;width:62px;height:62px;margin:auto;font-size:21px}.nav-item{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;min-height:52px;font-size:15px}.nav-badge,.stock-alert strong{font-size:12px}.sidebar-user button{cursor:pointer;font-size:12px}.topbar{height:112px;padding:0 48px}.primary-button{height:48px;padding:0 21px;font-size:14px}.content{padding:32px 48px 60px}.summary-card{min-height:122px;padding:22px}.summary-icon{width:48px;height:48px;font-size:17px}.panel-heading p{margin-top:5px;font-size:12px}.sales-panel,.payback-panel{min-height:380px;padding:26px 28px}.recent-panel,.stock-panel{padding:24px 28px}.payback-stats span{font-size:11px}.payback-stats strong{font-size:15px}.donut span{font-size:11px}.table-row{min-height:62px;font-size:12px}.project-cell strong{font-size:13px}.project-cell small{font-size:10px}.status{font-size:11px}.modal-backdrop{align-items:center;overflow:auto}.job-modal{flex-direction:column;max-height:calc(100dvh - 32px);display:flex}.modal-header{flex:none;padding:24px 30px 19px}.job-form{min-height:0;overflow:auto}.form-main{padding:24px 30px}.field input,.field select,.discount-field input{height:46px;font-size:14px}.job-type button b{font-size:13px}.quote-panel{padding:24px}.quote-lines p,.quote-total p,.tax-options label{font-size:12px}.modal-footer{background:#fff;flex:none}.modal-footer button{height:46px;font-size:13px}.spaced{margin-top:17px}.discount-row{grid-template-columns:1fr 82px;align-items:end;gap:8px;display:grid}.discount-row select{background:#fff;border:1px solid #dfe5ee;border-radius:9px;height:35px}.form-error,.page-error,.login-error{color:#b22b2b;background:#fff0f0;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:700}.save-button:disabled{opacity:.55;cursor:wait}.live-pill{color:#11885f;background:#eaf8f2;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.version-badge{z-index:90;color:#60708d;background:#fffffff0;border:1px solid #2864ff2e;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;position:fixed;bottom:12px;right:16px;box-shadow:0 3px 12px #15233c14}.loading-page,.login-page{background:linear-gradient(145deg,#edf3ff,#f8faff);place-items:center;min-height:100vh;font-size:18px;display:grid}.loading-page{align-content:center;gap:12px}.loading-page span{color:var(--muted);font-size:13px}.loading-page button{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:10px 18px}.login-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:24px;width:min(430px,100% - 32px);padding:38px;box-shadow:0 22px 60px #19305c1f}.login-card>p{letter-spacing:.13em;color:var(--blue);margin:16px 0 4px;font-size:11px;font-weight:800}.login-card h1{margin:0 0 25px;font-size:25px}.login-card form{text-align:left}.login-card label{margin:14px 0;font-size:13px;font-weight:700;display:block}.login-card input{width:100%;height:48px;font:inherit;border:1px solid #dfe5ee;border-radius:10px;margin-top:6px;padding:0 13px;display:block}.login-card form button{background:var(--blue);color:#fff;border:0;border-radius:11px;width:100%;height:50px;margin-top:10px;font-size:15px;font-weight:800}.login-card>small{color:var(--muted);margin-top:20px;font-size:10px;display:block}.insight-panel{min-height:380px;padding:28px}.big-metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0;display:grid}.big-metrics div{background:#f5f8fd;border-radius:14px;padding:20px}.big-metrics span,.big-metrics strong{display:block}.big-metrics span{color:var(--muted);font-size:12px}.big-metrics strong{margin-top:7px;font-size:25px}.status-bars{gap:14px;display:grid}.status-bars>div{grid-template-columns:150px 70px 1fr;align-items:center;gap:12px;font-size:12px;display:grid}.status-bars i{background:#edf1f6;border-radius:10px;height:9px;overflow:hidden}.status-bars em{background:var(--blue);border-radius:10px;height:100%;display:block}.link-button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-weight:700}.page-section{gap:20px;display:grid}.page-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.page-toolbar h2{margin:0;font-size:24px}.page-toolbar p{color:var(--muted);margin:4px 0 0;font-size:13px}.filters{gap:10px;display:flex}.filters input,.filters select{background:#fff;border:1px solid #dfe5ee;border-radius:10px;height:44px;padding:0 13px;font-size:13px}.filters input{min-width:250px}.data-table{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.data-head,.data-row{align-items:center;gap:15px;padding:0 20px;display:grid}.data-head{color:#7e899b;background:#f7f9fc;min-height:45px;font-size:12px;font-weight:700}.data-row{border-top:1px solid var(--line);min-height:76px;font-size:13px}.data-row strong,.data-row small,.data-row div>span{display:block}.data-row small{color:var(--muted);margin-top:4px;font-size:10px}.data-row select{background:#fff;border:1px solid #dfe5ee;border-radius:8px;height:38px;padding:0 8px;font-size:12px}.positive{color:#11885f}.negative{color:#c33}.danger-button{color:#bf3838;cursor:pointer;background:#fff5f5;border:1px solid #ffd2d2;border-radius:8px;padding:7px 10px;font-size:11px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.inventory-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px}.inventory-card.archived{opacity:.55}.inventory-head{grid-template-columns:42px 1fr auto;align-items:center;gap:12px;display:grid}.inventory-head strong,.inventory-head small{display:block}.inventory-head strong{font-size:14px}.inventory-head small{color:var(--muted);margin-top:3px;font-size:11px}.inventory-head em{color:#bd7511;background:#fff4df;border-radius:999px;padding:5px 9px;font-size:10px;font-style:normal}.stock-number{justify-content:space-between;align-items:end;margin:22px 0;display:flex}.stock-number span{color:var(--muted);font-size:12px}.stock-number strong{font-size:27px}.inventory-actions{gap:8px;display:flex}.inventory-actions button{color:#536076;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:8px;height:36px;font-size:12px}.inventory-actions button:nth-child(-n+2){width:48px}.inventory-actions button:nth-child(n+3){padding:0 12px}.finance-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.finance-panel{padding:24px}.primary-button.small{height:40px;padding:0 14px;font-size:12px}.finance-row{border-top:1px solid var(--line);grid-template-columns:1fr auto auto auto;align-items:center;gap:15px;min-height:68px;font-size:13px;display:grid}.finance-row:first-of-type{margin-top:18px}.finance-row strong,.finance-row small{display:block}.finance-row small{color:var(--muted);margin-top:3px;font-size:10px}.report-summary{margin-bottom:0}.report-summary .summary-card{grid-template-columns:1fr}.report-columns{grid-template-columns:1.2fr .6fr 1fr 1fr 1fr}.report-table{margin-top:0}@media (width<=1000px){.jobs-columns{grid-template-columns:1fr 1.3fr .7fr 1fr 50px}.jobs-columns>:nth-child(4){display:none}.finance-grid,.material-grid{grid-template-columns:1fr}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:12px 16px;position:static}.brand{padding:0}.main-nav{margin-top:12px;display:flex;overflow:auto}.nav-heading,.stock-alert,.sidebar-user{display:none}.nav-item{white-space:nowrap;width:auto;min-height:40px;padding:0 12px}.nav-icon{display:none}.topbar{height:auto;min-height:90px;padding:16px 18px}.topbar h1{font-size:22px}.live-pill{display:none}.content{padding:18px}.summary-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.page-toolbar{flex-direction:column;align-items:flex-start}.filters{flex-direction:column;width:100%}.filters input{width:100%;min-width:0}.data-table{overflow:auto}.data-head,.data-row{min-width:780px}.material-grid{grid-template-columns:1fr}.job-modal{max-height:calc(100dvh - 12px)}.job-form{display:block;overflow:auto}.quote-panel{border-left:0}.modal-footer{position:sticky;bottom:0}.big-metrics{grid-template-columns:1fr}.status-bars>div{grid-template-columns:100px 60px 1fr}}svg{width:1.25em;height:1.25em;display:block}.primary-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-button svg{width:18px;height:18px}.brand{position:relative}.brand>img{object-fit:contain;border-radius:13px;width:48px;height:48px}.brand>em{color:var(--blue);letter-spacing:.08em;background:#edf3ff;border-radius:7px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:900;position:absolute;top:3px;right:0}.nav-item>svg{flex:none;width:21px;height:21px}.sidebar-user .avatar{width:40px;height:40px}.sidebar-user button svg{width:20px;height:20px}.avatar.photo{object-fit:cover}.avatar.big{width:116px;height:116px;font-size:36px}.profile-button{cursor:pointer;background:0 0;border:0;padding:0}.profile-button .avatar{width:42px;height:42px;box-shadow:0 0 0 1px var(--line);border:2px solid #fff}.notification-wrap{position:relative}.icon-button{place-items:center;display:grid}.icon-button>span{color:#fff;background:#ff5757;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;display:grid;top:-6px;right:-6px}.notification-panel{border:1px solid var(--line);z-index:120;background:#fff;border-radius:16px;width:380px;padding:10px;position:absolute;top:52px;right:0;box-shadow:0 22px 60px #19305c2e}.notification-panel header{justify-content:space-between;align-items:center;padding:12px;display:flex}.notification-panel header b,.notification-panel header span{display:block}.notification-panel header span{color:var(--muted);margin-top:2px;font-size:12px}.notification-panel header svg{color:var(--blue)}.notification-panel>button:not(.all-notices){border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px;display:grid}.notification-panel button b,.notification-panel button small{display:block}.notification-panel button small{color:var(--muted);margin-top:2px;font-size:11px}.notification-panel time{color:var(--muted);font-size:10px}.notice-dot{background:#f2a52c;border-radius:50%;width:8px;height:8px}.notice-dot.in_progress{background:var(--blue)}.all-notices{width:100%;height:40px;color:var(--blue);cursor:pointer;background:#edf3ff;border:0;border-radius:9px;font-weight:700}.empty-state{text-align:center;color:var(--muted);padding:20px;font-size:13px}.period-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.period-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px}.period-card span,.period-card strong,.period-card small{display:block}.period-card span{color:var(--muted);font-size:13px}.period-card strong{margin-top:6px;font-size:25px}.period-card small{color:#a0a9b8;margin-top:5px;font-size:11px}.motivation-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.65fr);gap:16px;margin:16px 0;display:grid}.sales-goal,.commission-card{padding:27px}.goal-value{justify-content:space-between;align-items:end;margin-top:25px;display:flex}.goal-value span,.goal-value strong{display:block}.goal-value span{color:var(--muted);font-size:12px}.goal-value strong{margin-top:4px;font-size:32px}.goal-value>div:last-child{text-align:right}.goal-value b{font-size:17px}.goal-track{background:#eaf0f8;border-radius:20px;height:14px;margin-top:20px;overflow:hidden}.goal-track span{background:linear-gradient(90deg,#2864ff,#5a8aff);border-radius:20px;height:100%;display:block}.goal-copy{color:var(--muted);margin:9px 0 20px;font-size:12px}.tier-list{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.tier-list span{color:#8792a5;text-align:center;background:#f5f7fb;border-radius:9px;padding:10px;font-size:12px;font-weight:700}.tier-list span.active{color:#12885f;background:#eaf8f2}.commission-card{color:#fff;background:linear-gradient(145deg,#102e58,#173c70);flex-direction:column;align-items:flex-start;display:flex}.commission-card>svg{color:#ffd05a;background:#ffffff1f;border-radius:12px;width:42px;height:42px;padding:9px}.commission-card>span{opacity:.75;margin-top:18px;font-size:13px}.commission-card>strong{margin-top:3px;font-size:38px}.commission-card>p{opacity:.75;margin:0;font-size:12px}.commission-card>div{border-top:1px solid #ffffff29;width:100%;margin-top:auto;padding-top:17px}.commission-card div span,.commission-card div b,.commission-card div small{display:block}.commission-card div span,.commission-card div small{opacity:.7;font-size:11px}.commission-card div b{margin:3px 0;font-size:20px}.dashboard-summary{margin-bottom:16px}.summary-icon svg,.material-icon svg,.job-thumb svg{width:20px;height:20px}.material-icon{place-items:center}.table-row.compact{grid-template-columns:minmax(230px,1.6fr) .7fr .65fr .8fr}.status.in_progress{color:#2864ff;background:#e9f1ff}.status.completed{color:#12885f;background:#eaf8f2}.field textarea{resize:vertical;width:100%;min-height:92px;font:inherit;border:1px solid #dfe5ee;border-radius:9px;outline:none;padding:12px;font-size:14px}.field textarea:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff17}.field input::placeholder,.field textarea::placeholder{color:#b2bac7}.service-fields{gap:15px;display:grid}.dimension-toggle{border:1px solid var(--line);cursor:pointer;background:#f8faff;border-radius:10px;align-items:center;gap:10px;padding:13px;display:flex}.dimension-toggle input{width:18px;height:18px;accent-color:var(--blue)}.dimension-toggle b,.dimension-toggle small{display:block}.dimension-toggle b{font-size:13px}.dimension-toggle small{color:var(--muted);margin-top:2px;font-size:11px}.job-type button b svg{width:17px;height:17px}.dimensions input{min-width:0}.area-box strong{line-height:1.2}.expense-total{background:#f3f7ff;border-radius:13px;margin-bottom:10px;padding:20px}.expense-total span,.expense-total strong{display:block}.expense-total span{color:var(--muted);font-size:12px}.expense-total strong{margin-top:5px;font-size:26px}.finance-row.legacy{background:#fcfcfd}.report-detail{padding:26px}.report-detail h3{margin:0 0 20px;font-size:20px}.report-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.report-metrics>div{background:#f5f8fd;border-radius:12px;padding:18px}.report-metrics span,.report-metrics b,.report-metrics small{display:block}.report-metrics span,.report-metrics small{color:var(--muted);font-size:11px}.report-metrics b{margin:5px 0;font-size:20px}.user-form{grid-template-columns:repeat(5,1fr) auto;align-items:end;gap:12px;padding:20px;display:grid}.user-form label{font-size:12px;font-weight:700}.user-form input,.user-form select,.profile-form input{width:100%;height:43px;font:inherit;background:#fff;border:1px solid #dfe5ee;border-radius:9px;margin-top:6px;padding:0 11px;display:block}.users-columns{grid-template-columns:1.4fr 1fr .7fr .7fr 1fr}.user-cell{align-items:center;gap:11px;display:flex}.user-cell p{margin:0}.account-status{border-radius:999px;width:max-content;padding:5px 9px;font-size:11px;font-weight:700}.account-status.active{color:#12885f;background:#eaf8f2}.account-status.inactive{color:#b22b2b;background:#fff0f0}.row-actions{gap:7px;display:flex}.row-actions button{border:1px solid var(--line);color:var(--blue);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:11px;display:flex}.row-actions svg{width:14px;height:14px}.profile-layout{grid-template-columns:minmax(420px,.85fr) minmax(360px,1.15fr);gap:18px;display:grid}.profile-form,.work-profile{padding:30px}.profile-form>label{margin-top:17px;font-size:13px;font-weight:700;display:block}.profile-photo{border-bottom:1px solid var(--line);place-items:center;padding-bottom:20px;display:grid}.profile-photo label{border:1px solid var(--line);color:var(--blue);cursor:pointer;border-radius:9px;align-items:center;gap:7px;margin-top:13px;padding:9px 13px;font-size:12px;font-weight:700;display:flex}.profile-photo label input{display:none}.profile-photo small{color:var(--muted);margin-top:7px;font-size:10px}.profile-form>.primary-button{width:100%;margin-top:20px}.success-message{color:#12885f;background:#eaf8f2;border-radius:9px;align-items:center;gap:7px;margin-top:13px;padding:10px;font-size:12px;font-weight:700;display:flex}.work-profile>.avatar{margin:0 auto 24px}.work-profile h2{font-size:22px}.work-profile>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px 0;display:flex}.work-profile span{color:var(--muted);font-size:13px}.work-profile b{font-size:14px}.work-profile>p{color:#64738b;background:#f3f7ff;border-radius:10px;gap:9px;margin-top:25px;padding:14px;font-size:12px;display:flex}.work-profile>p svg{color:var(--blue);flex:none}.eyebrow,.panel-heading p,.page-toolbar p{font-size:13px}.project-cell small,.data-row small,.finance-row small,.version-badge{font-size:11px}@media (width<=1100px){.period-grid{grid-template-columns:1fr 1fr}.motivation-grid{grid-template-columns:1fr}.user-form{grid-template-columns:1fr 1fr}.profile-layout{grid-template-columns:1fr}.report-metrics{grid-template-columns:1fr 1fr}}@media (width<=760px){.app-shell{grid-template-columns:minmax(0,1fr);max-width:100vw;overflow:hidden}.sidebar,.workspace,.content,.topbar{width:100%;min-width:0;max-width:100vw}.main-nav{max-width:100%;overflow-x:auto}.brand{width:100%;min-width:0}.brand>em{display:none}.top-actions{gap:7px}.notification-panel{width:auto;position:fixed;top:80px;left:10px;right:10px}.profile-button{display:none}.period-grid{grid-template-columns:1fr 1fr;gap:10px}.period-card{min-width:0;padding:15px}.period-card strong{font-size:18px}.tier-list{grid-template-columns:1fr}.goal-value{display:block}.goal-value>div:last-child{text-align:left;margin-top:13px}.user-form,.profile-layout{grid-template-columns:1fr}.profile-form,.work-profile{padding:20px}.report-metrics,.job-type,.dimensions{grid-template-columns:1fr}.dimensions>span{display:none}.extras-grid{grid-template-columns:1fr 1fr}.paper-size-presets>div:first-child{display:block}.paper-size-presets>div:first-child small{margin-top:2px;display:block}.paper-size-presets>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}}html,body,#root{width:100%;max-width:100%;min-height:100%}body{overflow-x:hidden}.login-page{width:100%;min-height:100dvh;padding:16px;overflow:hidden auto}.login-card{width:100%;min-width:0;max-width:430px}.login-logo{object-fit:contain;width:80px;max-width:80px;height:80px;margin:0 auto;display:block}.login-card form,.login-card label,.login-card input{min-width:0;max-width:100%}@media (width<=480px){.login-card{border-radius:18px;padding:28px 22px}.login-logo{width:68px;max-width:68px;height:68px}.login-card h1{font-size:22px}}.role-select{width:100%;height:39px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:9px;padding:0 30px 0 10px;font-size:12px;font-weight:700}.role-select:disabled{cursor:not-allowed;color:#8b95a5;background:#f3f5f8}.row-actions{flex-wrap:wrap}.row-actions .delete-user{color:#bf3838;background:#fff5f5;border-color:#ffd2d2}.brand{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.brand:hover{background:#f6f8fc}.brand:focus-visible{outline-offset:3px;outline:3px solid #2864ff2e}.partner-toggle{cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:11px;align-items:center;gap:11px;padding:15px;display:flex}.partner-toggle.selected{background:#f2f6ff;border-color:#77a0ff}.partner-toggle input{width:19px;height:19px;accent-color:var(--blue)}.partner-toggle b,.partner-toggle small{display:block}.partner-toggle b{font-size:14px}.partner-toggle small{color:var(--muted);margin-top:3px;font-size:12px}.partner-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.job-image-field{background:#f9fbff;border:1px dashed #cbd5e4;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:15px;display:flex}.job-image-field b,.job-image-field small{display:block}.job-image-field b{font-size:14px}.job-image-field small{color:var(--muted);margin-top:3px;font-size:12px}.job-image-field>label,.image-action{min-height:40px;color:var(--blue);cursor:pointer;background:#fff;border:1px solid #cbd8ef;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:800;display:inline-flex}.job-image-field input,.image-action input{display:none}.job-image-field svg,.image-action svg{width:16px;height:16px}.job-image-preview{align-items:center;gap:10px;display:flex}.job-image-preview img{object-fit:cover;border-radius:9px;width:76px;height:58px}.job-image-preview button{color:#b13939;cursor:pointer;background:0 0;border:0;font-size:11px}.discount-row{grid-template-columns:minmax(0,1fr) minmax(120px,.75fr);gap:10px}.discount-field{margin:12px 0 0}.discount-unit{margin-top:12px;display:block}.discount-unit>span{color:#68758a;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.discount-unit select{width:100%;height:46px;color:var(--ink);background:#fff;border:1px solid #dfe5ee;border-radius:9px;padding:0 34px 0 12px;font-size:13px}.profit-line{padding:8px 0;color:#11885f!important}.profit-line b{color:#11885f!important}.loss-line{padding:8px 0;color:#c33!important}.loss-line b{color:#c33!important}.job-project{align-items:center;gap:11px;display:flex}.job-project p{margin:0}.history-thumb{width:48px;height:48px;color:var(--blue);background:#edf3ff;border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.history-thumb img{object-fit:cover;width:100%;height:100%}.history-thumb svg{width:20px;height:20px}.jobs-columns{grid-template-columns:1.25fr 1.7fr .65fr .65fr 1fr 135px}.job-actions{flex-direction:column;align-items:stretch;gap:6px;display:flex}.image-action{min-height:32px;padding:0 8px;font-size:11px}.job-actions .danger-button{min-height:31px}.status-select{font-weight:800}.status-select.pending{color:#a96b0e;background:#fff7e8;border-color:#f2c66f}.status-select.approved{color:#107a5b;background:#ecfaf5;border-color:#9ed8c4}.status-select.in_progress{color:#235de0;background:#eef3ff;border-color:#9bb7ff}.status-select.completed{color:#6848cc;background:#f4f0ff;border-color:#c4b2fa}.add-material-button{min-width:220px;color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(145deg,#fff,#f1f6ff);border:1px solid #bfd0f5;border-radius:14px;align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:0 8px 24px #1e4da91a}.add-material-button>span{background:var(--blue);color:#fff;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.add-material-button svg{width:20px;height:20px}.add-material-button b,.add-material-button small{display:block}.add-material-button b{font-size:14px}.add-material-button small{color:var(--muted);margin-top:2px;font-size:11px}.add-material-button.active>span{background:#6d7889}.material-form{grid-template-columns:repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:14px;padding:22px;display:grid}.material-form-heading{border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:12px;padding-bottom:15px;display:flex}.material-form-heading>span{width:43px;height:43px;color:var(--blue);background:#edf3ff;border-radius:11px;place-items:center;display:grid}.material-form-heading h3,.material-form-heading p{margin:0}.material-form-heading h3{font-size:18px}.material-form-heading p{color:var(--muted);margin-top:3px;font-size:12px}.material-form label{font-size:13px;font-weight:700}.material-form input,.material-form select{width:100%;height:45px;font:inherit;background:#fff;border:1px solid #dfe5ee;border-radius:9px;margin-top:6px;padding:0 12px;display:block}.material-form .primary-button{height:45px}body{font-size:17px}.page-toolbar p,.panel-heading p,.eyebrow,.data-row{font-size:14px}.data-row small,.project-cell small,.finance-row small,.inventory-head small{font-size:12px}.field>span,fieldset legend,.tax-options>span,.discount-field>span{font-size:13px}.field input,.field select,.field textarea,.discount-field input{font-size:15px}@media (width<=1100px){.material-form{grid-template-columns:1fr 1fr}.material-form .primary-button{width:100%}.jobs-columns{grid-template-columns:1fr 1.4fr .7fr 1fr 125px}.jobs-columns>:nth-child(4){display:none}}@media (width<=760px){.partner-fields{grid-template-columns:1fr}.job-image-field{flex-direction:column;align-items:flex-start}.discount-row{grid-template-columns:1fr 1fr}.material-form{grid-template-columns:1fr}.add-material-button{width:100%}}.custom-material-type{animation:.18s ease-out field-in}@keyframes field-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.inventory-actions{flex-wrap:wrap}.inventory-actions .delete-material{color:#b93232;background:#fff5f5;border-color:#f2bcbc}.inventory-actions .delete-material:hover{background:#ffeded;border-color:#df7e7e}.add-expense-button{min-width:220px;color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(145deg,#fff,#f1f6ff);border:1px solid #bfd0f5;border-radius:14px;align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:0 8px 24px #1e4da91a}.add-expense-button>span{background:var(--blue);color:#fff;border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.add-expense-button svg{width:20px;height:20px}.add-expense-button b,.add-expense-button small{display:block}.add-expense-button b{font-size:14px}.add-expense-button small{color:var(--muted);margin-top:2px;font-size:11px}.add-expense-button.active>span{background:#6d7889}.expense-form{grid-template-columns:minmax(260px,1.7fr) minmax(150px,.7fr) minmax(170px,.75fr);align-items:end;gap:16px;margin-bottom:18px;padding:24px;display:grid}.expense-form-heading{border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:12px;padding-bottom:16px;display:flex}.expense-form-heading>span{width:46px;height:46px;color:var(--blue);background:#edf3ff;border-radius:12px;flex:none;place-items:center;display:grid}.expense-form-heading svg{width:22px;height:22px}.expense-form-heading h3,.expense-form-heading p{margin:0}.expense-form-heading h3{font-size:19px}.expense-form-heading p{color:var(--muted);margin-top:3px;font-size:12px}.expense-form>label{font-size:13px;font-weight:750}.expense-form input{width:100%;height:47px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dfe5ee;border-radius:10px;outline:none;margin-top:7px;padding:0 13px;font-size:14px;display:block}.expense-form input:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff17}.expense-categories{border:0;flex-wrap:wrap;grid-column:1/-1;gap:9px;margin:0;padding:0;display:flex}.expense-categories legend{color:#68758a;width:100%;margin-bottom:3px;font-size:13px;font-weight:750}.expense-categories label{color:#59667b;text-align:center;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:10px;min-width:145px;padding:12px 15px;font-size:12px;font-weight:750;position:relative}.expense-categories label.selected{color:#245bd8;background:#eef4ff;border-color:#77a0ff;box-shadow:0 0 0 2px #2864ff12}.expense-categories input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.expense-save{grid-column:1/-1;justify-self:end;min-width:210px;height:47px}.expense-total{grid-template-columns:1fr auto;align-items:center;display:grid}.expense-total strong{grid-area:1/2/3}.expense-total small{color:var(--muted);margin-top:4px;font-size:11px}.expense-chip{color:#315dac;background:#edf3ff;border-radius:999px;width:max-content;padding:6px 10px;font-size:11px;font-weight:750}.expense-chip.rent{color:#6848cc;background:#f2edff}.expense-chip.travel{color:#a4660b;background:#fff5e6}.expense-chip.service{color:#12885f;background:#eaf8f2}.expense-chip.other{color:#59667b;background:#f1f3f6}@media (width<=960px){.expense-form{grid-template-columns:1fr 1fr}.expense-description{grid-column:1/-1}.expense-save{width:100%}}@media (width<=760px){.add-expense-button{width:100%}.expense-form{grid-template-columns:1fr;padding:18px}.expense-description,.expense-categories,.expense-save{grid-column:1}.expense-categories{grid-template-columns:1fr 1fr;display:grid}.expense-categories label{min-width:0}.expense-save{justify-self:stretch}.expense-total{display:block}.expense-total strong{margin-top:6px}.finance-row{min-width:680px}}.history-thumb.has-image{cursor:zoom-in;border:0;padding:0;position:relative}.history-thumb.has-image img{transition:transform .2s,filter .2s}.history-thumb.has-image span,.expense-slip-thumb span{color:#fff;opacity:0;background:#0d1f3cd1;border-radius:5px;padding:2px 4px;font-size:8px;font-weight:800;transition:all .18s;position:absolute;inset:auto 3px 3px;transform:translateY(3px)}.history-thumb.has-image:hover img,.expense-slip-thumb:hover img{filter:brightness(.78);transform:scale(1.08)}.history-thumb.has-image:hover span,.history-thumb.has-image:focus-visible span,.expense-slip-thumb:hover span,.expense-slip-thumb:focus-visible span{opacity:1;transform:none}.history-thumb.has-image:focus-visible,.expense-slip-thumb:focus-visible{outline-offset:2px;outline:3px solid #2864ff40}.image-viewer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0d1b35b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-viewer{background:#fff;border:1px solid #ffffff40;border-radius:22px;grid-template-rows:auto minmax(0,1fr) auto;width:min(980px,94vw);max-height:92vh;display:grid;overflow:hidden;box-shadow:0 30px 90px #020e2561}.image-viewer header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px 21px;display:flex}.image-viewer header small,.image-viewer header h2{margin:0;display:block}.image-viewer header small{color:var(--blue);letter-spacing:.14em;font-size:10px;font-weight:900}.image-viewer header h2{margin-top:3px;font-size:19px}.image-viewer header button{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:11px;font-size:25px;line-height:1}.image-viewer-canvas{background:#eef2f8;place-items:center;min-height:240px;padding:18px;display:grid;overflow:auto}.image-viewer-canvas img{object-fit:contain;border-radius:10px;max-width:100%;max-height:calc(92vh - 145px);display:block;box-shadow:0 12px 42px #162a4c2e}.image-viewer footer{color:var(--muted);text-align:center;padding:11px 18px;font-size:11px}.expense-slip-field{background:#f9fbff;border:1px dashed #cbd5e4;border-radius:12px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding:15px;display:flex}.expense-slip-field b,.expense-slip-field small{display:block}.expense-slip-field b{font-size:14px}.expense-slip-field small{color:var(--muted);margin-top:3px;font-size:12px}.expense-slip-field>label{min-height:42px;color:var(--blue);cursor:pointer;background:#fff;border:1px solid #cbd8ef;border-radius:9px;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.expense-slip-field>label input{display:none}.expense-slip-field svg{width:16px;height:16px}.expense-slip-preview{align-items:center;gap:10px;display:flex}.expense-slip-preview>button:first-child,.expense-slip-thumb{cursor:zoom-in;background:#eaf0fa;border:0;padding:0;position:relative;overflow:hidden}.expense-slip-preview>button:first-child{border-radius:9px;width:82px;height:62px}.expense-slip-preview img,.expense-slip-thumb img{object-fit:cover;width:100%;height:100%}.remove-slip{color:#b13939;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.expense-description-cell{align-items:center;gap:11px;display:flex}.expense-description-cell p{margin:0}.expense-slip-thumb{border-radius:9px;flex:none;width:46px;height:46px}.expense-slip-thumb span{font-size:7px}.finance-row{grid-template-columns:minmax(230px,1fr) auto auto auto}.costing-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:18px;display:grid}.costing-form,.costing-result{padding:27px}.costing-heading{border-bottom:1px solid var(--line);align-items:center;gap:13px;margin-bottom:22px;padding-bottom:18px;display:flex}.costing-heading>span{width:48px;height:48px;color:var(--blue);background:#edf3ff;border-radius:13px;place-items:center;display:grid}.costing-heading svg{width:23px;height:23px}.costing-heading h3,.costing-heading p{margin:0}.costing-heading p{color:var(--muted);margin-top:3px;font-size:12px}.costing-form>label,.costing-dimensions label{color:#68758a;margin-top:15px;font-size:13px;font-weight:750;display:block}.costing-form select,.costing-form input{width:100%;height:47px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dfe5ee;border-radius:10px;outline:none;margin-top:7px;padding:0 13px;font-size:14px;display:block}.costing-form select:focus,.costing-form input:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff17}.costing-dimensions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.costing-dimensions.two{grid-template-columns:1fr 1fr}.costing-note{color:#66758c;background:#f3f7ff;border-radius:10px;margin:20px 0 0;padding:14px;font-size:12px;line-height:1.65}.costing-result{background:linear-gradient(155deg,#fff,#f8faff);flex-direction:column;display:flex}.costing-result-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.costing-result-head span{color:var(--muted);font-size:12px;font-weight:700}.costing-result-head em{color:#12885f;background:#eaf8f2;border-radius:999px;padding:6px 10px;font-size:10px;font-style:normal;font-weight:800}.costing-result>h3{margin:22px 0 2px;font-size:21px}.costing-result>p{color:var(--muted);margin:0;font-size:12px}.costing-metrics{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0;display:grid}.costing-metrics>div{background:#fff;border:1px solid #e5eaf2;border-radius:11px;padding:15px}.costing-metrics span,.costing-metrics b{display:block}.costing-metrics span{color:var(--muted);font-size:11px}.costing-metrics b{margin-top:5px;font-size:15px}.costing-total{color:#fff;background:linear-gradient(145deg,#153a70,#102d57);border-radius:14px;padding:22px}.costing-total span,.costing-total strong,.costing-total small{display:block}.costing-total span,.costing-total small{opacity:.74;font-size:11px}.costing-total strong{margin:4px 0;font-size:31px}.costing-breakdown{margin-top:14px}.costing-breakdown p{border-bottom:1px solid var(--line);justify-content:space-between;margin:0;padding:11px 2px;font-size:12px;display:flex}.costing-breakdown span{color:var(--muted)}.portfolio-panel{margin-top:18px;padding:27px}.portfolio-panel>.panel-heading>span{color:var(--blue);background:#edf3ff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.portfolio-grid>button{aspect-ratio:4/3;text-align:left;cursor:zoom-in;background:#eaf0f8;border:0;border-radius:13px;padding:0;position:relative;overflow:hidden}.portfolio-grid img{object-fit:cover;width:100%;height:100%;transition:transform .25s,filter .25s}.portfolio-grid button>span{color:#fff;opacity:.9;background:linear-gradient(#0000,#06152de0);padding:34px 13px 12px;transition:all .2s;position:absolute;inset:auto 0 0;transform:translateY(16px)}.portfolio-grid b,.portfolio-grid small{display:block}.portfolio-grid small{opacity:.76;margin-top:2px;font-size:10px}.portfolio-grid button:hover img,.portfolio-grid button:focus-visible img{filter:brightness(.78);transform:scale(1.07)}.portfolio-grid button:hover>span,.portfolio-grid button:focus-visible>span{opacity:1;transform:none}.portfolio-grid button:focus-visible{outline-offset:3px;outline:3px solid #2864ff4d}.portfolio-empty{color:var(--muted);text-align:center;border:1px dashed #cbd5e4;border-radius:12px;margin:0;padding:30px;font-size:13px}@media (width<=1000px){.costing-layout{grid-template-columns:1fr}.costing-result{min-height:0}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.image-viewer-backdrop{padding:10px}.image-viewer{border-radius:16px;width:100%;max-height:96vh}.image-viewer-canvas img{max-height:calc(96vh - 140px)}.expense-slip-field{flex-direction:column;align-items:flex-start}.costing-form,.costing-result{padding:19px}.costing-dimensions,.costing-dimensions.two{grid-template-columns:1fr}.costing-metrics{grid-template-columns:1fr 1fr}.finance-row{min-width:760px}.portfolio-panel{padding:18px}.portfolio-grid{grid-template-columns:1fr 1fr}}.suggested-price-line{color:#245bd8;background:#edf3ff;border-radius:8px;margin:2px -8px!important;padding:9px 8px!important}.suggested-price-line b{color:#245bd8!important}.pricing-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.pricing-summary article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:19px 20px}.pricing-summary span,.pricing-summary strong,.pricing-summary small{display:block}.pricing-summary span{color:var(--muted);font-size:12px}.pricing-summary strong{margin-top:5px;font-size:23px}.pricing-summary small{color:#a1aaba;margin-top:2px;font-size:10px}.pricing-section-heading{justify-content:space-between;align-items:center;gap:18px;margin-top:6px;padding:17px 4px 0;display:flex}.pricing-section-heading>div{align-items:center;gap:12px;display:flex}.pricing-section-heading>div>span{width:45px;height:45px;color:var(--blue);background:#edf3ff;border-radius:12px;place-items:center;display:grid}.pricing-section-heading h3,.pricing-section-heading p{margin:0}.pricing-section-heading p{color:var(--muted);margin-top:3px;font-size:12px}.pricing-section-heading>b{color:#657188;background:#f0f3f8;border-radius:999px;padding:7px 11px;font-size:11px}.pricing-section-heading.external-heading>div>span{color:#12885f;background:#eaf8f2}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pricing-editor{padding:22px}.pricing-editor>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.pricing-title{align-items:center;gap:11px;min-width:0;display:flex}.pricing-title>div{flex:1;min-width:0}.pricing-title h3,.pricing-title p{margin:0}.pricing-title h3{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.pricing-title p{color:var(--muted);margin-top:3px;font-size:11px}.pricing-title input{width:100%;height:42px;font:inherit;background:#fff;border:1px solid #dfe5ee;border-radius:9px;padding:0 11px;font-size:14px;font-weight:750}.pricing-state{border-radius:999px;flex:none;padding:5px 8px;font-size:9px;font-weight:800}.pricing-state.saved{color:#12885f;background:#eaf8f2}.pricing-state.new{color:#a96b0e;background:#fff4df}.pricing-category,.selling-price-field,.cost-input-grid .cost-field{color:#68758a;font-size:12px;font-weight:750;display:block}.pricing-category{margin-top:14px}.pricing-category select,.selling-price-field input,.cost-input-grid input{width:100%;height:43px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dfe5ee;border-radius:9px;outline:none;margin-top:6px;padding:0 11px;font-size:14px;display:block}.pricing-category select:focus,.selling-price-field input:focus,.cost-input-grid input:focus,.pricing-title input:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff17}.selling-price-field{background:#f4f7ff;border:1px solid #cbd9f8;border-radius:11px;margin-top:15px;padding:14px}.selling-price-field input{height:46px;font-size:18px;font-weight:800}.cost-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:13px;display:grid}.cost-input-grid .cost-field:first-child{grid-column:1/-1}.cost-input-grid small{color:#a0a9b8;margin-top:4px;font-size:9px;font-weight:500;display:block}.cost-field-heading{justify-content:space-between;align-items:center;gap:8px;min-height:29px;display:flex}.cost-field-heading label{color:#68758a;font-size:12px;font-weight:750}.apply-cost-button{color:#245bd8;cursor:pointer;background:#f2f6ff;border:1px solid #c9d8fb;border-radius:7px;flex:none;min-height:27px;padding:0 8px;font-size:9px;font-weight:800}.apply-cost-button:hover{background:#e7efff;border-color:#7298f3}.apply-cost-button:disabled{opacity:.55;cursor:wait}.pricing-result{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.pricing-result>div{background:#f5f8fc;border-radius:10px;padding:12px}.pricing-result span,.pricing-result strong{display:block}.pricing-result span{color:var(--muted);font-size:10px}.pricing-result strong{margin-top:4px;font-size:14px}.pricing-editor>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:15px;display:flex}.pricing-editor>footer>small{max-width:55%;color:var(--muted);font-size:10px;line-height:1.5}.pricing-editor>footer>div{gap:7px;display:flex}.pricing-editor>footer button{color:#5e6b81;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:8px;min-height:38px;padding:0 11px;font-size:11px;font-weight:750}.pricing-editor>footer .pricing-save{border-color:var(--blue);background:var(--blue);color:#fff;align-items:center;gap:6px;display:inline-flex}.pricing-editor>footer .pricing-save svg{width:14px;height:14px}.pricing-editor>footer .pricing-delete{color:#b73b3b;background:#fff5f5;border-color:#ffd1d1}.pricing-editor>footer button:disabled{opacity:.55;cursor:wait}.pricing-empty{color:var(--muted);text-align:center;grid-column:1/-1;padding:32px;font-size:13px}.pricing-editor>.form-error{margin:14px 0 0}@media (width<=1180px){.pricing-summary{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}}@media (width<=760px){.pricing-summary{grid-template-columns:1fr 1fr}.pricing-section-heading{align-items:flex-start}.pricing-section-heading>b{display:none}.pricing-editor{padding:18px}.cost-input-grid{grid-template-columns:1fr}.cost-input-grid .cost-field:first-child{grid-column:1}.cost-field-heading{flex-direction:column;align-items:flex-start}.apply-cost-button{width:100%;min-height:32px}.pricing-result{grid-template-columns:1fr}.pricing-editor>footer{flex-direction:column;align-items:flex-start}.pricing-editor>footer>small{max-width:100%}.pricing-editor>footer>div{flex-wrap:wrap;width:100%}.pricing-editor>footer button{flex:1}.costing-breakdown p{font-size:12px}}.brand em{font-size:11px}.nav-heading{font-size:12px}.nav-item{min-height:50px;font-size:17px}.nav-badge{font-size:12px}.stock-alert strong{font-size:13px}.stock-alert span{font-size:12px}.sidebar-user strong{font-size:13px}.sidebar-user span{font-size:12px}.topbar h1{font-size:30px}.primary-button{font-size:15px}.page-toolbar h2{font-size:28px}.page-toolbar p{font-size:15px}.panel-heading h2{font-size:19px}.panel-heading p{font-size:14px}.panel-heading a,.link-button{font-size:13px}.summary-main span{font-size:14px}.summary-main strong{font-size:25px}.period-card span{font-size:14px}.period-card strong{font-size:25px}.period-card small{font-size:12px}.goal-value span,.goal-copy,.commission-card p,.commission-card small{font-size:13px}.tier-list span{font-size:12px}.commission-card>span{font-size:14px}.commission-card>strong{font-size:35px}.commission-card>div span{font-size:12px}.commission-card>div b{font-size:18px}.healthy-dot{font-size:11px}.table-row,.data-row{font-size:15px}.table-head,.data-head{font-size:12px}.project-cell strong,.job-project strong,.inventory-head strong{font-size:15px}.project-cell small,.job-project small,.inventory-head small,.data-row small,.finance-row small{font-size:13px}.status,.status-select,.account-status,.expense-chip{font-size:12px}.filters input,.filters select,.role-select{font-size:14px}.row-actions button,.inventory-actions button,.inventory-actions label,.stock-number>span{font-size:13px}.stock-number small,.material strong{font-size:13px}.material small{font-size:11px}.stock-note p,.modal-header p{font-size:11px}.field>span,fieldset legend,.tax-options>span,.discount-field>span,.discount-unit>span{font-size:14px}.field input,.field select,.field textarea,.discount-field input,.discount-unit select{font-size:16px}.job-type button small{font-size:11px}.width-warning{font-size:12px}.job-image-field b,.material-image-field b{font-size:15px}.job-image-field small,.material-image-field small{font-size:13px}.job-image-field>label,.material-image-field>label{font-size:14px}.area-box span,.area-box small{font-size:13px}.quote-lines p,.quote-total p,.tax-options label,.quote-total div span{font-size:14px}.quote-total div strong{font-size:27px}.modal-footer button{font-size:15px}.login-card>p{font-size:12px}.login-card h1{font-size:27px}.login-card label{font-size:14px}.login-card input,.login-card button{font-size:16px}.login-card>small,.version-badge{font-size:12px}.notification-panel header b{font-size:15px}.notification-panel header span,.notification-panel button small{font-size:12px}.notification-panel button b{font-size:13px}.material-form label,.expense-form>label,.expense-categories legend,.costing-form>label,.costing-dimensions label{font-size:14px}.material-form input,.material-form select,.expense-form input,.costing-form select,.costing-form input{font-size:16px}.material-form-heading h3,.expense-form-heading h3{font-size:21px}.material-form-heading p,.expense-form-heading p{font-size:14px}.add-material-button b,.add-expense-button b{font-size:16px}.add-material-button small,.add-expense-button small{font-size:13px}.expense-categories label{font-size:14px}.expense-total small{font-size:13px}.image-viewer header small{font-size:12px}.image-viewer header h2{font-size:22px}.image-viewer footer{font-size:13px}.pricing-summary span{font-size:14px}.pricing-summary strong{font-size:27px}.pricing-summary small{font-size:12px}.pricing-section-heading h3{font-size:22px}.pricing-section-heading p{font-size:14px}.pricing-section-heading>b{font-size:13px}.pricing-title h3{font-size:18px}.pricing-title p{font-size:13px}.pricing-state{font-size:11px}.pricing-category,.selling-price-field,.cost-input-grid .cost-field,.cost-field-heading label{font-size:14px}.pricing-category select,.selling-price-field input,.cost-input-grid input,.pricing-title input{font-size:16px}.cost-input-grid small{font-size:12px}.apply-cost-button{font-size:11px}.pricing-result span{font-size:12px}.pricing-result strong{font-size:17px}.pricing-result strong small{font-size:11px}.pricing-editor>footer>small,.pricing-editor>footer button{font-size:12px}.costing-heading h3{font-size:22px}.costing-heading p,.costing-note,.costing-result-head span,.costing-result>p{font-size:14px}.costing-result-head em{font-size:12px}.costing-result>h3{font-size:24px}.costing-metrics span{font-size:13px}.costing-metrics b{font-size:17px}.costing-total span,.costing-total small{font-size:13px}.costing-breakdown p{font-size:14px}.portfolio-grid b{font-size:15px}.portfolio-grid small{font-size:12px}.portfolio-empty{font-size:15px}.user-form label,.profile-form>label{font-size:14px}.user-form input,.user-form select,.profile-form input{font-size:16px}.report-detail h3,.work-profile h2{font-size:22px}.report-metrics span,.work-profile span{font-size:13px}.report-metrics b,.work-profile b{font-size:17px}.material-image-field{background:#f8fbff;border:1px dashed #c7d3e7;border-radius:13px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.material-image-field b,.material-image-field small{display:block}.material-image-field small{color:var(--muted);margin-top:3px}.material-image-field>label,.material-image-action{min-height:43px;color:var(--blue);cursor:pointer;background:#fff;border:1px solid #bed0f3;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:800;display:inline-flex}.material-image-field>label input,.material-image-action input{display:none}.material-image-field svg,.material-image-action svg{width:16px;height:16px}.material-image-preview{align-items:center;gap:11px;display:flex}.material-image-preview>button:first-child{cursor:zoom-in;background:#eaf0f8;border:0;border-radius:10px;width:92px;height:68px;padding:0;overflow:hidden}.material-image-preview img{object-fit:cover;width:100%;height:100%}.material-image-preview>button:last-child,.remove-material-image{cursor:pointer;font-weight:750;color:#b33c3c!important;background:0 0!important;border:0!important}.material-thumb{cursor:zoom-in;background:#eaf0f8;border:0;border-radius:11px;flex:none;width:58px;height:58px;padding:0;position:relative;overflow:hidden}.material-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .2s,filter .2s}.material-thumb span{color:#fff;opacity:0;background:#0a1b37d1;border-radius:5px;padding:2px 5px;font-size:9px;font-weight:800;transition:all .18s;position:absolute;inset:auto 4px 4px}.material-thumb:hover img,.material-thumb:focus-visible img{filter:brightness(.76);transform:scale(1.08)}.material-thumb:hover span,.material-thumb:focus-visible span{opacity:1}.material-thumb:focus-visible{outline-offset:2px;outline:3px solid #2864ff47}.inventory-head{align-items:center}.inventory-head>.material-icon{border-radius:11px;flex:none;width:58px;height:58px}.material-image-action{height:34px;min-height:34px;padding:0 10px}.inventory-actions .material-image-action:hover{background:#f2f6ff;border-color:#8dabed}@media (width<=760px){body{font-size:17px}.topbar h1{font-size:25px}.page-toolbar h2{font-size:24px}.material-image-field{flex-direction:column;align-items:flex-start}.material-image-field>label{width:100%}.material-thumb,.inventory-head>.material-icon{width:52px;height:52px}.data-row{font-size:14px}}.inventory-head{grid-template-columns:58px minmax(0,1fr) auto}.inventory-head>div{min-width:0}.inventory-head strong{overflow-wrap:anywhere;line-height:1.35}.bi-report-page{gap:18px;display:grid}.bi-period-tabs{background:#fff;border:1px solid #dfe5ee;border-radius:13px;align-items:center;gap:8px;width:max-content;padding:5px;display:flex}.bi-period-tabs button{color:#6b778c;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:40px;padding:0 18px;font-size:14px;font-weight:800}.bi-period-tabs button:hover{color:var(--blue);background:#f3f6fb}.bi-period-tabs button.active{background:var(--blue);color:#fff;box-shadow:0 7px 16px #2864ff33}.bi-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.bi-summary-grid article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:19px 20px}.bi-summary-grid span,.bi-summary-grid strong,.bi-summary-grid small{display:block}.bi-summary-grid span{color:var(--muted);font-size:13px}.bi-summary-grid strong{margin:5px 0 2px;font-size:24px;line-height:1.25}.bi-summary-grid small{color:#a1aaba;font-size:12px}.bi-visual-grid{grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:18px;display:grid}.bi-bar-panel,.bi-donut-panel,.bestseller-panel,.payback-bi-panel{padding:25px}.bi-card-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.bi-card-heading h3,.bi-card-heading p{margin:0}.bi-card-heading h3{font-size:21px}.bi-card-heading p{color:var(--muted);margin-top:3px;font-size:13px}.bi-card-heading>span{color:#245bd8;background:#edf3ff;border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:800}.bi-card-heading>span.success{color:#12885f;background:#eaf8f2}.bi-card-heading>span.pending{color:#a66b10;background:#fff4df}.bi-card-heading>svg{width:24px;height:24px;color:var(--blue)}.bi-legend{color:#69768b;gap:18px;margin:20px 0 4px;font-size:12px;display:flex}.bi-legend span{align-items:center;gap:6px;display:flex}.bi-legend i{border-radius:3px;width:9px;height:9px}.bi-legend i.sales{background:var(--blue)}.bi-legend i.profit{background:#46cfa7}.bi-bars{background:repeating-linear-gradient(#0000 0 calc(25% - 1px),#edf0f5 25%);border-bottom:1px solid #dfe5ee;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:12px;height:290px;padding:18px 7px 0;display:grid}.bi-bars.year{grid-template-columns:repeat(12,minmax(0,1fr));gap:7px}.bi-bar-column{grid-template-rows:1fr 31px;align-items:end;min-width:0;display:grid}.bi-bar-track{justify-content:center;align-items:flex-end;gap:4px;height:100%;display:flex}.bi-bar-track i{border-radius:5px 5px 0 0;width:min(18px,38%);min-height:0;transition:height .3s}.bi-bar-track i.sales{background:linear-gradient(#4c7cff,#2864ff)}.bi-bar-track i.profit{background:linear-gradient(#65ddb9,#27bd91)}.bi-bar-track i.profit.loss{background:linear-gradient(#ff9b9b,#ef6666)}.bi-bar-column small{color:#8c97a9;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding-top:8px;font-size:11px;overflow:hidden}.bi-donut{border-radius:50%;place-items:center;width:190px;height:190px;margin:25px auto 22px;display:grid}.bi-donut>div{text-align:center;background:#fff;border-radius:50%;place-content:center;width:130px;height:130px;display:grid;box-shadow:0 0 0 1px #dfe5eeb3}.bi-donut strong,.bi-donut span{display:block}.bi-donut strong{font-size:20px;line-height:1.2}.bi-donut span{color:var(--muted);margin-top:4px;font-size:12px}.bi-donut-legend{gap:9px;display:grid}.bi-donut-legend>div{border-bottom:1px solid #edf0f4;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:8px 0;display:grid}.bi-donut-legend i{border-radius:50%;width:9px;height:9px}.bi-donut-legend span,.bi-donut-legend b{font-size:13px}.bi-donut-legend small{color:var(--muted);grid-column:2/-1;font-size:11px}.bi-analytics-grid{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.bestseller-list{gap:14px;margin-top:22px;display:grid}.bestseller-list>div{grid-template-columns:34px 1fr;align-items:center;gap:11px;display:grid}.bestseller-list>div>span{width:32px;height:32px;color:var(--blue);background:#edf3ff;border-radius:10px;place-items:center;font-size:13px;font-weight:900;display:grid}.bestseller-list b,.bestseller-list small{display:block}.bestseller-list b{font-size:14px}.bestseller-list small{color:var(--muted);margin-top:2px;font-size:12px}.bestseller-list i{background:#edf1f6;border-radius:6px;height:7px;margin-top:8px;display:block;overflow:hidden}.bestseller-list em{background:linear-gradient(90deg,#2864ff,#6f96ff);border-radius:6px;height:100%;display:block}.bi-empty{color:var(--muted);text-align:center;border:1px dashed #d5dce8;border-radius:11px;margin:20px 0 0;padding:25px;font-size:14px}.payback-bi-content{grid-template-columns:170px 1fr;align-items:center;gap:24px;margin-top:22px;display:grid}.payback-donut{border-radius:50%;place-items:center;width:166px;height:166px;display:grid}.payback-donut>div{text-align:center;background:#fff;border-radius:50%;place-content:center;width:116px;height:116px;display:grid}.payback-donut strong,.payback-donut span{display:block}.payback-donut strong{font-size:26px}.payback-donut span{color:var(--muted);font-size:12px}.payback-bi-stats p{border-bottom:1px solid #edf0f4;margin:0;padding:11px 0}.payback-bi-stats span,.payback-bi-stats b{display:block}.payback-bi-stats span{color:var(--muted);font-size:12px}.payback-bi-stats b{margin-top:3px;font-size:16px}.bi-report-page .report-detail,.bi-report-page .portfolio-panel{margin-top:0}@media (width<=1180px){.bi-summary-grid{grid-template-columns:1fr 1fr}.bi-visual-grid,.bi-analytics-grid{grid-template-columns:1fr}.bi-donut-panel{grid-template-columns:1fr 210px minmax(240px,.75fr);align-items:center;gap:20px;display:grid}.bi-donut-panel .bi-card-heading{align-self:start}.bi-donut{grid-column:2;margin:0}.bi-donut-legend{grid-column:3}.payback-bi-content{grid-template-columns:190px 1fr}}@media (width<=760px){.inventory-head{grid-template-columns:52px minmax(0,1fr)}.inventory-head em{grid-column:1/-1;width:max-content}.bi-period-tabs{grid-template-columns:1fr 1fr;width:100%;display:grid}.bi-period-tabs button{padding:0 8px}.bi-summary-grid,.bi-visual-grid,.bi-analytics-grid{grid-template-columns:1fr}.bi-bar-panel,.bi-donut-panel,.bestseller-panel,.payback-bi-panel{padding:18px}.bi-bars,.bi-bars.year{gap:5px;overflow-x:auto}.bi-bars.year{min-width:620px}.bi-bar-panel{overflow:hidden}.bi-donut-panel{display:block}.bi-donut{margin:24px auto}.bi-donut-legend{display:grid}.payback-bi-content{grid-template-columns:1fr}.payback-donut{margin:0 auto}.bi-card-heading h3{font-size:19px}}body[data-role=employee] .payback-bi-panel,body[data-role=manager] .payback-bi-panel,body[data-role=employee] .bi-summary-grid article:nth-child(2),body[data-role=employee] .bi-bar-panel .bi-legend .profit,body[data-role=employee] .bi-bar-panel .bi-bar-track .profit{display:none}body[data-role=employee] .bi-bar-panel .bi-card-heading h3{font-size:0}body[data-role=employee] .bi-bar-panel .bi-card-heading h3:after{content:"ยอดขายตามช่วงเวลา";font-size:21px}body[data-role=employee] .bi-bar-panel .bi-card-heading p{font-size:0}body[data-role=employee] .bi-bar-panel .bi-card-heading p:after{content:"ติดตามยอดขายเพื่อบรรลุค่าคอมมิชชั่น";font-size:13px}body[data-role=employee] .bi-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=760px){body[data-role=employee] .bi-summary-grid{grid-template-columns:1fr}}.pricing-material-preview{cursor:zoom-in;background:#f5f8fc;border:0;border-radius:12px;flex:0 0 48px;width:48px;height:48px;padding:0;position:relative;overflow:hidden;box-shadow:0 5px 14px #15233c14}.pricing-material-image{object-fit:cover;border:1px solid #dfe5ee;border-radius:12px;width:100%;height:100%;transition:transform .2s,filter .2s;display:block}.pricing-material-preview>span{color:#fff;opacity:0;background:#0f1e37c7;border-radius:5px;padding:2px 3px;font-size:8px;font-weight:800;transition:opacity .2s,transform .2s;position:absolute;inset:auto 3px 3px;transform:translateY(4px)}.pricing-material-preview:hover .pricing-material-image,.pricing-material-preview:focus-visible .pricing-material-image{filter:brightness(.78);transform:scale(1.1)}.pricing-material-preview:hover>span,.pricing-material-preview:focus-visible>span{opacity:1;transform:none}.pricing-material-preview:focus-visible{outline-offset:2px;outline:3px solid #2864ff47}.inventory-metrics{grid-template-columns:minmax(0,1fr) minmax(180px,.9fr);align-items:stretch;gap:12px;margin:20px 0;display:grid}.inventory-metrics .stock-number{background:#f6f8fc;border-radius:12px;align-items:center;margin:0;padding:14px 16px}.material-cost-box{background:#f4f7ff;border:1px solid #cbd9f8;border-radius:12px;padding:13px 14px;position:relative}.material-cost-box>span,.material-cost-box>strong,.material-cost-box>small{display:block}.material-cost-box>span{color:#68758a;font-size:12px;font-weight:750}.material-cost-box>strong{color:#173c91;margin-top:3px;font-size:18px}.material-cost-box>strong small{font-size:11px}.material-cost-box>small{color:#78869b;margin-top:2px;font-size:11px}.material-cost-box>button{color:var(--blue);cursor:pointer;background:0 0;border:0;margin-top:9px;padding:0;font-size:12px;font-weight:800}.material-cost-editor{background:#f8faff;border:1px solid #bcd0fb;border-radius:12px;justify-content:space-between;align-items:end;gap:12px;margin:-5px 0 17px;padding:14px;display:flex}.material-cost-editor label{color:#66748a;flex:1;font-size:12px;font-weight:750}.material-cost-editor label span{margin-bottom:5px;display:block}.material-cost-editor input{width:100%;height:42px;color:var(--ink);font:inherit;background:#fff;border:1px solid #c9d5e9;border-radius:9px;outline:none;padding:0 11px;font-size:15px}.material-cost-editor input:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff17}.material-cost-editor>div{gap:7px;display:flex}.material-cost-editor button{color:#5d6a7f;cursor:pointer;background:#fff;border:1px solid #d8dfeb;border-radius:9px;height:42px;padding:0 12px;font-size:12px;font-weight:750}.material-cost-editor button.save{border-color:var(--blue);background:var(--blue);color:#fff}.material-cost-editor button:disabled{opacity:.55;cursor:wait}.purchase-cost-field{background:#f8faff;border:1px solid #d8e2f5;border-radius:12px;margin-top:15px;padding:14px}.purchase-cost-field label{color:#68758a;font-size:14px;font-weight:750;display:block}.purchase-cost-field input{width:100%;height:46px;color:var(--ink);font:inherit;background:#fff;border:1px solid #c8d6ef;border-radius:9px;outline:none;margin-top:6px;padding:0 11px;font-size:17px;font-weight:800;display:block}.purchase-cost-field input:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff17}.purchase-cost-field>div{justify-content:space-between;align-items:center;gap:12px;margin-top:9px;display:flex}.purchase-cost-field>div span{color:#718096;font-size:12px}.purchase-cost-field>div strong{color:#173c91;font-size:13px}.purchase-cost-field>small{color:#929daf;margin-top:5px;font-size:11px;display:block}.stock-usage{background:linear-gradient(135deg,#f9fbff,#f2f6ff);border:1px solid #dbe5fa;border-radius:12px;margin:-7px 0 18px;padding:13px 15px}.stock-usage-labels{color:#66748a;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.stock-usage-labels b{color:#1e4db5;font-size:13px}.stock-usage>small{color:#8b97aa;margin-top:7px;font-size:10px;display:block}.stock-usage-track{background:#e4eaf4;border-radius:999px;height:12px;margin-top:9px;overflow:hidden;box-shadow:inset 0 1px 2px #1f304e1f}.stock-usage-track>span{border-radius:inherit;background:repeating-linear-gradient(115deg,#2864ff 0 12px,#5b86ff 12px 23px) 0 0/46px 100%;min-width:0;height:100%;transition:width .55s cubic-bezier(.22,1,.36,1);animation:1.15s linear infinite stock-flow;display:block;box-shadow:0 0 12px #2864ff47}.stock-usage.low{background:linear-gradient(135deg,#fffdf8,#fff8ec);border-color:#f3d5aa}.stock-usage.low .stock-usage-labels b{color:#b76b08}.stock-usage.low .stock-usage-track>span{background:repeating-linear-gradient(115deg,#f09a22 0 12px,#ffc05d 12px 23px);box-shadow:0 0 12px #f09a2247}@keyframes stock-flow{to{background-position:46px 0}}@media (prefers-reduced-motion:reduce){.stock-usage-track>span{transition:none;animation:none}}@media (width<=760px){.inventory-metrics{grid-template-columns:1fr}.material-cost-editor{flex-direction:column;align-items:stretch}.material-cost-editor>div{width:100%}.material-cost-editor button{flex:1}.purchase-cost-field>div{flex-direction:column;align-items:flex-start;gap:2px}}.purchase-cost-field.read-only>div.purchase-cost-heading{border-bottom:1px solid #dce5f5;flex-direction:row;align-items:center;margin-top:0;padding-bottom:9px}.purchase-cost-field.read-only>div.purchase-cost-heading span{font-size:13px;font-weight:800}.purchase-cost-field.read-only>div.purchase-cost-heading strong{font-size:20px}.purchase-cost-field.read-only>small{color:#7b879b;margin-top:7px;line-height:1.5}@media (width<=760px){.purchase-cost-field.read-only>div.purchase-cost-heading{flex-direction:column;align-items:flex-start;gap:3px}}.material-type-editor{background:#f7f9ff;border:1px solid #c9d8fb;border-radius:12px;grid-template-columns:minmax(170px,1fr) minmax(190px,1fr) auto;align-items:end;gap:11px;margin:16px 0 2px;padding:14px;display:grid}.material-type-editor label{color:#66748a;font-size:13px;font-weight:750}.material-type-editor label span{margin-bottom:5px;display:block}.material-type-editor select,.material-type-editor input{width:100%;height:42px;color:var(--ink);font:inherit;background:#fff;border:1px solid #c9d5e9;border-radius:9px;outline:none;padding:0 11px;font-size:15px}.material-type-editor select:focus,.material-type-editor input:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff17}.material-type-editor>div{gap:7px;display:flex}.material-type-editor button{color:#5d6a7f;cursor:pointer;background:#fff;border:1px solid #d8dfeb;border-radius:9px;height:42px;padding:0 12px;font-size:12px;font-weight:750}.material-type-editor button.save{border-color:var(--blue);background:var(--blue);color:#fff}.material-type-editor button:disabled{opacity:.55;cursor:wait}@media (width<=760px){.material-type-editor{grid-template-columns:1fr}.material-type-editor>div{width:100%}.material-type-editor button{flex:1}}.material-form .material-note-field{grid-column:1/-1}.material-form .material-note-field small{color:var(--muted);font-weight:500}.material-form .material-note-field textarea{resize:vertical;width:100%;min-height:82px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dfe5ee;border-radius:9px;outline:none;margin-top:6px;padding:10px 12px;font-size:15px;line-height:1.5;display:block}.material-form .material-note-field textarea:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff17}.inventory-note{color:#667085;background:#fff8e8;border-radius:10px;gap:8px;margin:14px 0 0;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.inventory-note b{color:#9c6b11;flex:none}.inventory-note span{white-space:pre-wrap;overflow-wrap:anywhere}.material-details-editor{background:#f7f9ff;border:1px solid #c9d8fb;border-radius:12px;grid-template-columns:minmax(180px,.8fr) minmax(240px,1.2fr) auto;align-items:end;gap:11px;margin:16px 0 2px;padding:14px;display:grid}.material-details-editor label{color:#66748a;font-size:13px;font-weight:750}.material-details-editor label span{margin-bottom:5px;display:block}.material-details-editor label small{color:var(--muted);font-weight:500}.material-details-editor input,.material-details-editor textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #c9d5e9;border-radius:9px;outline:none;padding:0 11px;font-size:14px}.material-details-editor input{height:42px}.material-details-editor textarea{resize:vertical;height:64px;padding-top:9px;line-height:1.4}.material-details-editor input:focus,.material-details-editor textarea:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff17}.material-details-editor>div{gap:7px;display:flex}.material-details-editor button{color:#5d6a7f;cursor:pointer;background:#fff;border:1px solid #d8dfeb;border-radius:9px;height:42px;padding:0 12px;font-size:12px;font-weight:750}.material-details-editor button.save{border-color:var(--blue);background:var(--blue);color:#fff}.material-details-editor button:disabled{opacity:.55;cursor:wait}@media (width<=760px){.material-details-editor{grid-template-columns:1fr}.material-details-editor>div{width:100%}.material-details-editor button{flex:1}}.bi-sales-drilldown{overflow:hidden}.bi-sales-drilldown summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:14px 20px;list-style:none;display:flex}.bi-sales-drilldown summary::-webkit-details-marker{display:none}.bi-sales-drilldown summary div{gap:2px;display:grid}.bi-sales-drilldown summary b{font-size:16px}.bi-sales-drilldown summary small{color:var(--muted);font-size:13px}.bi-sales-drilldown summary>span{color:var(--blue);background:#edf3ff;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:800}.bi-sales-drilldown[open] summary{border-bottom:1px solid var(--line)}.bi-sales-drilldown[open] summary>span{background:var(--blue);color:#fff}.bi-drilldown-list{padding:0 20px 18px}.bi-drilldown-list>header,.bi-drilldown-list>div{grid-template-columns:150px minmax(220px,1fr) 130px 130px;align-items:center;gap:15px;display:grid}.bi-drilldown-list>header{color:#7e899b;min-height:42px;font-size:12px;font-weight:800}.bi-drilldown-list>div{border-top:1px solid #edf0f4;min-height:67px;font-size:14px}.bi-drilldown-list time{color:#6e7a8e;font-size:13px}.bi-drilldown-list p,.bi-drilldown-list p b,.bi-drilldown-list p small{margin:0;display:block}.bi-drilldown-list p small{color:var(--muted);margin-top:2px;font-size:12px}body[data-role=employee] .bi-analytics-grid,body[data-role=manager] .bi-analytics-grid{grid-template-columns:1fr}body[data-role=employee] .bestseller-panel,body[data-role=manager] .bestseller-panel{min-height:0}body[data-role=employee] .bestseller-list,body[data-role=manager] .bestseller-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}@media (width<=900px){body[data-role=employee] .bestseller-list,body[data-role=manager] .bestseller-list{grid-template-columns:1fr}.bi-drilldown-list{overflow-x:auto}.bi-drilldown-list>header,.bi-drilldown-list>div{min-width:720px}.bi-drilldown-list>header.employee,.bi-drilldown-list>div.employee{min-width:580px}}@media (width<=760px){.bi-sales-drilldown summary{flex-direction:column;align-items:flex-start}.bi-sales-drilldown summary>span{text-align:center;width:100%}.bi-drilldown-list{padding:0 15px 15px}}.material-details-editor.note-only{grid-template-columns:minmax(260px,1fr) auto}.employee-note-actions{border-top:1px solid #edf1f6;margin-top:17px;padding-top:15px}.employee-note-button{color:#245bd8;width:100%;min-height:62px;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(135deg,#f7f9ff,#eef4ff);border:1px solid #cbdafb;border-radius:12px;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;gap:12px;padding:9px 12px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid;box-shadow:0 5px 14px #2864ff12}.employee-note-button:hover{background:linear-gradient(135deg,#f3f7ff,#e8f0ff);border-color:#84a8ff;transform:translateY(-1px);box-shadow:0 9px 20px #2864ff21}.employee-note-button:active{transform:translateY(0)}.employee-note-button:focus-visible{outline-offset:2px;outline:3px solid #2864ff33}.employee-note-icon{width:40px;height:40px;color:var(--blue);background:#fff;border-radius:10px;place-items:center;display:grid;box-shadow:0 4px 11px #2864ff1f}.employee-note-icon svg{width:18px;height:18px}.employee-note-copy{min-width:0}.employee-note-copy b,.employee-note-copy small{display:block}.employee-note-copy b{white-space:nowrap;font-size:14px;line-height:1.3}.employee-note-copy small{color:#77849a;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;line-height:1.35;overflow:hidden}.employee-note-button>i{width:28px;height:28px;color:var(--blue);background:#dce8ff;border-radius:50%;place-items:center;font-size:16px;font-style:normal;font-weight:800;transition:transform .18s;display:grid}.employee-note-button:hover>i{transform:translate(2px)}.goal-value{gap:24px}.goal-value>div{min-width:0}.goal-value>div:nth-child(2){text-align:center}.commission-rule-note{color:var(--muted);margin:-8px 0 17px;font-size:13px;line-height:1.55}.report-metrics.commission-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.bi-drilldown-list>header,.bi-drilldown-list>div{grid-template-columns:150px minmax(220px,1fr) 125px 155px 125px}.bi-drilldown-list>header.employee,.bi-drilldown-list>div.employee{grid-template-columns:150px minmax(220px,1fr) 125px 155px}.bi-drilldown-list strong.commissionable{color:#245bd8}@media (width<=1180px){.report-metrics.commission-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.bi-drilldown-list>header,.bi-drilldown-list>div{min-width:880px}.bi-drilldown-list>header.employee,.bi-drilldown-list>div.employee{min-width:740px}}@media (width<=760px){.material-details-editor.note-only{grid-template-columns:1fr}.goal-value>div:nth-child(2){text-align:left;margin-top:13px}.report-metrics.commission-metrics{grid-template-columns:1fr}.employee-note-button{grid-template-columns:38px minmax(0,1fr) 28px;padding:8px 10px}.employee-note-icon{width:38px;height:38px}.employee-note-copy small{white-space:normal}}.material-choice-frame{position:relative}.material-choice-frame.zoomable{cursor:zoom-in}.material-choice-frame.zoomable:focus-visible{outline-offset:2px;outline:3px solid #2864ff59}.material-choice-zoom{color:#fff;opacity:.88;background:#10203dd1;border-radius:6px;place-items:center;width:20px;height:20px;font-size:15px;font-style:normal;line-height:1;transition:transform .2s,opacity .2s;display:grid;position:absolute;bottom:4px;right:4px;box-shadow:0 3px 8px #0a183238}.material-choice-frame.zoomable:hover .material-choice-zoom,.material-choice-frame.zoomable:focus-visible .material-choice-zoom{opacity:1;transform:scale(1.08)}.material-picker-preview{z-index:1200}.material-picker-field{z-index:12;position:relative}.material-picker{position:relative}.material-picker-trigger{width:100%;min-height:76px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #d6deeb;border-radius:11px;outline:none;grid-template-columns:58px minmax(0,1fr) 22px;align-items:center;gap:11px;padding:8px 10px;display:grid}.material-picker.open .material-picker-trigger,.material-picker-trigger:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff17}.material-choice-frame{background:#eef3fb;border-radius:9px;width:58px;height:58px;display:block;overflow:hidden}.material-choice-image{object-fit:cover;background:#eef3fb;border-radius:9px;place-items:center;width:58px;height:58px;display:grid;overflow:hidden}.material-choice-frame img.material-choice-image{will-change:transform;transition:transform .24s cubic-bezier(.22,1,.36,1),filter .24s;display:block;transform:scale(1)}.material-choice-frame:hover img.material-choice-image{filter:saturate(1.06)contrast(1.03);transform:scale(1.25)}.material-choice-image.fallback{color:var(--blue)}.material-choice-image.fallback.sticker{color:#12885f;background:#eaf8f2}.material-choice-image svg{width:24px;height:24px}.material-picker-trigger>span:nth-child(2),.material-picker-menu button>span{min-width:0}.material-picker-trigger b,.material-picker-trigger small,.material-picker-trigger em,.material-picker-menu b,.material-picker-menu small,.material-picker-menu em{display:block}.material-picker-trigger b,.material-picker-menu b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.material-picker-trigger small,.material-picker-menu small{color:#6f7c90;margin-top:2px;font-size:12px}.material-picker-trigger em,.material-picker-menu em{color:#8a641d;white-space:normal;margin-top:4px;font-size:12px;font-style:normal;line-height:1.35}.material-picker-trigger>i{color:#7e8999;text-align:center;font-size:18px;font-style:normal;transition:transform .18s}.material-picker.open .material-picker-trigger>i{transform:rotate(180deg)}.material-picker-placeholder{width:58px;height:58px;color:var(--blue);background:#edf3ff;border-radius:9px;place-items:center;display:grid}.material-picker-placeholder svg{width:25px;height:25px}.material-picker-menu{z-index:60;background:#fff;border:1px solid #d9e1ed;border-radius:12px;max-height:390px;padding:7px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:auto;box-shadow:0 18px 45px #12244833}.material-picker-menu>button{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0f5;border-radius:9px;grid-template-columns:58px minmax(0,1fr) 22px;align-items:center;gap:11px;padding:9px;display:grid}.material-picker-menu>button:last-of-type{border-bottom:0}.material-picker-menu>button:hover,.material-picker-menu>button:focus,.material-picker-menu>button.selected{background:#f1f5ff;outline:none}.material-picker-menu>button.selected{box-shadow:inset 0 0 0 1px #bdd0ff}.material-picker-menu>button>i{color:var(--blue);text-align:center;font-size:18px;font-style:normal}.material-picker-menu em{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.material-picker-menu>p{color:var(--muted);text-align:center;margin:0;padding:22px;font-size:13px}@media (prefers-reduced-motion:reduce){.material-choice-frame img.material-choice-image{transition:none}}@media (width<=760px){.material-picker-field{z-index:auto}.material-picker-menu{max-height:320px;margin-top:7px;position:static}.material-picker-trigger,.material-picker-menu>button{grid-template-columns:52px minmax(0,1fr) 20px}.material-choice-frame,.material-choice-image,.material-picker-placeholder{width:52px;height:52px}}.inventory-card.roll-closed{opacity:1;background:linear-gradient(#fff,#fafbfe);border-color:#d9deea}.inventory-head .closed-roll-tag{color:#667085;background:#eef1f5}.inventory-actions .close-roll-button{color:#a66308;background:#fff8ec;border-color:#f4c68a;font-weight:800}.inventory-actions .close-roll-button:hover{background:#fff2da;border-color:#e6a84e}.employee-note-actions{gap:10px;display:grid}.employee-close-roll-button{color:#9c620a;width:100%;min-height:54px;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(135deg,#fffdf8,#fff5e5);border:1px solid #f1c784;border-radius:12px;padding:9px 13px;transition:transform .18s,border-color .18s,box-shadow .18s}.employee-close-roll-button:hover{border-color:#e2a94c;transform:translateY(-1px);box-shadow:0 8px 18px #b46e0e1a}.employee-close-roll-button b,.employee-close-roll-button small{display:block}.employee-close-roll-button b{font-size:14px}.employee-close-roll-button small{color:#8e7653;margin-top:2px;font-size:11px}.close-roll-backdrop{z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1c339e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.close-roll-dialog{background:#fff;border:1px solid #ffffffd9;border-radius:20px;width:min(520px,100%);padding:28px;box-shadow:0 30px 80px #0c193252}.close-roll-symbol{color:#a86409;background:#fff1db;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:15px;font-size:25px;font-weight:900;display:grid}.close-roll-dialog .eyebrow{color:#b26b0b;margin:0 0 3px}.close-roll-dialog h2{margin:0;font-size:26px}.close-roll-material{color:#68758a;margin:5px 0 18px}.close-roll-remaining{background:#f6f9ff;border:1px solid #d9e5fb;border-radius:14px;justify-content:space-between;align-items:end;gap:20px;padding:17px;display:flex}.close-roll-remaining span{color:#66748a;font-size:13px}.close-roll-remaining strong{color:#174cb8;font-size:29px;line-height:1}.close-roll-remaining small{font-size:13px}.close-roll-dialog>p:not(.eyebrow):not(.close-roll-material){color:#59677c;margin:17px 0;font-size:14px;line-height:1.65}.close-roll-warning{color:#956015;background:#fff6e7;border-radius:10px;padding:10px 12px;font-size:12px}.close-roll-dialog footer{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.close-roll-dialog footer button{color:#5e6b80;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e0ea;border-radius:10px;padding:0 17px;font-size:14px;font-weight:800}.close-roll-dialog footer button.confirm{color:#fff;background:#b96d08;border-color:#c87a10}.close-roll-dialog footer button:disabled{opacity:.55;cursor:wait}.material-loss-analytics{border-top:1px solid var(--line);gap:18px;margin-top:8px;padding-top:24px;display:grid}.loss-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.loss-section-heading h2,.loss-section-heading p{margin:0}.loss-section-heading h2{font-size:29px}.loss-section-heading>div>p:last-child{color:var(--muted);margin-top:5px;font-size:14px}.loss-section-heading>span{color:var(--blue);background:#eef3ff;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:850}.loss-filter-panel{grid-template-columns:repeat(6,minmax(130px,1fr)) auto;align-items:end;gap:10px;padding:17px;display:grid}.loss-filter-panel label{color:#68758a;font-size:12px;font-weight:800}.loss-filter-panel input,.loss-filter-panel select{width:100%;height:42px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d9e0eb;border-radius:9px;outline:none;margin-top:5px;padding:0 10px;font-size:13px;display:block}.loss-filter-panel input:focus,.loss-filter-panel select:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff14}.loss-filter-panel>button{color:#647187;cursor:pointer;background:#f8fafc;border:1px solid #dbe2ed;border-radius:9px;height:42px;padding:0 13px;font-size:12px;font-weight:800}.loss-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.loss-kpi-grid article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:19px}.loss-kpi-grid span,.loss-kpi-grid strong,.loss-kpi-grid p{margin:0;display:block}.loss-kpi-grid span{color:#758196;font-size:12px;font-weight:800}.loss-kpi-grid strong{margin:6px 0 3px;font-size:25px}.loss-kpi-grid p{color:#98a1b0;font-size:11px}.loss-analytics-grid{grid-template-columns:minmax(0,1.5fr) minmax(330px,.8fr);gap:18px;display:grid}.loss-trend-panel,.loss-by-material,.top-loss-panel,.loss-roll-table{padding:23px}.loss-card-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.loss-card-heading h3,.loss-card-heading p{margin:0}.loss-card-heading h3{font-size:20px}.loss-card-heading p{color:var(--muted);margin-top:3px;font-size:12px}.loss-card-heading>span{color:var(--blue);background:#eef3ff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:850}.loss-period-tabs{background:#f8fafc;border:1px solid #e0e6ef;border-radius:10px;gap:4px;padding:4px;display:flex}.loss-period-tabs button{color:#68758a;cursor:pointer;background:0 0;border:0;border-radius:7px;height:31px;padding:0 10px;font-size:11px;font-weight:800}.loss-period-tabs button.active{color:#fff;background:#2864ff}.loss-trend-legend{color:#6d798d;gap:15px;margin:19px 0 4px;font-size:11px;display:flex}.loss-trend-legend span{align-items:center;gap:5px;display:flex}.loss-trend-legend i{border-radius:3px;width:8px;height:8px}.loss-trend-legend i.area,.loss-trend-column i.area{background:#ff965a}.loss-trend-legend i.cost,.loss-trend-column i.cost{background:#ef5e73}.loss-trend-legend i.percent,.loss-trend-column i.percent{background:#8b6bea}.loss-trend-chart{background:repeating-linear-gradient(#0000 0 calc(25% - 1px),#eef1f5 25%);border-bottom:1px solid #dfe5ee;align-items:stretch;gap:10px;height:270px;padding:15px 5px 0;display:flex;overflow-x:auto}.loss-trend-column{flex:1;grid-template-rows:1fr 37px;align-items:end;min-width:64px;display:grid}.loss-trend-column>div{justify-content:center;align-items:flex-end;gap:4px;height:100%;display:flex}.loss-trend-column i{border-radius:5px 5px 0 0;width:min(14px,28%);transition:height .3s}.loss-trend-column small{color:#8590a2;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding-top:7px;font-size:10px;overflow:hidden}.loss-by-material>div:last-child{margin-top:15px;display:grid}.loss-by-material>div:last-child>div{border-bottom:1px solid #edf0f4;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;display:grid}.loss-by-material>div:last-child>div>span{color:#c2672d;background:#fff0e7;border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:900;display:grid}.loss-by-material p,.loss-by-material b,.loss-by-material small,.loss-by-material em{margin:0;display:block}.loss-by-material b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.loss-by-material small{color:var(--muted);margin-top:1px;font-size:10px}.loss-by-material strong{font-size:12px}.loss-by-material em{color:#8a6570;grid-column:2/-1;font-size:10px;font-style:normal}.top-loss-controls{gap:7px;display:flex}.top-loss-controls select{color:#536076;background:#fff;border:1px solid #dce3ed;border-radius:8px;height:34px;padding:0 9px;font-size:11px;font-weight:800}.top-loss-list{gap:12px;margin-top:19px;display:grid}.top-loss-list>div{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.top-loss-list>div>span{color:#c2672d;background:#fff0e7;border-radius:9px;place-items:center;width:31px;height:31px;font-size:12px;font-weight:900;display:grid}.top-loss-list p,.top-loss-list b,.top-loss-list small,.top-loss-list i,.top-loss-list em{margin:0;display:block}.top-loss-list b{font-size:13px}.top-loss-list small{color:var(--muted);font-size:10px}.top-loss-list i{background:#eef1f5;border-radius:999px;height:7px;margin-top:6px;overflow:hidden}.top-loss-list em{border-radius:inherit;background:linear-gradient(90deg,#ff985c,#ed6272);height:100%}.top-loss-list strong{font-size:13px}.loss-table-scroll{margin-top:16px;overflow-x:auto}.loss-table-head,.loss-table-row{grid-template-columns:minmax(220px,1.35fr) repeat(5,100px) 145px 130px;align-items:center;gap:11px;min-width:1080px;display:grid}.loss-table-head{color:#7b8799;text-transform:uppercase;min-height:40px;font-size:10px;font-weight:850}.loss-table-row{border-top:1px solid #edf0f4;min-height:64px;font-size:12px}.loss-table-row p,.loss-table-row b,.loss-table-row small{margin:0;display:block}.loss-table-row b{font-size:12px}.loss-table-row small{color:var(--muted);margin-top:2px;font-size:10px}.loss-table-row strong{color:#a94f43}.loss-table-row time{color:#69768a;font-size:11px}@media (width<=1250px){.loss-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.loss-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loss-analytics-grid{grid-template-columns:1fr}}@media (width<=760px){.close-roll-dialog{padding:21px}.close-roll-dialog h2{font-size:22px}.close-roll-remaining{flex-direction:column;align-items:flex-start;gap:8px}.close-roll-dialog footer{grid-template-columns:1fr 1fr;display:grid}.loss-section-heading,.loss-card-heading{flex-direction:column;align-items:flex-start}.loss-filter-panel,.loss-kpi-grid{grid-template-columns:1fr}.loss-period-tabs,.top-loss-controls{width:100%}.loss-period-tabs button,.top-loss-controls select{flex:1}.loss-trend-panel,.loss-by-material,.top-loss-panel,.loss-roll-table{padding:17px}}.edit-job-button{justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:12px;font-weight:850;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 3px 8px #2864ff14;color:#245bd8!important;background:linear-gradient(135deg,#f7faff,#eaf1ff)!important;border:1px solid #b9cdf7!important;border-radius:9px!important}.edit-job-button:hover{transform:translateY(-1px);box-shadow:0 7px 14px #2864ff26;background:linear-gradient(135deg,#edf4ff,#dfeaff)!important;border-color:#6f98ee!important}.edit-job-button:active{transform:translateY(0)}.edit-job-button:focus-visible{outline-offset:2px;outline:3px solid #2864ff33}.job-edit-dialog footer .primary-button{color:#fff;background:var(--blue);border:0;box-shadow:0 9px 20px #2864ff3d}.job-edit-dialog footer .primary-button:hover{background:var(--blue-dark)}.job-actions{flex-wrap:wrap}.edit-job-button{align-items:center;gap:5px;font-weight:800;display:inline-flex;color:#245bd8!important;background:#f5f8ff!important;border-color:#bfd2fb!important}.edit-job-button svg{width:14px;height:14px}.job-edit-backdrop{z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1c339e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.job-edit-dialog{border-radius:19px;width:min(680px,100%);max-height:calc(100dvh - 40px);padding:25px;overflow:auto;box-shadow:0 30px 80px #0c193252}.job-edit-dialog header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:17px;display:flex}.job-edit-dialog h2,.job-edit-dialog p{margin:0}.job-edit-dialog h2{font-size:26px}.job-edit-dialog header small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.job-edit-dialog .eyebrow{color:var(--blue);margin:0 0 3px}.dialog-close{color:#66748a;cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:9px;width:34px;height:34px;font-size:25px;line-height:1}.job-edit-reference{color:#67758a;background:#f5f8fc;border-radius:9px;margin:16px 0;padding:10px 12px;font-size:13px}.job-edit-dialog label{color:#657289;margin-top:13px;font-size:13px;font-weight:800;display:block}.job-edit-dialog input{width:100%;height:43px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cfd9e8;border-radius:9px;outline:none;margin-top:5px;padding:0 11px;font-size:15px;display:block}.job-edit-dialog input:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff14}.job-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.job-edit-grid label.job-edit-wide{grid-column:span 2}.job-edit-warning{color:#966116;background:#fff7e8;border-radius:9px;margin-top:17px;padding:10px 12px;font-size:12px;line-height:1.5}.job-edit-dialog footer{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.job-edit-dialog footer button{color:#5f6c80;min-height:43px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8e0eb;border-radius:9px;padding:0 15px;font-size:13px;font-weight:800}.job-edit-dialog footer .primary-button{color:#fff;border:0}.job-edit-dialog button:disabled{opacity:.55;cursor:wait}@media (width<=760px){.job-edit-dialog{padding:19px}.job-edit-dialog h2{font-size:22px}.job-edit-grid{grid-template-columns:1fr 1fr}.job-edit-grid label.job-edit-wide{grid-column:1/-1}.job-edit-dialog footer{grid-template-columns:1fr 1fr;display:grid}.job-edit-dialog footer button{width:100%}}.status-select:disabled{opacity:.7;cursor:not-allowed}.job-actions .danger-button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.job-actions .danger-button svg{width:14px;height:14px}.job-locked{color:#7a8799;background:#f7f9fc;border:1px solid #e2e7ef;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 8px;font-size:11px;font-weight:800;display:flex!important}.job-locked svg{width:14px;height:14px}.job-edit-dialog textarea,.reason-dialog textarea{width:100%;color:var(--ink);font:inherit;resize:vertical;background:#fff;border:1px solid #cfd9e8;border-radius:9px;outline:none;margin-top:5px;padding:11px;font-size:14px;line-height:1.55;display:block}.job-edit-dialog textarea:focus,.reason-dialog textarea:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff14}.audit-reason>small{color:#8a95a6;margin-top:5px;font-size:11px;font-weight:500;display:block}.reason-dialog{border-radius:19px;width:min(520px,100%);padding:25px;box-shadow:0 30px 80px #0c193252}.reason-dialog header{grid-template-columns:48px minmax(0,1fr) 34px;align-items:start;gap:12px;display:grid}.reason-dialog h2,.reason-dialog p{margin:0}.reason-dialog h2{font-size:24px}.reason-dialog .eyebrow{color:#8b5cf6;margin-bottom:2px}.danger-symbol,.restore-symbol{border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.danger-symbol{color:#c83939;background:#fff0f0}.restore-symbol{color:#11885f;background:#eaf8f2}.danger-symbol svg,.restore-symbol svg{width:21px;height:21px}.reason-dialog>p{color:#647187;margin:17px 0;font-size:13px;line-height:1.6}.reason-dialog label{color:#59677b;font-size:13px;font-weight:800;display:block}.reason-dialog>small{color:#929cac;text-align:right;margin-top:5px;font-size:10px;display:block}.reason-dialog footer{justify-content:flex-end;gap:9px;margin-top:19px;display:flex}.reason-dialog footer button{color:#5f6c80;min-height:43px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8e0eb;border-radius:9px;padding:0 16px;font-size:13px;font-weight:800}.reason-dialog footer .primary-button{border-color:var(--blue);background:var(--blue);color:#fff}.reason-dialog footer .reason-danger{color:#fff;background:#cf3f3f;border-color:#cf3f3f}.reason-dialog footer button:disabled{opacity:.5;cursor:not-allowed}.trash-count{color:#c33d3d;background:#fff0f0;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:850}.trash-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.trash-card{padding:19px}.trash-card header{grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.trash-card h3,.trash-card p{margin:0}.trash-card h3{font-size:17px}.trash-card header p{color:var(--muted);margin-top:2px;font-size:11px}.trash-job-icon{color:#c94343;background:#fff0f0;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.trash-job-icon svg{width:20px;height:20px}.status.deleted{color:#687386;background:#f2f3f6;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850}.trash-details{background:#e7ebf1;border:1px solid #e7ebf1;border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:16px 0;display:grid;overflow:hidden}.trash-details>div{background:#f9fafc;padding:10px}.trash-details span,.trash-details b{display:block}.trash-details span{color:#8791a1;font-size:10px}.trash-details b{margin-top:2px;font-size:12px}.trash-card blockquote{color:#805825;background:#fff8ed;border-left:3px solid #f2ad59;border-radius:0 8px 8px 0;margin:0;padding:10px 12px;font-size:12px;line-height:1.5}.stock-returned{font-size:11px;margin-top:10px!important}.stock-returned.yes{color:#11885f}.stock-returned.no{color:#7a8799}.trash-card footer{gap:8px;margin-top:16px;display:flex}.trash-card footer button{min-height:39px;font:inherit;cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:800;display:flex}.trash-card footer svg{width:15px;height:15px}.restore-button{color:#117858;border:1px solid #a9dcca;flex:1}.permanent-delete{color:#c33d3d;border:1px solid #f3bcbc}.trash-card footer button:disabled{opacity:.5;cursor:wait}.trash-empty,.audit-empty{text-align:center;place-items:center;padding:60px 20px;display:grid}.trash-empty svg,.audit-empty svg{color:#a7b0bf;width:42px;height:42px}.trash-empty h3{margin:13px 0 3px}.trash-empty p,.audit-empty p{color:var(--muted);margin:0;font-size:13px}.audit-timeline{gap:10px;display:grid}.audit-entry{overflow:hidden}.audit-entry summary{cursor:pointer;grid-template-columns:43px minmax(190px,.7fr) minmax(230px,1fr) 20px;align-items:center;gap:12px;min-height:78px;padding:13px 17px;list-style:none;display:grid}.audit-entry summary::-webkit-details-marker{display:none}.audit-icon{color:#2864ff;background:#edf3ff;border-radius:11px;place-items:center;width:41px;height:41px;display:grid}.audit-entry.job_trashed .audit-icon,.audit-entry.job_permanently_deleted .audit-icon{color:#c94343;background:#fff0f0}.audit-entry.job_restored .audit-icon{color:#11885f;background:#eaf8f2}.audit-icon svg{width:19px;height:19px}.audit-entry h3,.audit-entry p,.audit-entry blockquote{margin:0}.audit-entry h3{font-size:14px}.audit-entry h3 small{color:#7e899b;margin-left:5px;font-size:11px}.audit-entry p{color:var(--muted);margin-top:3px;font-size:11px}.audit-entry blockquote{color:#617086;background:#f7f9fc;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.45}.audit-entry summary>i{color:#8792a4;font-size:17px;font-style:normal;transition:transform .18s}.audit-entry[open] summary>i{transform:rotate(180deg)}.audit-changes{gap:1px;padding:0 17px 16px 72px;display:grid}.audit-changes>div{border-top:1px solid #edf0f4;grid-template-columns:150px minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:grid}.audit-changes b{color:#59677b}.audit-changes span{color:#a04b4b}.audit-changes i{color:#9aa3b1;text-align:center;font-style:normal}.audit-changes strong{color:#117858}.audit-no-change{color:#8994a5;margin:0;padding:0 17px 17px 72px;font-size:12px}@media (width<=900px){.trash-grid{grid-template-columns:1fr}.audit-entry summary{grid-template-columns:43px minmax(0,1fr) 20px}.audit-entry blockquote{grid-column:2/-1}.audit-changes{padding-left:17px}}@media (width<=760px){.reason-dialog{padding:20px}.reason-dialog footer{grid-template-columns:1fr 1fr;display:grid}.trash-card header{grid-template-columns:43px minmax(0,1fr)}.trash-card header .status{grid-column:2}.audit-changes>div{grid-template-columns:1fr}.audit-changes i{text-align:left}}.payment-button,.payment-view{border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:0 8px;font-size:10px;font-weight:850;line-height:1.2;display:flex!important}.payment-button{cursor:pointer;background:#fff;border:1px solid;width:100%}.payment-button svg{width:14px;height:14px}.payment-button.unpaid,.payment-view.unpaid{color:#a96b0e;background:#fff7e8;border-color:#f2c66f}.payment-button.deposit,.payment-view.deposit{color:#245bd8;background:#eef3ff;border-color:#a9c2ff}.payment-button.partial,.payment-view.partial{color:#6d4dca;background:#f4f0ff;border-color:#c5b2f8}.payment-button.paid,.payment-view.paid{color:#107a5b;background:#ecfaf5;border-color:#9ed8c4}.payment-button.credit_overdue,.payment-view.credit_overdue{color:#c13939;background:#fff0f0;border-color:#f0aaa9}.payment-dialog{border-radius:19px;width:min(520px,100%);max-height:calc(100dvh - 40px);padding:25px;overflow:auto;box-shadow:0 30px 80px #0c193252}.payment-dialog header{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr) 34px;align-items:start;gap:12px;padding-bottom:16px;display:grid}.payment-dialog header>span{width:46px;height:46px;color:var(--blue);background:#eaf1ff;border-radius:13px;place-items:center;display:grid}.payment-dialog header>span svg{width:21px;height:21px}.payment-dialog h2,.payment-dialog p{margin:0}.payment-dialog h2{font-size:24px}.payment-dialog header small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.payment-dialog .eyebrow{color:var(--blue);margin-bottom:2px}.payment-total{background:#f4f7fc;border-radius:11px;justify-content:space-between;align-items:center;margin:17px 0;padding:13px 14px;display:flex}.payment-total span{color:#68758a;font-size:12px}.payment-total strong{font-size:21px}.payment-dialog label{color:#5f6c80;margin-top:12px;font-size:13px;font-weight:800;display:block}.payment-dialog input,.payment-dialog select,.payment-dialog textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #cfd9e8;border-radius:9px;outline:none;margin-top:5px;font-size:14px;display:block}.payment-dialog input,.payment-dialog select{height:43px;padding:0 11px}.payment-dialog textarea{resize:vertical;padding:10px 11px;line-height:1.5}.payment-dialog input:focus,.payment-dialog select:focus,.payment-dialog textarea:focus{border-color:#7da1ff;box-shadow:0 0 0 3px #2864ff14}.payment-dialog input:disabled{color:#7f8997;background:#f3f5f8}.payment-balance{color:#8d5f17;background:#fff7e8;border-radius:9px;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 12px;font-size:12px;display:flex}.payment-balance b{font-size:16px}.payment-dialog footer{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.payment-dialog footer button{color:#5f6c80;min-height:43px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8e0eb;border-radius:9px;padding:0 15px;font-size:13px;font-weight:800}.payment-dialog footer .primary-button{border-color:var(--blue);background:var(--blue);color:#fff}.payment-dialog footer button:disabled{opacity:.55;cursor:wait}.payment-report{padding:23px}.payment-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:18px;display:grid}.payment-kpis article{background:#f9fafc;border:1px solid #e5eaf2;border-radius:12px;padding:15px}.payment-kpis span,.payment-kpis strong{display:block}.payment-kpis span{color:#7d8899;font-size:11px}.payment-kpis strong{margin-top:5px;font-size:19px}.payment-alert{color:#c13939;background:#fff0f0;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850}.payment-pending-list{margin-top:16px;display:grid}.payment-pending-list>div{border-top:1px solid #edf0f4;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;display:grid}.payment-pending-list p,.payment-pending-list b,.payment-pending-list small{margin:0;display:block}.payment-pending-list b{font-size:13px}.payment-pending-list small{color:var(--muted);margin-top:2px;font-size:10px}.payment-pending-list>div>strong{font-size:13px}.payment-empty{color:#107a5b;text-align:center;background:#ecfaf5;border-radius:10px;margin:17px 0 0;padding:17px;font-size:13px}.backup-page{max-width:1180px}.backup-hero{background:linear-gradient(135deg,#fff,#f2f6ff);border-color:#bcd0ff;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:18px;padding:25px;display:grid}.backup-hero>span{color:#fff;background:#2864ff;border-radius:17px;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 10px 24px #2864ff3d}.backup-hero>span svg{width:27px;height:27px}.backup-hero h3,.backup-hero p{margin:0}.backup-hero h3{font-size:22px}.backup-hero>div>p:last-child{color:#68758a;margin-top:5px;font-size:13px;line-height:1.5}.backup-download,.export-card>a{color:#fff;background:#2864ff;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:850;text-decoration:none;display:flex;box-shadow:0 8px 18px #2864ff33}.backup-download{min-height:46px;padding:0 16px}.backup-download svg,.export-card>a svg{width:16px;height:16px}.backup-warning{color:#815d22;background:#fff9ee;border:1px solid #f3d29b;border-radius:12px;align-items:flex-start;gap:11px;padding:14px 16px;display:flex}.backup-warning svg{flex:none;width:20px;height:20px}.backup-warning p,.backup-warning b,.backup-warning span{margin:0;display:block}.backup-warning b{font-size:13px}.backup-warning span{margin-top:2px;font-size:11px;line-height:1.5}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.export-card{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:19px;display:grid}.export-card>span{color:#2864ff;background:#edf3ff;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.export-card>span svg{width:21px;height:21px}.export-card h3,.export-card p{margin:0}.export-card h3{font-size:15px}.export-card p{color:#798598;margin-top:3px;font-size:11px;line-height:1.45}.export-card>a{color:#2864ff;min-height:38px;box-shadow:none;background:#fff;border:1px solid #a9c2ff;padding:0 12px}.export-note{color:#778397;text-align:center;margin:0;font-size:11px}@media (width<=900px){.payment-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-hero{grid-template-columns:58px minmax(0,1fr)}.backup-hero .backup-download{grid-column:1/-1}.export-grid{grid-template-columns:1fr}}@media (width<=760px){.payment-dialog{padding:20px}.payment-dialog footer{grid-template-columns:1fr 1fr;display:grid}.payment-kpis{grid-template-columns:1fr}.payment-pending-list>div{grid-template-columns:1fr;gap:5px;padding:10px 0}.payment-pending-list .payment-view{width:max-content;padding:7px 10px}.backup-hero{grid-template-columns:1fr}.backup-hero>span{width:52px;height:52px}.export-card{grid-template-columns:44px minmax(0,1fr)}.export-card>a{grid-column:1/-1}}.expense-overview{grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.expense-overview article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:19px 21px}.expense-overview article:first-child{background:linear-gradient(135deg,#f7faff,#edf3ff);border-color:#b9cdfb}.expense-overview span,.expense-overview strong,.expense-overview small{display:block}.expense-overview span{color:#748095;font-size:13px;font-weight:800}.expense-overview strong{margin:5px 0 2px;font-size:25px}.expense-overview small{color:#9099a8;font-size:12px}.inventory-expense-panel{margin-bottom:18px;padding:0;overflow:hidden}.inventory-expense-panel>header{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,#f7faff);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:20px 22px;display:grid}.inventory-expense-panel>header>span{width:46px;height:46px;color:var(--blue);background:#eaf1ff;border-radius:13px;place-items:center;display:grid}.inventory-expense-panel>header svg{width:22px;height:22px}.inventory-expense-panel h3,.inventory-expense-panel p{margin:0}.inventory-expense-panel h3{font-size:20px}.inventory-expense-panel header p{color:var(--muted);margin-top:3px;font-size:13px}.inventory-expense-panel header>strong{color:#174cb8;font-size:22px}.inventory-expense-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;padding:4px 22px;display:grid}.inventory-expense-list article{border-bottom:1px solid #edf0f4;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:14px 0;display:grid}.inventory-expense-image,.inventory-expense-icon{color:#55719c;background:#eef3fb;border:0;border-radius:11px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.inventory-expense-image{cursor:zoom-in;padding:0;position:relative}.inventory-expense-image img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.inventory-expense-image span{color:#fff;opacity:0;background:#112444b3;padding:2px;font-size:8px;transition:opacity .2s;position:absolute;inset:auto 0 0}.inventory-expense-image:hover img{transform:scale(1.12)}.inventory-expense-image:hover span{opacity:1}.inventory-expense-icon svg{width:21px;height:21px}.inventory-expense-list article>div{min-width:0}.inventory-expense-list article>div strong,.inventory-expense-list article>div small,.inventory-expense-list article>div em,.inventory-expense-list article>b small{display:block}.inventory-expense-list article>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.inventory-expense-list article>div small{color:var(--muted);margin-top:2px;font-size:11px}.inventory-expense-list article>div em{color:#8290a3;margin-top:3px;font-size:10px;font-style:normal}.inventory-expense-list article>b{text-align:right;white-space:nowrap;font-size:15px}.inventory-expense-list article>b small{color:#8a95a6;margin-top:1px;font-size:9px;font-weight:650}.inventory-expense-panel>footer{color:#68758a;text-align:center;background:#f8fafc;padding:11px 22px;font-size:11px}.inventory-expense-empty{color:var(--muted);text-align:center;margin:0;padding:30px;font-size:13px}.finance-panel{margin-bottom:18px}@media (width<=1000px){.expense-overview{grid-template-columns:1fr 1fr}.expense-overview article:first-child{grid-column:1/-1}.inventory-expense-list{grid-template-columns:1fr}}@media (width<=760px){.expense-overview{grid-template-columns:1fr}.expense-overview article:first-child{grid-column:auto}.inventory-expense-panel>header{grid-template-columns:46px minmax(0,1fr)}.inventory-expense-panel header>strong{grid-column:1/-1}.inventory-expense-list{padding:4px 16px}.inventory-expense-list article{grid-template-columns:46px minmax(0,1fr)}.inventory-expense-list article>b{text-align:left;grid-column:2}.inventory-expense-panel>footer{padding:11px 16px}}.expenses-page .page-toolbar h2{font-size:32px}.expenses-page .page-toolbar p{font-size:16px}.expenses-page .add-expense-button b{font-size:17px}.expenses-page .add-expense-button small{font-size:14px}.expenses-page .expense-form-heading h3{font-size:23px}.expenses-page .expense-form-heading p,.expenses-page .expense-form>label,.expenses-page .expense-categories legend{font-size:15px}.expenses-page .expense-form input{font-size:17px}.expenses-page .expense-categories label{font-size:15px}.expenses-page .expense-slip-field b{font-size:16px}.expenses-page .expense-slip-field small,.expenses-page .expense-slip-field>label{font-size:14px}.expenses-page .expense-overview span{font-size:15px}.expenses-page .expense-overview strong{font-size:29px}.expenses-page .expense-overview small{font-size:14px}.expenses-page .inventory-expense-panel h3{font-size:23px}.expenses-page .inventory-expense-panel header p{font-size:15px}.expenses-page .inventory-expense-panel header>strong{font-size:25px}.expenses-page .inventory-expense-list article>div strong{font-size:16px}.expenses-page .inventory-expense-list article>div small{font-size:14px}.expenses-page .inventory-expense-list article>div em{font-size:13px}.expenses-page .inventory-expense-list article>b{font-size:18px}.expenses-page .inventory-expense-list article>b small{font-size:12px}.expenses-page .inventory-expense-panel>footer{font-size:13px}.expenses-page .inventory-expense-empty,.expenses-page .expense-total span{font-size:15px}.expenses-page .expense-total strong{font-size:29px}.expenses-page .expense-total small{font-size:14px}.expenses-page .finance-row{font-size:16px}.expenses-page .finance-row small,.expenses-page .expense-chip,.expenses-page .finance-row .danger-button{font-size:14px}@media (width<=760px){.expenses-page .page-toolbar h2{font-size:28px}.expenses-page .page-toolbar p{font-size:15px}.expenses-page .inventory-expense-list article>div strong{white-space:normal}.expenses-page .inventory-expense-panel header p{font-size:14px}}:root{--type-page-title:32px;--type-section-title:23px;--type-card-title:20px;--type-body:16px;--type-label:15px;--type-meta:14px;--type-caption:13px;--type-micro:12px}body{font-size:var(--type-body);line-height:1.6}.topbar h1{font-size:30px;line-height:1.25}.eyebrow{font-size:var(--type-meta)}.page-toolbar h2,.expenses-page .page-toolbar h2,.loss-section-heading h2{font-size:var(--type-page-title);line-height:1.3}.page-toolbar p,.expenses-page .page-toolbar p,.loss-section-heading>div>p:last-child{font-size:var(--type-body);line-height:1.6}.panel-heading h2,.inventory-expense-panel h3,.expenses-page .inventory-expense-panel h3,.expense-form-heading h3,.material-form-heading h3,.pricing-section-heading h3,.costing-heading h3,.report-detail h3,.work-profile h2,.bi-card-heading h3,.loss-card-heading h3{font-size:var(--type-section-title);line-height:1.35}.panel-heading p,.inventory-expense-panel header p,.expenses-page .inventory-expense-panel header p,.expense-form-heading p,.material-form-heading p,.pricing-section-heading p,.costing-heading p,.bi-card-heading p,.loss-card-heading p{font-size:var(--type-meta);line-height:1.55}.primary-button,.modal-footer button,.reason-dialog footer button,.payment-dialog footer button,.backup-download,.export-card>a{font-size:var(--type-label)}.nav-item{font-size:var(--type-body)}.nav-heading,.nav-badge,.brand em,.version-badge{font-size:var(--type-micro)}.brand strong{font-size:21px}.brand span{font-size:var(--type-caption)}.sidebar-user strong,.stock-alert strong{font-size:var(--type-meta)}.sidebar-user span,.stock-alert span{font-size:var(--type-caption)}.field>span,fieldset legend,.tax-options>span,.discount-field>span,.discount-unit>span,.material-form label,.expense-form>label,.expenses-page .expense-form>label,.expense-categories legend,.expenses-page .expense-categories legend,.costing-form>label,.costing-dimensions label,.user-form label,.profile-form>label,.reason-dialog label,.payment-dialog label,.material-cost-editor label,.material-type-editor label,.material-details-editor label,.loss-filter-panel label{font-size:var(--type-label)}.field input,.field select,.field textarea,.discount-field input,.discount-unit select,.material-form input,.material-form select,.expense-form input,.expenses-page .expense-form input,.costing-form select,.costing-form input,.user-form input,.user-form select,.profile-form input,.payment-dialog input,.payment-dialog select,.payment-dialog textarea,.reason-dialog textarea,.pricing-category select,.selling-price-field input,.cost-input-grid input,.pricing-title input,.filters input,.filters select,.role-select,.loss-filter-panel input,.loss-filter-panel select{font-size:var(--type-body)}.expense-categories label,.expenses-page .expense-categories label,.tax-options label{font-size:var(--type-label)}.job-image-field b,.material-image-field b,.expense-slip-field b,.expenses-page .expense-slip-field b{font-size:var(--type-body)}.job-image-field small,.material-image-field small,.expense-slip-field small,.expenses-page .expense-slip-field small,.job-image-field>label,.material-image-field>label,.expense-slip-field>label,.expenses-page .expense-slip-field>label{font-size:var(--type-meta)}.global-upload-progress{z-index:10000;width:min(360px,100vw - 32px);color:var(--ink);background:#fffffffa;border:1px solid #c9d8f7;border-radius:15px;padding:16px 17px;animation:.2s ease-out uploadProgressIn;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 50px #16336738}.global-upload-progress>div:first-child,.upload-progress-copy{justify-content:space-between;align-items:center;gap:14px;font-size:14px;font-weight:750;display:flex}.global-upload-progress b,.upload-progress-copy b{color:var(--blue);font-variant-numeric:tabular-nums}.global-upload-track,.upload-progress-track{background:#e8eef8;border-radius:999px;height:9px;margin-top:10px;overflow:hidden}.global-upload-track i,.upload-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#2864ff,#6c91ff);min-width:3px;height:100%;transition:width .15s;display:block;position:relative}.global-upload-track i:after,.upload-progress-track span:after{content:"";background:linear-gradient(110deg,#0000 15%,#ffffff94 45%,#0000 75%);animation:1s linear infinite uploadProgressShine;position:absolute;inset:0;transform:translate(-100%)}.global-upload-progress.complete{border-color:#a9dfc9}.global-upload-progress.complete b{color:#12885f}.global-upload-progress.complete .global-upload-track i{background:#28af7d}.payment-thai-time{color:#41516b;background:#eef4ff;border-radius:12px;gap:4px;margin:16px 0;padding:14px;font-size:14px;display:grid}.payment-thai-time span{font-size:16px;font-weight:700}.payment-thai-time small{font-size:13px}.payment-today{color:#235de0;cursor:pointer;font:inherit;background:#f3f7ff;border:1px solid #bdd0ff;border-radius:8px;margin:8px 0;padding:8px 12px;font-size:14px;display:block}.job-image-field{flex-wrap:wrap}.global-upload-progress.failed{border-color:#e8aaa8}.global-upload-progress.failed b{color:#b13939}.upload-progress{color:#41516b;background:#eef4ff;border-radius:10px;flex:0 0 100%;width:100%;margin-top:10px;padding:11px 12px}@media (prefers-reduced-motion:reduce){.global-upload-progress,.global-upload-track i:after,.upload-progress-track span:after{animation:none}}@keyframes uploadProgressIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes uploadProgressShine{to{transform:translate(100%)}}@media (width<=760px){.global-upload-progress{bottom:16px;right:16px}.global-upload-progress>div:first-child,.upload-progress-copy{font-size:13px}}.summary-main span,.period-card span,.pricing-summary span,.expense-overview span,.expenses-page .expense-overview span,.expense-total span,.expenses-page .expense-total span{font-size:var(--type-label)}.summary-main strong,.period-card strong,.pricing-summary strong{font-size:25px}.expense-overview strong,.expenses-page .expense-overview strong,.expense-total strong,.expenses-page .expense-total strong{font-size:29px}.period-card small,.pricing-summary small,.expense-overview small,.expenses-page .expense-overview small,.expense-total small,.expenses-page .expense-total small{font-size:var(--type-meta)}.table-row,.data-row,.finance-row,.expenses-page .finance-row,.loss-table-row{font-size:var(--type-body)}.table-head,.data-head,.loss-table-head{font-size:var(--type-caption)}.project-cell strong,.job-project strong,.inventory-head strong,.inventory-expense-list article>div strong,.expenses-page .inventory-expense-list article>div strong{font-size:var(--type-body)}.project-cell small,.job-project small,.inventory-head small,.data-row small,.finance-row small,.expenses-page .finance-row small,.inventory-expense-list article>div small,.expenses-page .inventory-expense-list article>div small{font-size:var(--type-meta)}.inventory-expense-list article>div em,.expenses-page .inventory-expense-list article>div em{font-size:var(--type-caption)}.inventory-expense-list article>b{font-size:18px}.inventory-expense-list article>b small,.expenses-page .inventory-expense-list article>b small{font-size:var(--type-micro)}.inventory-expense-panel>footer,.expenses-page .inventory-expense-panel>footer,.status,.status-select,.account-status,.expense-chip,.expenses-page .expense-chip,.payment-button,.payment-view,.status.deleted{font-size:var(--type-caption)}.row-actions button,.inventory-actions button,.inventory-actions label,.edit-job-button,.job-locked,.trash-card footer button,.stock-number>span,.stock-number small,.material-cost-box>span,.material-cost-box>small,.purchase-cost-field>div span,.stock-usage-labels{font-size:var(--type-meta)}.stock-number>strong{font-size:27px}.stock-usage-labels b,.purchase-cost-field>div strong{font-size:var(--type-label)}.stock-usage>small{font-size:var(--type-micro)}.material strong{font-size:var(--type-label)}.material small,.stock-note p{font-size:var(--type-caption)}.material>b,.inventory-note,.employee-note-copy small,.material-picker-trigger small,.material-picker-menu small,.material-picker-trigger em,.material-picker-menu em,.material-picker-menu>p{font-size:var(--type-meta)}.modal-header p{font-size:var(--type-micro)}.modal-header h2{font-size:26px}.modal-header span{font-size:var(--type-meta)}.job-type button span{font-size:var(--type-label)}.job-type button small,.width-warning{font-size:var(--type-caption)}.area-box span,.area-box small,.quote-lines p,.quote-total p{font-size:var(--type-meta)}.area-box strong{font-size:25px}.quote-total>div span{font-size:var(--type-label)}.quote-total>div strong{font-size:27px}.bi-summary-grid span,.bi-card-heading>span,.bi-legend,.bi-donut-legend span,.bi-donut-legend b,.bestseller-list>div>span,.payback-bi-stats span,.bi-sales-drilldown summary small,.bi-sales-drilldown summary>span,.bi-drilldown-list time,.bi-drilldown-list p small,.commission-rule-note{font-size:var(--type-meta)}.bi-summary-grid small,.bi-bar-column small,.bi-donut span,.bi-donut-legend small,.bestseller-list small,.payback-donut span,.loss-section-heading>span,.loss-filter-panel>button,.loss-kpi-grid span,.loss-kpi-grid p,.loss-card-heading>span,.loss-period-tabs button,.loss-trend-legend,.loss-trend-column small,.loss-by-material>div:last-child>div>span,.loss-by-material b,.loss-by-material small,.loss-by-material strong,.loss-by-material em,.top-loss-controls select,.top-loss-list>div>span,.top-loss-list b,.top-loss-list small,.top-loss-list strong,.loss-table-row b,.loss-table-row small,.loss-table-row time{font-size:var(--type-caption)}.loss-kpi-grid strong small,.job-edit-dialog header small,.job-edit-reference,.job-edit-dialog label,.job-edit-warning,.job-edit-dialog footer button,.audit-reason>small,.reason-dialog>p,.reason-dialog>small,.trash-count,.trash-card header p,.trash-details span,.trash-details b,.trash-card blockquote,.stock-returned,.trash-empty p,.audit-empty p,.audit-entry h3 small,.audit-entry p,.audit-entry blockquote,.audit-changes>div,.audit-no-change,.payment-dialog header small,.payment-total span,.payment-balance,.payment-kpis span,.payment-alert,.payment-pending-list b,.payment-pending-list small,.payment-pending-list>div>strong,.payment-empty,.backup-hero>div>p:last-child,.backup-warning b,.backup-warning span,.export-card p,.export-note{font-size:var(--type-meta)}@media (width<=760px){:root{--type-page-title:28px;--type-section-title:21px;--type-card-title:19px;--type-body:16px;--type-label:15px;--type-meta:14px;--type-caption:13px;--type-micro:12px}body{font-size:var(--type-body)}.topbar h1{font-size:25px}.page-toolbar h2,.expenses-page .page-toolbar h2,.loss-section-heading h2{font-size:var(--type-page-title)}.data-row,.table-row,.finance-row,.expenses-page .finance-row,.loss-table-row{font-size:var(--type-label)}}.close-roll-recovery-note{color:#4e6387;font-size:var(--type-meta);background:#f2f6ff;border:1px solid #bcd0f5;border-radius:10px;gap:2px;margin-top:14px;padding:11px 12px;line-height:1.5;display:grid}.close-roll-recovery-note b{color:#244f9f}.close-roll-recovery-note span{display:block}.catalog-tools{align-items:center;gap:12px;margin:18px 0 20px;display:flex}.catalog-tools.single-search{max-width:760px}.catalog-search{background:#fff;border:1px solid #d6deeb;border-radius:14px;flex:1;align-items:center;gap:10px;min-width:0;min-height:52px;padding:0 13px;transition:border-color .18s,box-shadow .18s;display:flex;box-shadow:0 5px 16px #192b4b0a}.catalog-search:focus-within{border-color:#6d96f5;box-shadow:0 0 0 4px #2864ff1a,0 8px 20px #192b4b0f}.catalog-search>span{width:27px;height:27px;color:var(--blue);background:#edf3ff;border-radius:8px;place-items:center;font-size:22px;font-weight:800;line-height:1;display:grid}.catalog-search input{min-width:0;height:48px;color:var(--ink);font:inherit;font-size:var(--type-body);outline:0;flex:1;padding:0;box-shadow:none!important;background:0 0!important;border:0!important}.catalog-search input::placeholder{color:#8793a7}.catalog-search button{color:#5f6d82;cursor:pointer;background:#eef2f8;border:0;border-radius:9px;place-items:center;width:30px;height:30px;padding:0;font-size:20px;display:grid}.catalog-search button:hover{color:#243247;background:#e2e8f1}.closed-roll-toggle{color:#4b5d78;min-height:52px;font:inherit;font-size:var(--type-label);cursor:pointer;background:#fff;border:1px solid #cbd7eb;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:0 14px;font-weight:750;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex;box-shadow:0 5px 16px #192b4b0a}.closed-roll-toggle:hover{color:#245bd8;background:#f7f9ff;border-color:#89a8ea;transform:translateY(-1px)}.closed-roll-toggle.active{color:#245bd8;background:#edf3ff;border-color:#8aa9ef}.closed-roll-toggle svg{width:18px;height:18px}.closed-roll-toggle b{color:#4d5e77;min-width:27px;height:27px;font-size:var(--type-caption);background:#e9eef6;border-radius:999px;place-items:center;padding:0 7px;display:grid}.closed-roll-toggle.active b{color:#245bd8;background:#fff}.material-category{background:#ffffff73;border:1px solid #dfe6f0;border-radius:18px;margin:0 0 25px;padding:0;overflow:hidden}.material-category>header{background:linear-gradient(135deg,#f9fbff,#f1f5fc);border-bottom:1px solid #e3e9f2;justify-content:space-between;align-items:center;gap:15px;padding:14px 17px;display:flex}.material-category>header>div{align-items:center;gap:11px;min-width:0;display:flex}.material-category>header>div>span{width:38px;height:38px;color:var(--blue);background:#e4edff;border-radius:11px;place-items:center;display:grid}.material-category>header svg{width:19px;height:19px}.material-category>header h3{color:var(--ink);font-size:var(--type-card-title);margin:0;line-height:1.25}.material-category>header p{color:var(--muted);font-size:var(--type-meta);margin:3px 0 0}.material-category>header>b{color:#58677e;font-size:var(--type-caption);background:#fff;border-radius:999px;flex:none;padding:6px 10px;box-shadow:inset 0 0 0 1px #e0e7f1}.material-category>.material-grid{padding:16px}.closed-material-section{background:#f7f9fc;border-color:#d8dee8}.closed-material-section>header{background:linear-gradient(135deg,#f5f7fa,#edf1f6)}.closed-material-section>header>div>span{color:#59687b;background:#e3e8ef}.closed-material-section .inventory-card{opacity:.9}.catalog-empty{text-align:center;color:#748197;font-size:var(--type-body);padding:28px}@media (width<=760px){.catalog-tools{flex-direction:column;align-items:stretch}.closed-roll-toggle{width:100%}.material-category{border-radius:15px}.material-category>header{align-items:flex-start;padding:13px}.material-category>header>div>span{width:34px;height:34px}.material-category>.material-grid{padding:11px}}.pricing-material-category{background:#ffffff85;border:1px solid #dfe6f0;border-radius:18px;margin:0 0 24px;padding:0;overflow:hidden}.pricing-material-category>header{background:linear-gradient(135deg,#f9fbff,#f0f5ff);border-bottom:1px solid #e2e8f1;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;display:flex}.pricing-material-category>header>div{align-items:center;gap:10px;display:flex}.pricing-material-category>header>div>span{width:36px;height:36px;color:var(--blue);background:#e4edff;border-radius:10px;place-items:center;display:grid}.pricing-material-category>header svg{width:18px;height:18px}.pricing-material-category>header h3{color:var(--ink);font-size:var(--type-card-title);margin:0;line-height:1.3}.pricing-material-category>header>b{color:#596981;font-size:var(--type-caption);background:#fff;border-radius:999px;padding:6px 10px;box-shadow:inset 0 0 0 1px #dfe6f1}.pricing-material-category>.pricing-grid{padding:16px}.pricing-material-category.external>header{background:linear-gradient(135deg,#fbfbfd,#f3f1ff)}.pricing-material-category.external>header>div>span{color:#7657d8;background:#ece8ff}.pricing-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.pricing-edit-toggle{color:#245bd8;min-height:34px;font:inherit;font-size:var(--type-caption);cursor:pointer;background:linear-gradient(135deg,#f7faff,#eaf1ff);border:1px solid #b9cdf7;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-weight:800;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.pricing-edit-toggle:hover{border-color:#7399ed;transform:translateY(-1px);box-shadow:0 6px 13px #2864ff21}.pricing-edit-toggle.active{color:#a05d00;background:#fff7e8;border-color:#e3b366}.pricing-edit-toggle svg{width:14px;height:14px}.pricing-editor.locked{background:#fbfcfe;border-color:#e0e6ef;box-shadow:0 4px 13px #192b4b09}.pricing-editor.locked input:disabled,.pricing-editor.locked select:disabled{opacity:1;cursor:not-allowed;-webkit-text-fill-color:#26354a;color:#26354a!important;background:#f2f5f9!important;border-color:#e2e7ef!important}.pricing-editor.locked .cost-input-grid small,.pricing-editor.locked .selling-price-field>span{color:#7d899b}.pricing-editor.editing{border-color:#b8cdf9;box-shadow:0 10px 28px #2864ff14}@media (width<=760px){.pricing-material-category{border-radius:15px}.pricing-material-category>header{padding:12px 13px}.pricing-material-category>.pricing-grid{padding:11px}.pricing-editor>header{align-items:flex-start}.pricing-header-actions{justify-content:space-between;width:100%}.pricing-edit-toggle{flex:1}}.password-field{margin-top:6px;position:relative}.login-card .password-field input{margin-top:0;padding-right:76px}.login-card form .password-field button{color:#245bd8;width:auto;height:36px;font-size:var(--type-caption);cursor:pointer;background:#eef3ff;border:0;border-radius:8px;margin:0;padding:0 12px;font-weight:800;position:absolute;top:6px;right:6px}.login-card form .password-field button:hover{background:#dfe9ff}.login-card form .login-mode-switch{color:#245bd8;height:auto;font-size:var(--type-label);box-shadow:none;background:0 0;border:0;margin-top:11px;padding:8px;font-weight:750}.login-card form .login-mode-switch:hover{text-decoration:underline}.login-card form .login-submit{background:var(--blue);color:#fff;margin-top:12px}.recovery-help{color:var(--muted);font-size:var(--type-meta);margin:5px 0 12px;line-height:1.55}.reset-card .reset-notice{color:#3d5f9b;font-size:var(--type-meta);text-align:left;background:#f1f6ff;border:1px solid #cfe0ff;border-radius:11px;margin:-9px 0 17px;padding:11px 13px;line-height:1.5}.user-form{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-form>label>small{color:var(--muted);font-size:var(--type-caption);margin-top:6px;font-weight:500;line-height:1.5;display:block}@media (width<=760px){.user-form{grid-template-columns:1fr}.login-card form .login-mode-switch{font-size:var(--type-meta)}}.job-list-filters{flex-wrap:wrap;justify-content:flex-end}.job-list-filters select{min-width:165px}.filter-result-count{color:#4d6591;font-size:var(--type-caption);background:#edf3ff;border-radius:999px;justify-self:end;margin-top:-12px;padding:5px 10px;font-weight:750}.job-filter-empty{color:var(--muted);font-size:var(--type-body);text-align:center;margin:0;padding:34px 18px}@media (width<=760px){.job-list-filters select{width:100%;min-width:0}.filter-result-count{justify-self:start;margin-top:-8px}}