: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}}