*{box-sizing:border-box}html,body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f4f1;color:#171717}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#fafaf8,#e9e8e3)}.loginBox{width:min(430px,100%);background:#fff;border:1px solid #ddd;border-radius:22px;padding:26px;box-shadow:0 18px 60px #0001}.logo{display:block;object-fit:contain}.loginLogo{width:210px;max-height:185px;margin:-8px auto -4px}.loginBox h1{text-align:center;margin:0}.loginBox p{text-align:center;color:#777}.loginBox label{display:block;font-size:12px;font-weight:700;margin:12px 0 5px}.loginBox input,.loginBox select,.formGrid input,.formGrid select,.formGrid textarea{width:100%;border:1px solid #ccc;border-radius:11px;padding:12px;background:#fff}.primary{border:0;background:#171717;color:#fff;border-radius:11px;padding:12px 14px;font-weight:700}.secondary{border:1px solid #ccc;background:#fff;color:#171717;border-radius:10px;padding:9px 11px}.linkBtn{width:100%;border:0;background:none;padding:13px;color:#555}.msg{margin-top:10px;padding:10px;background:#f2f2f2;border-radius:9px;font-size:12px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:#171717;color:#fff;z-index:30;display:flex;flex-direction:column}.sideBrand{height:120px;background:#fff;color:#111;display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid #ddd}.sideBrand img{width:96px;max-height:98px}.sideBrand b{font-size:18px}.nav{overflow:auto;padding:8px 8px 120px}.nav button{display:flex;width:100%;align-items:center;gap:10px;border:0;background:transparent;color:#ccc;text-align:left;padding:10px 11px;border-radius:9px}.nav button:hover,.nav button.active{background:#fff;color:#111}.nav i{width:20px;text-align:center;font-style:normal}.version{position:absolute;bottom:0;left:0;right:0;background:#101010;border-top:1px solid #333;padding:11px 14px;font-size:10px;display:grid;gap:3px;color:#aaa}.version b{color:#fff}.main{margin-left:258px;min-height:100vh;padding-bottom:36px}.top{height:74px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:sticky;top:0;z-index:15}.top h1{font-size:22px;margin:0}.top .sub{font-size:11px;color:#777;margin-top:4px}.topActions{display:flex;gap:7px}.hamb{display:none}.help{margin:16px 20px 0;background:#fff;border:1px solid #ddd;border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.help div{display:grid;gap:5px}.help strong{font-size:11px}.help span{font-size:12px;color:#666;line-height:1.4}.content{padding:16px 20px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card,.kpi{background:#fff;border:1px solid #ddd;border-radius:15px;padding:16px}.kpi span{font-size:11px;color:#777}.kpi b{font-size:28px;display:block;margin-top:8px}.wide{grid-column:1/-1}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.toolbar h3{margin:0}.toolbar .tools{display:flex;gap:7px;flex-wrap:wrap}.tableWrap{overflow:auto;background:#fff;border:1px solid #e3e3e3;border-radius:12px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}th{color:#666;text-transform:capitalize;background:#fafafa;position:sticky;top:0}.empty{padding:28px;color:#777;text-align:center}.modal{position:fixed;inset:0;background:#0008;z-index:50;display:grid;place-items:center;padding:16px}.modalCard{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:18px}.modalHead{display:flex;justify-content:space-between;align-items:center}.modalHead h3{margin:0}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.formGrid label{display:grid;gap:5px;font-size:11px;font-weight:700}.formGrid .full{grid-column:1/-1}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.reports{display:grid;grid-template-columns:1fr 1fr;gap:12px}.about{display:flex;gap:22px;align-items:flex-start}.about img{width:200px;max-height:170px}.about p{line-height:1.55}.status{display:inline-block;padding:4px 8px;border-radius:999px;background:#f2f2f2;font-size:10px}.rowActions{display:flex;gap:5px}.rowActions button{border:1px solid #ddd;background:#fff;border-radius:7px;padding:5px 7px;font-size:11px}.overlay,.mobileBar{display:none}.error{color:#a40000;background:#fee;padding:10px;border-radius:9px;margin:8px 0}.success{color:#155724;background:#eaf7ed;padding:10px;border-radius:9px;margin:8px 0}@media(max-width:900px){.sidebar{width:82vw;max-width:310px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.overlay{display:block;position:fixed;inset:0;background:#0007;z-index:25}.main{margin-left:0;padding-bottom:84px}.hamb{display:block}.top{height:68px;padding:8px 12px}.top h1{font-size:18px}.topActions .secondary:nth-child(-n+2){display:none}.help{margin:11px 11px 0;grid-template-columns:1fr}.content{padding:11px}.kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:13px}.kpi b{font-size:22px}.reports{grid-template-columns:1fr}.formGrid{grid-template-columns:1fr}.formGrid .full{grid-column:auto}.about{flex-direction:column}.mobileBar{display:grid;position:fixed;left:0;right:0;bottom:0;height:68px;background:#fff;border-top:1px solid #ddd;z-index:20;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobileBar button{border:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:19px}.mobileBar span{font-size:9px}.mobileBar .plus{background:#171717;color:#fff;width:48px;height:48px;border-radius:50%;margin:7px auto 0;font-size:27px}.toolbar{align-items:flex-start}.toolbar .tools{justify-content:flex-end}.sideBrand{height:108px}}.productHero{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:start}.productHeroPhoto{background:#f7f7f5;border:1px solid #ddd;border-radius:15px;min-height:220px;display:grid;place-items:center;overflow:hidden}.productHeroPhoto img{width:100%;height:220px;object-fit:contain;background:#fff}.productMeta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.metaBox{border:1px solid #e5e5e5;border-radius:10px;padding:10px;background:#fafafa}.metaBox span{display:block;font-size:10px;color:#777;margin-bottom:4px}.metaBox b{font-size:13px}.sectionTitle{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0 8px}.sectionTitle h3{margin:0}.chip{display:inline-block;border:1px solid #ddd;border-radius:999px;padding:5px 9px;font-size:11px;margin:2px 4px 2px 0;background:#fff}.costGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.costBox{background:#fff;border:1px solid #ddd;border-radius:12px;padding:12px}.costBox span{font-size:10px;color:#777;display:block}.costBox b{font-size:18px;display:block;margin-top:5px}.mediaGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mediaGrid img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid #ddd;border-radius:12px;background:#fff}.backBtn{margin-bottom:10px}.productActions{display:flex;gap:7px;flex-wrap:wrap}.noteBox{padding:10px 12px;border-left:4px solid #171717;background:#fafafa;border-radius:8px;font-size:12px;white-space:pre-wrap}.muted{color:#777}.danger{border-color:#d8a4a4!important;color:#8a1111!important}.photoUpload{border:1px dashed #aaa;border-radius:12px;padding:14px;background:#fafafa}.productRowCode{font-weight:800}.productRowSub{font-size:10px;color:#777;margin-top:2px}@media(max-width:900px){.productHero{grid-template-columns:1fr}.productHeroPhoto{min-height:180px}.productHeroPhoto img{height:210px}.productMeta{grid-template-columns:1fr 1fr}.costGrid{grid-template-columns:1fr 1fr}.mediaGrid{grid-template-columns:1fr 1fr}.productActions .secondary,.productActions .primary{flex:1 1 calc(50% - 7px);min-height:42px}}.wideModal{width:min(1120px,96vw)!important}.wideModal .formGrid{grid-template-columns:1fr}.quickIntro{background:#f5f3ed;border:1px solid #ded9ca;border-radius:12px;padding:12px;font-size:12px;line-height:1.45}.quickSection{border:1px solid #ddd;border-radius:15px;padding:14px;background:#fff}.quickSectionTitle{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.quickSectionTitle b{font-size:14px}.quickSectionTitle span{font-size:11px;color:#777;flex:1}.quickGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quickGrid label{display:grid;gap:5px;font-size:10px;font-weight:700}.quickGrid input,.quickGrid select,.quickGrid textarea{width:100%;border:1px solid #ccc;border-radius:9px;padding:10px;background:#fff}.quickGrid textarea{min-height:70px;resize:vertical}.quickGrid .span2{grid-column:span 2}.quickBlock{border:1px solid #e5e5e5;border-radius:12px;padding:11px;background:#fafafa;margin-top:8px}.quickBlock.small{padding:8px}.quickBlockHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.compact{padding:6px 9px!important;font-size:10px}.colorGrid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}.existingSummary{background:#f7f7f5;border-left:3px solid #222;padding:9px 10px;border-radius:7px;font-size:11px;line-height:1.5;margin-bottom:8px}.quickSection .photoUpload{display:grid;gap:7px;font-size:11px;font-weight:700}.quickSection .photoUpload input{padding:12px;background:#fff;border:1px dashed #aaa;border-radius:10px}.productMeta{grid-template-columns:repeat(5,1fr)}@media(max-width:900px){.wideModal{width:100%!important;max-height:96vh!important;border-radius:16px}.quickSection{padding:11px}.quickGrid,.colorGrid{grid-template-columns:1fr 1fr}.quickGrid .span2{grid-column:1/-1}.quickSectionTitle{align-items:flex-start}.quickSectionTitle .compact{margin-left:auto}.productMeta{grid-template-columns:1fr 1fr}.modal{padding:8px}.modalCard{padding:12px}.modalActions{position:sticky;bottom:-12px;background:#fff;padding:10px 0 2px;z-index:3}}@media(max-width:520px){.quickGrid,.colorGrid{grid-template-columns:1fr}.quickGrid .span2{grid-column:auto}.quickBlockHead{gap:8px}.quickSectionTitle span{flex-basis:100%}}.fairHero{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.fairActionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.visitRow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee}.visitRow:last-child{border-bottom:0}.smallNote{font-size:12px;margin-top:4px}.orderQuickLine{border:1px solid #dedede;border-radius:14px;padding:12px;margin-top:10px;background:#fff}.orderLineHead,.sizeMatrixTitle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.sizeMatrixWrap{border-top:1px dashed #ddd;margin-top:10px;padding-top:10px}.sizeMatrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:7px}.sizeMatrix label{border:1px solid #ddd;border-radius:10px;padding:6px;text-align:center}.sizeMatrix label span{display:block;font-size:11px;font-weight:700;margin-bottom:4px}.sizeMatrix input{width:100%;padding:8px 4px;text-align:center}.miniBtn{display:block;margin-top:5px;border:0;background:#f0f0f0;border-radius:8px;padding:5px 8px;font-size:11px}.dangerLite{border:0;background:#fff0f0;color:#a00;border-radius:8px;padding:6px 9px}.formNote{background:#f5f5f5;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.45}@media(max-width:760px){.fairActionGrid{grid-template-columns:1fr 1fr}.fairHero{flex-direction:column}.visitRow{align-items:flex-start;flex-direction:column}.visitRow .rowActions{width:100%;display:flex;flex-wrap:wrap}.visitRow .rowActions button{flex:1;min-width:82px}.sizeMatrix{grid-template-columns:repeat(3,minmax(0,1fr))}}.reqHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.reqSupplier{margin-top:12px}.warningText{font-size:12px;color:#9b6500}.poLine{display:grid;grid-template-columns:2fr repeat(3,minmax(120px,1fr));gap:8px;align-items:end;border-bottom:1px solid #eee;padding:9px 0}.poReason{grid-column:2/-1}.poHeader{display:grid;grid-template-columns:120px 1fr 1fr;gap:16px;align-items:center}.docLogo{width:110px;max-height:80px;object-fit:contain}.docCompany{font-size:11px;line-height:1.55;text-align:right}.docTotal{text-align:right;font-size:18px;font-weight:800;padding:15px}.costBox small{display:block;font-size:9px;color:#888;margin-top:4px}@media(max-width:760px){.reqHead{align-items:flex-start;flex-direction:column}.poLine{grid-template-columns:1fr 1fr}.poLine>div:first-child{grid-column:1/-1}.poReason{grid-column:1/-1}.poHeader{grid-template-columns:80px 1fr}.docCompany{grid-column:1/-1;text-align:left}.docLogo{width:75px}}