@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#202020;font-synthesis:none;text-rendering:optimizelegibility;--orange:#ff7900;--orange-dark:#db6500;--line:#e8e6e3;--muted:#777;--paper:#f6f5f3;--green:#28764e;background:#f6f5f3;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}.login-screen{background:radial-gradient(circle at 20% 18%,#fff1e5,#0000 34%),#f7f6f4;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(430px,100%);padding:34px;box-shadow:0 20px 70px #2b1b0c0c}.logo{align-items:center;gap:10px;margin-bottom:36px;font:800 19px Manrope;display:flex}.logo-mark{background:var(--orange);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.eyebrow{letter-spacing:1.3px;color:var(--orange-dark);margin:0 0 8px;font-size:10px;font-weight:700}.login-card h1,.page-head h1{letter-spacing:-1px;margin:0 0 7px;font:700 30px Manrope}.muted,.page-head p{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.5}.login-card form label,.form-grid label{color:#5d5a57;margin:15px 0;font-size:11px;font-weight:600;display:block}.login-card input,.form-grid input,.form-grid select,.form-grid textarea,.toolbar select,.inline-select{color:#292724;background:#fff;border:1px solid #dedbd8;border-radius:8px;outline:none;width:100%;margin-top:6px;padding:11px 12px;font-size:12px}.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff790019}.primary{background:var(--orange);color:#fff;border:0;border-radius:8px;padding:11px 14px;font-size:12px;font-weight:700}.primary:hover{background:var(--orange-dark)}.primary span{float:right;margin-left:14px}.wide{width:100%;margin-top:7px}.error{color:#b9382b;font-size:11px}.setup-warning{color:#80500f;background:#fff3e7;border-radius:8px;margin-top:14px;padding:12px;font-size:11px;line-height:1.5}.app-shell{grid-template-columns:225px minmax(0,1fr);min-height:100vh;display:grid}[hidden]{display:none!important}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;min-height:100vh;padding:25px 16px;display:flex}.sidebar .logo{margin:0 8px 38px}.nav-caption{letter-spacing:1.2px;color:#a0a09d;margin:0 0 9px;padding:0 11px;font-size:9px;font-weight:700}.nav-item{color:#777;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;margin:2px 0;padding:11px;font-size:12px;display:flex}.nav-item>span{text-align:center;width:18px;font-size:15px}.nav-item:hover{color:#bf5e00;background:#fff7f0}.nav-item.active{color:#b65300;background:#fff0e2;font-weight:700}.account{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:auto;padding:15px 4px 0;display:flex}.avatar{color:#b65300;background:#fff0e2;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.account-copy{flex:1;min-width:0}.account-copy b,.account-copy small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.account-copy b{font-size:11px}.account-copy small{color:#888;margin-top:3px;font-size:9px}.icon-button{color:#888;background:0 0;border:0;border-radius:7px;padding:7px}.icon-button:hover{background:#f3f1ee}.main-area{width:100%;max-width:1350px;margin:auto;padding:0 34px 50px}.topbar{border-bottom:1px solid var(--line);background:#ffffffb8;justify-content:space-between;align-items:center;height:64px;margin:0 -34px 26px;padding:0 34px;display:flex}.breadcrumb{color:#888;font-size:11px}.breadcrumb span{margin:0 8px}.breadcrumb b{color:#292724}.connection{color:#56534e;border:1px solid var(--line);background:#fff;border-radius:18px;padding:7px 10px;font-size:10px}.connection i{background:#47a16a;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 21px;display:flex}.page-head h1{font-size:27px}.page-head p{margin:0}.actions{flex-wrap:wrap;gap:8px;display:flex}.secondary{color:#333;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 13px;font-size:11px;font-weight:700}.secondary:hover{border-color:var(--orange);color:var(--orange-dark)}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat-card,.panel,.job-card,.history-card,.stock-row{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 6px 24px #30231707}.stat-card{padding:16px}.stat-card small{color:#777;font-size:10px;display:block}.stat-card b{margin-top:6px;font:700 23px Manrope;display:block}.panel{margin-top:16px;padding:18px}.panel h2{margin:0 0 5px;font:700 15px Manrope}.panel>p{color:#777;margin:0 0 12px;font-size:11px}.job-list,.stock-list,.history-list{flex-direction:column;gap:9px;display:flex}.job-card{justify-content:space-between;align-items:center;gap:14px;padding:15px;display:flex}.job-card h3,.history-card h3{margin:0 0 4px;font:700 13px Manrope}.job-card p,.history-card p{color:#777;margin:3px 0;font-size:10px}.job-main{flex:1;min-width:0}.job-number{color:#999;font-size:9px}.pill{color:#a95100;white-space:nowrap;background:#fff0e2;border-radius:20px;align-items:center;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.pill.green{color:#28764e;background:#edf6ef}.job-device-count{color:#777;white-space:nowrap;font-size:9px}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.toolbar select{width:auto;min-width:170px;margin:0}.product-line{flex:1;align-items:center;gap:10px;min-width:180px;display:flex}.product-icon{background:#fff5eb;border-radius:9px;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.product-line b,.product-line small{display:block}.product-line b{font-size:11px}.product-line small{color:#888;margin-top:3px;font-size:9px}.stock-row{grid-template-columns:minmax(190px,1fr) 110px 190px;align-items:center;gap:12px;padding:12px 14px;display:grid}.stock-qty{font:700 17px Manrope}.stock-qty small{color:#888;font:400 9px DM Sans;display:block}.stock-controls{justify-content:flex-end;gap:6px;display:flex}.stock-controls button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 9px;font-size:10px}.stock-controls button:hover{border-color:var(--orange);color:var(--orange-dark)}.section-title{margin:22px 0 11px;font:700 15px Manrope}.history-card{padding:15px}.history-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.history-lines{border-top:1px solid #f0eeeb;margin-top:10px;padding-top:8px}.history-line,.history-total{justify-content:space-between;gap:12px;padding:5px 0;font-size:10px;display:flex}.history-total{border-top:1px solid #eee;margin-top:7px;padding-top:10px;font-weight:700}.empty-state{border:1px dashed var(--line);text-align:center;color:#888;background:#fff;border-radius:11px;padding:25px;font-size:11px}.modal-backdrop{z-index:10;background:#16130f80;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(640px,100%);max-height:92vh;padding:21px;overflow:auto;box-shadow:0 24px 80px #0003}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:13px;display:flex}.modal-head h2{margin:0 0 4px;font:700 18px Manrope}.modal-head p{color:#777;margin:0;font-size:10px}.close{background:#f5f3f1;border:0;border-radius:7px;width:29px;height:29px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.form-grid label{margin:9px 0;font-size:10px}.form-grid textarea{resize:vertical;min-height:70px}.form-actions{justify-content:flex-end;gap:8px;margin-top:15px;display:flex}.offer-products{flex-direction:column;gap:7px;max-height:220px;margin:10px 0;display:flex;overflow:auto}.offer-product{border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(0,1fr) 80px 100px;align-items:center;gap:8px;padding:8px;display:grid}.offer-product small{color:#888;margin-top:2px;font-size:9px;display:block}.offer-product input,.offer-product select{border:1px solid var(--line);border-radius:6px;width:100%;padding:7px;font-size:10px}.signature{touch-action:none;background:#fff;border:1px dashed #cfc8bf;border-radius:8px;width:100%;height:110px;display:block}.signature-hint{color:#888;font-size:9px}.toast{opacity:0;pointer-events:none;color:#fff;z-index:30;background:#202020;border-radius:8px;padding:11px 14px;font-size:11px;transition:all .2s;position:fixed;bottom:20px;left:50%;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}.danger{color:#b43d30}.muted-small{color:#999;font-size:9px}.inline-select{width:auto;margin:0;padding:7px}@media (width<=900px){.app-shell{grid-template-columns:68px minmax(0,1fr)}.sidebar{align-items:center;padding:20px 9px}.sidebar .logo{margin:0 0 30px}.sidebar .logo>span:not(.logo-mark),.nav-caption,.nav-item:not(.active){font-size:0}.sidebar .logo>span:not(.logo-mark),.nav-item:not(.active){display:flex}.nav-item{justify-content:center;padding:12px 5px}.nav-item{font-size:0}.nav-item span{font-size:15px}.account-copy{display:none}.account{padding:14px 0 0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.app-shell{padding-bottom:65px;display:block}.sidebar{z-index:5;border-right:0;border-top:1px solid var(--line);flex-direction:row;justify-content:center;height:60px;min-height:0;padding:4px 10px;display:flex;position:fixed;bottom:0;left:0;right:0}.sidebar .logo,.sidebar .nav-caption,.account{display:none}.sidebar nav{justify-content:space-around;width:100%;display:flex}.nav-item,.sidebar .nav-item:not(.active){width:auto;margin:0;font-size:0;display:flex}.nav-item span{font-size:16px}.main-area{padding:0 14px 30px}.topbar{height:55px;margin:0 -14px 20px;padding:0 14px}.connection{padding:8px;font-size:0}.connection i{margin:0}.page-head{flex-direction:column;align-items:flex-start}.page-head h1{font-size:24px}.card-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px}.stat-card b{font-size:20px}.job-card{flex-wrap:wrap;align-items:flex-start}.job-card .actions{width:100%}.job-card .actions button{flex:1}.stock-row{grid-template-columns:1fr 1fr;gap:8px;padding:11px}.product-line{grid-column:span 2}.stock-controls{justify-content:flex-start}.toolbar{flex-direction:column;align-items:stretch}.toolbar select{width:100%}.form-grid{grid-template-columns:1fr}.offer-product{grid-template-columns:minmax(0,1fr) 60px 90px}.modal{padding:16px}.login-card{padding:27px 22px}}
