:root{font-family:Manrope,system-ui,sans-serif;color:#14221d;background:#f2f4f1;font-synthesis:none;--forest:#10251f;--green:#18785b;--mint:#dff2e9;--orange:#f28b3c;--line:#dfe5e1;--muted:#74817b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f2f4f1}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--green);text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--forest);color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px;font-size:18px;font-weight:700}.brand>span,.gate-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--orange);color:#25150a;border-radius:12px;font-weight:900}.brand b{color:#6fceb0;margin-left:3px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{border:0;background:transparent;color:#aebdb7;border-radius:12px;display:flex;align-items:center;gap:14px;padding:13px 14px;text-align:left}.sidebar nav button i{font-style:normal;width:22px;font-size:20px;text-align:center}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#1b382f}.sidebar nav button.active{box-shadow:inset 3px 0 #f28b3c}.profile{margin-top:auto;border-top:1px solid #29443b;padding:20px 8px 0;display:flex;gap:11px;align-items:center}.profile>span,.top-user span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#c8eadc;color:#14382d;font-weight:800}.profile div{display:grid}.profile small{color:#8ea098;text-transform:capitalize}.content{grid-column:2;min-width:0}.topbar{height:92px;padding:18px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f2f4f1e6;position:sticky;top:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10}.topbar h1{margin:0;font-size:24px}.topbar p{margin:4px 0 0;color:var(--muted);font-size:13px;text-transform:capitalize}.page{padding:28px 36px 80px;max-width:1500px;margin:auto}.hero{background:linear-gradient(120deg,#15362c,#10251f);color:#fff;padding:30px 34px;border-radius:20px;display:flex;align-items:flex-end;justify-content:space-between;box-shadow:0 16px 38px #16382c22}.hero h2{margin:7px 0;font-size:26px}.hero p{margin:0;color:#afc3bb}.eyebrow{color:#6fceb0;font-size:11px;font-weight:800;letter-spacing:.14em}.primary{border:0;background:var(--orange);color:#26170d;font-weight:800;padding:12px 17px;border-radius:11px;box-shadow:0 5px 13px #0002}.primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed}.primary.wide{width:100%;margin-top:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;position:relative;overflow:hidden;min-height:106px;display:flex;flex-direction:column;justify-content:space-between}.metric small{color:var(--muted);font-weight:600}.metric strong{font-size:30px}.metric span{position:absolute;width:48px;height:48px;border-radius:50%;right:-15px;bottom:-15px;opacity:.22}.metric.green span{background:#27a77d}.metric.blue span{background:#3b82f6}.metric.amber span{background:#f59e0b}.metric.red span{background:#ef4444}.finance-strip{background:#e8eee9;border:1px solid #d5ded8;border-radius:16px;display:grid;grid-template-columns:repeat(3,1fr);padding:16px 22px;margin-bottom:20px}.finance-strip>div{display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-right:1px solid #ccd7d0}.finance-strip>div:first-child{padding-left:0}.finance-strip>div:last-child{border:0;padding-right:0}.finance-strip small{color:var(--muted)}.finance-strip strong{font-size:18px}.finance-strip .profit strong{color:var(--green)}.grid-2{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.panel-head{padding:20px 22px 14px;display:flex;align-items:center;justify-content:space-between}.panel h3,.panel-head h3{margin:0;font-size:17px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.link{border:0;background:none;color:var(--green);font-weight:700}.order-row{width:100%;border:0;border-top:1px solid #edf0ee;background:#fff;padding:14px 20px;display:flex;gap:12px;align-items:center;text-align:left}.order-row:hover{background:#fafbf9}.device-icon{flex:0 0 38px;height:38px;display:grid;place-items:center;background:#edf4ef;color:var(--green);border-radius:11px;font-weight:800}.grow{flex:1;min-width:0}.grow b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grow small{display:block;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amount{min-width:84px;text-align:right;font-size:13px}.status{display:inline-flex;padding:5px 9px;border-radius:20px;background:#eef1ef;color:#66736d;font-size:10px;font-weight:800;white-space:nowrap}.status-new{background:#e7efff;color:#3369b4}.status-waiting_approval,.status-waiting_part{background:#fff1d7;color:#9a5b00}.status-repairing,.status-diagnostics,.status-en_route{background:#e4f4ee;color:#18785b}.status-ready{background:#daf6e7;color:#08783e}.status-cancelled{background:#fee6e5;color:#b63731}.status-completed{background:#e9eceb;color:#64716b}.alert-row{margin:0 20px;padding:16px 0;border-top:1px solid #edf0ee;display:flex;gap:13px;align-items:center}.alert-row>span{width:34px;height:34px;border-radius:10px;background:#edf1ef;display:grid;place-items:center;font-weight:800}.alert-row>span.hot{background:#fff0df;color:#c55a14}.alert-row div{display:grid}.alert-row small{color:var(--muted);margin-top:2px}.toolbar{display:flex;gap:12px;margin-bottom:18px}.search{background:#fff;border:1px solid var(--line);border-radius:12px;min-width:260px;flex:1;display:flex;align-items:center;padding:0 13px;gap:10px}.search span{font-size:22px;color:var(--muted)}.search input{width:100%;border:0;outline:0;background:none;padding:12px 0}.toolbar select,.segmented{border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 12px;color:#49564f}.overlay{position:fixed;inset:0;background:#0c1a16aa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;display:flex;justify-content:flex-end}.drawer{width:min(530px,100%);height:100%;overflow:auto;background:#f8faf8;padding:34px;position:relative;box-shadow:-20px 0 50px #0003}.drawer-close{position:absolute;right:20px;top:17px;border:0;background:#e7ece9;width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1}.drawer h2,.modal h2{margin:7px 0 12px}.drawer>h3{margin:25px 0 10px;font-size:14px}.detail-block{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 16px;margin:14px 0;display:grid;gap:5px}.detail-block small,.detail-grid small,.drawer-finance small,.team-row small{color:var(--muted);font-size:11px}.detail-block p{margin:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-grid>div{display:grid;gap:5px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}.drawer-finance{margin:14px 0;background:var(--forest);color:#fff;border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);padding:15px}.drawer-finance>div{display:grid;gap:3px}.drawer-finance small{color:#96aaa2}.status-actions{display:flex;flex-wrap:wrap;gap:8px}.status-actions button{border:1px solid #bcd1c8;background:#fff;color:var(--green);border-radius:9px;padding:9px 11px;font-size:12px;font-weight:700}.timeline>div{display:flex;gap:10px;padding:8px 0}.timeline span{width:9px;height:9px;background:#6fceb0;border-radius:50%;margin-top:5px}.timeline p{margin:0;display:grid}.timeline small{color:var(--muted);margin-top:3px}.order-ops{margin:18px 0}.op-buttons{display:flex;gap:6px;overflow-x:auto;padding-bottom:5px}.op-buttons button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:700;white-space:nowrap}.inline-form{background:#edf2ef;border:1px solid #dbe4df;border-radius:12px;padding:12px;margin:8px 0;display:grid;gap:8px}.inline-form label{display:grid;gap:4px;color:#64716b;font-size:10px;font-weight:700}.inline-form input,.inline-form select,.inline-form textarea{width:100%;border:1px solid #ccd8d1;background:#fff;border-radius:8px;padding:9px;outline:none;font-size:11px}.inline-form button{border:0;background:var(--green);color:#fff;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:800}.inline-form.form-row{grid-template-columns:1.5fr .65fr .65fr auto;align-items:center}.form-3{display:grid;grid-template-columns:.5fr 1fr 1fr;gap:7px}.line-items{margin:12px 0;background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px 13px}.line-items h4{margin:0 0 6px;font-size:11px;color:var(--muted);text-transform:uppercase}.line-items>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #edf0ee;font-size:11px}.line-items>div:first-of-type{border-top:0}.line-items.notes>div span{display:grid}.line-items.notes small{color:var(--muted);margin-top:3px;font-size:9px}.documents{margin:20px 0}.documents h3{font-size:14px}.document-actions{display:flex;gap:6px;overflow-x:auto;margin-bottom:8px}.document-actions button{border:1px solid #c5d9d0;background:#edf7f2;color:var(--green);border-radius:8px;padding:8px;font-size:9px;font-weight:800;white-space:nowrap}.document-actions button:disabled{opacity:.5}.document-row{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;padding:8px 10px;margin-top:5px;display:flex;align-items:center;gap:9px;text-align:left}.document-row>span{background:#fde9e7;color:#b8433d;border-radius:5px;padding:4px;font-size:8px;font-weight:900}.document-row>div{display:grid;flex:1}.document-row small{font-size:8px;color:var(--muted);margin-top:2px}.document-row i{font-style:normal;color:var(--green)}.attachments{margin:20px 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title h3{margin:0;font-size:14px}.upload-button{position:relative;overflow:hidden;border:1px solid #c5d9d0;background:#edf7f2;color:var(--green);border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-button.disabled{opacity:.5}.attachment-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.attachment-card{display:flex;align-items:center;min-width:0;border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.attachment-open{border:0;background:#fff;display:flex;align-items:center;gap:8px;min-width:0;flex:1;padding:9px;text-align:left}.attachment-open>span{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:7px;background:#edf4ef;color:var(--green);font-size:9px;font-weight:900}.attachment-open>div{display:grid;min-width:0}.attachment-open b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-open small,.muted{color:var(--muted);font-size:8px;margin-top:3px}.attachment-delete{border:0;background:none;color:#a65b56;font-size:18px;padding:8px}.attachments>.muted{display:block;padding:10px 0}.modal{background:#f8faf8;width:min(620px,calc(100% - 28px));max-height:calc(100vh - 28px);overflow:auto;border-radius:19px;margin:auto;padding:30px;position:relative}.modal.small{max-width:460px}.modal label{display:grid;gap:6px;font-size:12px;font-weight:700;margin:13px 0}.modal input,.modal select,.modal textarea{width:100%;border:1px solid #d4ddd8;border-radius:10px;background:#fff;padding:11px 12px;outline:none}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#65a990;box-shadow:0 0 0 3px #65a99020}.form-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-error{color:#b63731;font-size:12px}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.client-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:flex;gap:13px}.avatar{flex:0 0 42px;height:42px;border-radius:12px;background:#e0f0e9;color:var(--green);display:grid;place-items:center;font-weight:800}.client-card h3{margin:0 0 5px;font-size:15px}.client-card p{margin:7px 0;color:#56645e;font-size:12px}.client-card small{color:var(--muted);font-size:10px}.lead-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lead-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column}.lead-top{display:flex;align-items:center;gap:7px}.lead-top small{color:var(--muted);font-size:10px}.lead-top em{margin-left:auto;background:#edf1ef;border-radius:15px;padding:4px 8px;font-size:9px;font-style:normal;color:#66736d}.lead-dot{width:7px;height:7px;border-radius:50%;background:#94a09a}.lead-dot.hot{background:var(--orange);box-shadow:0 0 0 4px #f28b3c20}.lead-card h3{margin:14px 0 3px}.lead-card>a{font-size:13px}.lead-card>b{font-size:12px;margin-top:16px}.lead-card p{color:#65726c;font-size:12px;line-height:1.5;min-height:38px}.lead-actions{display:flex;gap:7px;margin-top:auto;padding-top:10px}.lead-actions button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px;font-size:10px;font-weight:700}.lead-actions .convert{flex:1;background:#e5f3ed;border-color:#c7e3d7;color:var(--green)}.segmented{width:max-content;padding:4px;display:flex;margin-bottom:16px}.segmented button{border:0;background:none;border-radius:8px;padding:8px 13px;color:var(--muted);font-size:12px}.segmented button.active{background:var(--forest);color:#fff}.call-row{display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid #edf0ee}.call-row:first-child{border-top:0}.call-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e1f3ea;color:var(--green);font-weight:800}.call-icon.missed{background:#fee9e7;color:#c74740}.call-meta{text-align:right;display:grid;min-width:135px}.call-meta b{font-size:11px}.call-meta small{color:var(--muted);font-size:10px;margin-top:3px}.call-row audio{width:180px;height:30px}.record-button{border:1px solid #c7ddd3;background:#edf7f2;color:var(--green);border-radius:9px;padding:7px 10px;font-size:10px;font-weight:800;white-space:nowrap}.team-row{display:flex;align-items:center;gap:13px;padding:15px 20px;border-top:1px solid #edf0ee}.team-row>div:not(.avatar):not(.grow){display:grid;text-align:right;min-width:65px}.team-row.disabled{opacity:.45}.dot{width:8px;height:8px;border-radius:50%;background:#bbb}.dot.online{background:#29a877;box-shadow:0 0 0 4px #29a87718}.filter-button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 14px;color:#617069;font-weight:700;font-size:11px}.filter-button.active{background:#fff0df;border-color:#ffd2aa;color:#b65415}.inventory-head,.inventory-row{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(90px,.65fr));align-items:center;gap:14px;padding:13px 20px}.inventory-head{background:#f7f9f7;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.inventory-row{border-top:1px solid #edf0ee;font-size:12px}.inventory-row>div{display:grid}.inventory-row>div small,.inventory-row>strong small{color:var(--muted);font-size:9px;font-weight:500;margin-top:3px}.inventory-row .stock-low{color:#c45234}.report-toolbar{justify-content:flex-end}.report-toolbar label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.report-toolbar input{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px}.finance-metrics .metric strong{font-size:21px}.finance-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr)}.finance-table{overflow-x:auto}.finance-head,.finance-row{display:grid;grid-template-columns:minmax(220px,1.7fr) repeat(3,minmax(90px,.6fr));gap:12px;align-items:center;padding:12px 20px}.finance-head{background:#f7f9f7;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800}.finance-row{border-top:1px solid #edf0ee;font-size:11px}.finance-row>div{display:grid}.finance-row small{color:var(--muted);font-size:9px;margin-top:3px}.finance-row>strong{color:var(--green)}.payout-row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid #edf0ee}.payout-row>strong{color:var(--green);font-size:13px}.report-note{margin:15px;background:#fff3e6;color:#8b562e;border-radius:10px;padding:12px;font-size:10px;line-height:1.5}.empty{padding:50px 20px;text-align:center;color:var(--muted)}.empty span{font-size:30px}.empty p{margin:8px 0}.loading{display:flex;gap:6px;justify-content:center;padding:40px}.loading i{width:8px;height:8px;border-radius:50%;background:#2f8d6e;animation:pulse 1s infinite}.loading i:nth-child(2){animation-delay:.15s}.loading i:nth-child(3){animation-delay:.3s}.gate{min-height:100vh;display:grid;place-content:center;text-align:center;padding:30px}.gate-mark{margin:auto}.gate h1{margin-bottom:5px}.gate p{color:#b63731}.gate small{color:var(--muted)}.bottom-nav{display:none}.fade-in{animation:fade .25s ease}@keyframes pulse{50%{opacity:.25;transform:translateY(-4px)}}@keyframes fade{0%{opacity:0;transform:translateY(4px)}}@media(max-width:1000px){.shell{grid-template-columns:190px 1fr}.sidebar{width:190px}.client-grid,.lead-grid,.metrics{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.content{grid-column:2}}@media(max-width:720px){.shell{display:block}.sidebar{display:none}.content{padding-bottom:70px}.topbar{height:70px;padding:12px 17px}.topbar h1{font-size:20px}.page{padding:16px 14px 30px}.hero{padding:22px;display:block}.hero h2{font-size:21px}.hero .primary{margin-top:18px}.metrics{gap:10px}.metric{min-height:92px;padding:14px}.finance-strip{grid-template-columns:1fr;padding:6px 16px}.finance-strip>div{padding:11px 0;border-right:0;border-bottom:1px solid #ccd7d0}.finance-strip>div:last-child{border:0}.toolbar{flex-wrap:wrap}.toolbar select{height:43px;flex:1}.search{min-width:100%}.client-grid,.lead-grid{grid-template-columns:1fr}.status{display:none}.amount{min-width:auto}.order-row{padding:13px}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:66px;padding-bottom:env(safe-area-inset-bottom);display:flex;background:#10251ff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-around;overflow-x:auto}.bottom-nav button{border:0;background:none;color:#83968e;display:grid;place-items:center;font-size:9px;gap:2px;min-width:58px}.bottom-nav button i{font-style:normal;font-size:18px}.bottom-nav button.active{color:#f6a160}.drawer{padding:30px 18px}.form-2{grid-template-columns:1fr}.call-row{padding:12px;flex-wrap:wrap}.call-meta{min-width:auto}.call-row audio{width:100%;margin-left:50px}.team-row>div:not(.avatar):not(.grow){display:none}.drawer-finance{gap:8px}.modal{padding:25px 18px}.inventory-table{overflow-x:auto}.inventory-head,.inventory-row{min-width:720px}.finance-head,.finance-row{min-width:650px}.inline-form.form-row{grid-template-columns:1fr 1fr}.inline-form.form-row button{grid-column:1/-1}}@media(max-width:720px){.op-buttons,.document-actions{flex-wrap:wrap;overflow-x:visible}.op-buttons button,.document-actions button{flex:0 0 auto}}.status,.status-actions button{--status-bg:#eef1ef;--status-fg:#46524c;background:var(--status-bg);color:var(--status-fg)}.status-new,.status-actions .status-new{--status-bg:#e7efff;--status-fg:#2459ad}.status-contacted,.status-actions .status-contacted{--status-bg:#e0f5ff;--status-fg:#09627b}.status-agreed,.status-actions .status-agreed{--status-bg:#e3f8ef;--status-fg:#176a52}.status-assigned,.status-actions .status-assigned{--status-bg:#ece7ff;--status-fg:#6340a1}.status-en_route,.status-actions .status-en_route{--status-bg:#dff9f5;--status-fg:#116e67}.status-diagnostics,.status-actions .status-diagnostics{--status-bg:#fff0db;--status-fg:#935414}.status-waiting_approval,.status-actions .status-waiting_approval{--status-bg:#fff8cf;--status-fg:#806000}.status-waiting_part,.status-actions .status-waiting_part{--status-bg:#ffe6ef;--status-fg:#963058}.status-repairing,.status-actions .status-repairing{--status-bg:#dcecff;--status-fg:#1b5187}.status-ready,.status-actions .status-ready{--status-bg:#d3f6cf;--status-fg:#286a1d}.status-completed,.status-actions .status-completed{--status-bg:#14583b;--status-fg:#fff}.status-warranty,.status-actions .status-warranty{--status-bg:#f5e3fa;--status-fg:#87359a}.status-cancelled,.status-actions .status-cancelled{--status-bg:#ffe0dc;--status-fg:#a73428}.status-actions button.selected{outline:2px solid currentColor;outline-offset:2px;opacity:1}.status-actions button:disabled:not(.selected){opacity:.55;cursor:not-allowed}.status-actions{padding:6px 2px}.status{display:inline-flex}.comments{margin:24px 0}.comments textarea{min-height:80px;width:100%}.comment-list{max-height:420px;overflow-y:auto}.comment-list p{white-space:pre-wrap;overflow-wrap:anywhere}.attachment-grid{grid-template-columns:1fr}.attachment-card{flex-wrap:wrap;padding:7px;gap:5px}.attachment-open{flex-basis:100%}.attachment-card audio{max-width:100%;height:38px}.attachment-card>button{font-size:11px;white-space:normal}.muted{font-size:11px}.order-deliveries{margin:20px 0}.order-deliveries input,.order-deliveries select{max-width:100%;min-width:0}.order-deliveries .detail-block{overflow-wrap:anywhere}.top-user{gap:8px}.top-user small{font-size:11px}.team-row{flex-wrap:wrap}.team-row button{font-size:11px}@media(max-width:720px){.order-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px}.order-row>.status{display:inline-flex;grid-column:2;justify-self:start;max-width:100%;white-space:normal}.order-row>.amount{grid-column:3;grid-row:1 / span 2}.order-row>.grow b,.order-row>.grow small{white-space:normal;overflow-wrap:anywhere}.drawer>.status{display:inline-flex}.top-user small{max-width:110px;text-align:right}.team-row>div:not(.avatar):not(.grow){display:block}.bottom-nav{justify-content:flex-start}.bottom-nav button{flex:1;min-width:68px}}button{touch-action:manipulation}button:disabled{cursor:wait;opacity:.6}button:focus-visible,summary:focus-visible{outline:3px solid #84b9a4;outline-offset:3px}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d2dfd7;background:#fff;color:#214b3b;border-radius:12px;padding:11px 15px;font-size:13px;font-weight:750;min-height:44px}.secondary:hover{background:#edf5f0;border-color:#a8c5b7}.text-danger{background:transparent;border:0;padding:10px;color:#a14338;font-size:12px;font-weight:700;min-height:44px}.kicker{display:block;color:#527565;font-size:10px;font-weight:850;letter-spacing:.13em}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.workspace-heading h2{font-size:24px;letter-spacing:-.6px;line-height:1.2;margin:6px 0 5px}.workspace-heading p{font-size:12px;line-height:1.5;color:#6c7d73;margin:0}.workspace-heading .primary{flex-shrink:0;font-size:13px;min-height:44px;box-shadow:none}.logistics-toolbar{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}.filter-tabs{display:flex;background:#e5ece7;border-radius:12px;padding:4px;gap:3px}.filter-tabs button{border:0;border-radius:9px;background:none;color:#61756a;padding:10px 14px;font-size:12px;font-weight:750;min-height:40px}.filter-tabs button.active{background:#fff;color:#173e2d;box-shadow:0 2px 5px #193c2510}.logistics-toolbar .search{font-size:13px}.delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.delivery-card{min-width:0;background:#fff;border:1px solid #dfe8e1;border-radius:20px;padding:20px;box-shadow:0 4px 18px #16362705}.delivery-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.delivery-reference{font-size:11px;font-weight:800;color:#7b8f82;letter-spacing:.06em}.delivery-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:8px;font-size:10px;line-height:1.2;font-weight:800;white-space:nowrap;background:#eef2f0;color:#65746d}.delivery-badge i{height:5px;width:5px;border-radius:50%;background:currentColor}.delivery-planned{background:#fff2dc;color:#95621b}.delivery-en_route{background:#e4edff;color:#3b5ca4}.delivery-collected{background:#eee5fb;color:#7343a0}.delivery-delivered{background:#e1f3e9;color:#24704a}.delivery-cancelled{background:#fce9e4;color:#9f5041}.delivery-device{display:flex;gap:12px;align-items:center;margin:20px 0 16px;min-width:0}.device-mark{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:#edf4ef;color:#3b7459}.delivery-device>div{min-width:0}.delivery-device small{display:block;font-size:11px;color:#758579;margin-bottom:4px}.delivery-device h3{margin:0;font-size:19px;font-weight:850;line-height:1.25;letter-spacing:-.3px;overflow-wrap:anywhere}.delivery-device p{margin:4px 0 0;font-size:12px;color:#667b6d;line-height:1.4;overflow-wrap:anywhere}.delivery-equipment{display:grid;gap:4px;background:#f7f9f7;border:1px dashed #dae5dc;padding:11px 12px;border-radius:10px;margin:0 0 14px;color:#526758;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.delivery-equipment b{font-size:10px;color:#7a8c7f;text-transform:uppercase;letter-spacing:.03em}.delivery-route{padding:16px;background:#f4f7f3;border-radius:14px;display:grid;gap:18px}.delivery-route>div{display:flex;align-items:flex-start;gap:12px;position:relative}.delivery-route>div:first-child:after{content:"";position:absolute;left:4px;top:16px;bottom:-15px;border-left:1px dashed #b9cbbb}.route-point{flex:0 0 9px;width:9px;height:9px;border:2px solid #6e9c7f;border-radius:50%;margin-top:5px;z-index:1;background:#f4f7f3}.route-point.finish{background:#ef973e;border-color:#ef973e;border-radius:3px}.delivery-route small{font-size:10px;line-height:1.4;color:#7b8a7e}.delivery-route p{margin:3px 0 0;font-size:14px;font-weight:750;line-height:1.45;overflow-wrap:anywhere}.delivery-info{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:17px 0}.delivery-info>div{display:grid;gap:5px;align-content:start}.delivery-info small{font-size:10px;color:#839086}.delivery-info b{font-size:12px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.delivery-info .unassigned{color:#af7531}.delivery-note{border-top:1px solid #eef2ed;padding:12px 0 15px}.delivery-note small{font-size:10px;color:#839086}.delivery-note p{font-size:12px;color:#516459;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}.delivery-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;border-top:1px solid #edf1eb;padding-top:14px}.delivery-actions label{display:grid;gap:6px;font-size:10px;color:#78877b;font-weight:700}.delivery-actions select{width:100%;min-width:0;height:44px;border:1px solid #d7e2d8;border-radius:11px;background:#fff;color:#284c36;padding:0 10px;font-size:12px;font-weight:650}.delivery-actions .secondary{font-size:12px;padding:10px 13px}.delivery-next{width:100%;min-height:46px;box-shadow:none;margin-top:8px}.order-deliveries{margin:24px 0}.order-deliveries .workspace-heading h2{font-size:18px}.order-deliveries .workspace-heading p{display:none}.order-deliveries .workspace-heading .primary{font-size:12px;padding:10px}.order-deliveries .delivery-grid{grid-template-columns:1fr}.order-deliveries .delivery-card{padding:16px}.logistics-empty{text-align:center;padding:38px 20px;color:#66836f;border:1px dashed #ceddd1;border-radius:18px;background:#f7faf6}.logistics-empty svg{opacity:.65}.logistics-empty h3{font-size:15px;color:#45674f}.logistics-empty p{font-size:12px;line-height:1.6;margin-bottom:0}.form-overlay{z-index:80;padding:14px;align-items:center;justify-content:center}.polished-form{margin:auto;background:#fff;padding:28px;max-height:calc(100dvh - 28px);overscroll-behavior:contain;scroll-padding:20px;border:1px solid #e2e9e3;box-shadow:0 25px 80px #0003}.polished-form h2{font-size:24px;letter-spacing:-.6px;margin:8px 35px 6px 0}.polished-form .form-intro{font-size:13px;line-height:1.5;color:#75887b;margin:0 0 22px}.polished-form label{display:block;font-size:12px;line-height:1.5;color:#405b49;font-weight:750;margin:15px 0}.polished-form input,.polished-form select,.polished-form textarea{display:block;width:100%;min-width:0;margin-top:7px;border:1px solid #d9e3da;border-radius:11px;background:#fbfcfa;min-height:46px;padding:12px;color:#1b3a27;font-size:14px;font-weight:500}.polished-form input:focus,.polished-form select:focus,.polished-form textarea:focus{border-color:#629775;box-shadow:0 0 0 3px #50806114;background:#fff}.polished-form textarea{resize:vertical}.polished-form .form-2{gap:14px}.optional{font-size:10px;font-weight:500;color:#8a998d;margin-left:5px}.form-section{border:1px solid #e1e9e1;border-radius:14px;background:#f7faf6;padding:15px;margin-top:20px}.form-section h3{font-size:14px;margin:0 0 5px}.form-section p,.field-help{font-size:12px;line-height:1.6;color:#718276;margin:0}.field-help code{font-size:12px;font-weight:800;color:#356348}.advanced-fields{padding:14px 0;border-top:1px solid #edf1eb;margin-top:18px;font-size:12px;color:#6b8072}.advanced-fields summary{cursor:pointer}.form-footer{position:sticky;bottom:-28px;display:flex;gap:10px;justify-content:flex-end;background:#fff;border-top:1px solid #e4ece3;padding:16px 0 8px;margin-top:20px;z-index:2}.form-footer button{min-height:46px;font-size:13px;flex:1;box-shadow:none}.form-device{background:#f5f8f2;border:1px solid #e4ebdf;border-radius:13px;padding:13px}.polished-form .form-error,.staff-page>.form-error,.logistics>.form-error{padding:12px 14px;border:1px solid #efcfca;background:#fff0ed;border-radius:11px;line-height:1.6;font-size:12px}.staff-search{margin-bottom:18px;min-width:0;font-size:13px}.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.staff-card{background:#fff;border:1px solid #dfe7df;border-radius:18px;padding:18px}.staff-card-top{display:flex;align-items:flex-start;gap:11px}.staff-card-top>div:not(.avatar){flex:1;min-width:0}.staff-card h3{font-size:17px;line-height:1.3;margin:3px 0;overflow-wrap:anywhere}.staff-card p{font-size:12px;color:#748676;margin:0}.employee-code{font-size:11px;letter-spacing:.03em;font-weight:850;color:#467458}.staff-state{border-radius:7px;padding:5px 7px;font-size:9px;font-weight:800;white-space:nowrap}.staff-state.on{background:#e3f3e7;color:#3b7148}.staff-state.pending{background:#fff2de;color:#a07132}.staff-state.off{background:#f0f1ef;color:#899287}.staff-meta{display:flex;gap:24px;border-top:1px solid #eef2ed;padding:14px 0 0;margin-top:16px}.staff-meta>div{display:grid;gap:5px}.staff-meta small{font-size:10px;color:#8a968b}.staff-meta b{font-size:12px;color:#566e59}.card-actions{display:flex;justify-content:space-between;gap:8px;margin-top:17px}.staff-inactive{background:#f8f9f6}.success-notice{padding:13px 16px;border-radius:12px;border:1px solid #cfe3d2;background:#eaf6ec;color:#356342;font-size:13px;line-height:1.6}@media(max-width:850px){.delivery-grid,.staff-grid{grid-template-columns:1fr}}@media(max-width:720px){.workspace-heading{align-items:flex-start;margin-bottom:18px;gap:10px}.workspace-heading h2{font-size:21px;max-width:220px}.workspace-heading .primary{font-size:12px;padding:11px 13px}.logistics-toolbar{gap:12px}.logistics-toolbar .search{width:100%;min-width:0}.filter-tabs{width:100%}.filter-tabs button{flex:1;padding:9px 10px}.delivery-card{padding:17px;border-radius:18px}.delivery-device h3{font-size:20px}.form-overlay{padding:8px}.polished-form{width:100%;padding:23px 18px;max-height:calc(100dvh - 16px);border-radius:18px}.polished-form input,.polished-form select,.polished-form textarea{font-size:16px}.polished-form .form-2{display:block}.form-footer{bottom:-23px}.delivery-form .form-footer{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.staff-card{padding:16px}.staff-card .avatar{flex-basis:38px;height:38px}.staff-card-top{gap:9px}.staff-state,.workspace-heading .kicker{font-size:9px}}.mobile-navigation{display:none}.delivery-card,.delivery-grid,.delivery-actions>*{min-width:0}.delivery-actions{grid-template-columns:minmax(0,1fr)}.delivery-actions>.secondary{width:100%}.delivery-status-picker{border:1px solid #d7e2d8;border-radius:12px;background:#fff;overflow:hidden}.delivery-status-picker summary{list-style:none;cursor:pointer;min-height:46px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;color:#284c36;font-size:13px;font-weight:650}.delivery-status-picker summary::-webkit-details-marker{display:none}.delivery-status-options{display:grid;border-top:1px solid #e2e9e3;padding:5px}.delivery-status-options button{display:flex;align-items:center;justify-content:space-between;min-height:44px;border:0;border-radius:8px;background:#fff;padding:8px;color:#284c36}.delivery-status-options button:hover,.delivery-status-options button[aria-pressed=true]{background:#eef5ef}.delivery-status-options .delivery-badge{display:inline-flex}.delivery-status-picker summary:focus-visible{outline:2px solid #ee8936;outline-offset:-3px}@media(max-width:720px){.content{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.mobile-navigation{display:block}.bottom-nav{height:calc(72px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;overflow:visible;align-items:stretch;border-top:1px solid #315043}.bottom-nav button{min-width:0;width:100%;min-height:52px;padding:4px 0;font-size:10px;line-height:1.2;gap:3px;align-content:center;border-radius:12px}.bottom-nav button i{font-size:22px;line-height:24px}.bottom-nav button.active{color:#ffb477;background:#ffffff0a}.bottom-nav .nav-launcher{color:#f6f8f3;background:#244638}.bottom-nav .nav-launcher i{display:grid;place-items:center;margin-top:-20px;width:48px;height:44px;border-radius:15px;background:#fa9038;color:#152a20;font-size:30px;box-shadow:0 3px 12px #071d2440;border:3px solid #173127}.nav-scrim{position:fixed;inset:0;z-index:28;background:#061c2259;border:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.nav-more{position:fixed;z-index:29;bottom:calc(86px + env(safe-area-inset-bottom));left:12px;right:12px;max-height:calc(100dvh - 170px);overflow-y:auto;padding:16px;background:#f8faf6;border:1px solid #dbe5dc;border-radius:24px;box-shadow:0 12px 50px #09251d40;animation:fade .15s ease}.nav-more-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.nav-more-heading b{font-size:16px}.nav-more-heading button{border:0;border-radius:50%;width:36px;height:36px;font-size:24px;background:#e7eee7;color:#284c36}.nav-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nav-more-grid button{display:flex;align-items:center;gap:10px;padding:14px 10px;min-height:60px;border:1px solid #dce5dd;background:#fff;border-radius:15px;color:#244638;text-align:left;font-weight:650;font-size:13px}.nav-more-grid button i{font-style:normal;font-size:23px;width:28px;text-align:center;color:#39836b}.nav-more-grid button.active{border-color:#ec984e;background:#fff3e5}.nav-empty{min-width:0}}