@import "https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700&family=Noto+Kufi+Arabic:wght@600;700&display=swap";
:root{--ink:#17201d;--muted:#7a827f;--line:#e7e8e3;--paper:#fbfaf7;--panel:#fff;--accent:#b86736;--accent-dark:#92502d;--green:#2d8164;--nav:#18221f;--soft:#f2f2ed;--shadow:0 14px 45px #18221f12}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:Alexandria,Tahoma,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #b8673633}.auth-page{background:#f5f3ed;grid-template-columns:minmax(420px,.92fr) minmax(540px,1.08fr);min-height:100vh;display:grid;overflow:hidden}.auth-story{isolation:isolate;color:#f8f5ed;background:radial-gradient(circle at 18% 18%,#b8673647,#0000 34%),linear-gradient(145deg,#1c2925 0%,#111916 72%);flex-direction:column;min-height:100vh;padding:clamp(30px,5vw,68px);display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";z-index:-1;opacity:.11;background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.auth-story:after{content:"";z-index:-1;border:1px solid #d78a584d;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-220px;left:-160px;box-shadow:0 0 0 70px #d78a5809,0 0 0 140px #d78a5806}.auth-story-top{justify-content:space-between;align-items:center;display:flex}.auth-story .brand-mark{box-shadow:0 12px 32px #0000003d,inset 0 0 0 1px #fff3}.auth-story .brand-lockup small{color:#8f9d98}.auth-secure{color:#aebbb6;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;display:inline-flex}.auth-hero-copy{max-width:570px;margin:auto 0;padding:50px 0 25px}.auth-kicker{color:#d99161;letter-spacing:.09em;margin-bottom:20px;font-size:11px;font-weight:700;display:inline-block}.auth-hero-copy h1{letter-spacing:-.055em;margin:0;font-family:Noto Kufi Arabic,sans-serif;font-size:clamp(42px,5.1vw,72px);line-height:1.32}.auth-hero-copy h1 em{color:#d27f4e;font-style:normal}.auth-hero-copy p{color:#a6b2ae;max-width:510px;margin:24px 0 0;font-size:13px;line-height:2}.auth-workshop-art{color:#d78a586b;height:84px;margin-bottom:30px;position:relative}.auth-workshop-art>svg{opacity:.22;width:74px;height:74px;position:absolute;top:4px;left:8%;transform:rotate(-22deg)}.auth-art-line{background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;position:absolute;inset:auto 0 12px}.auth-car{border:3px solid;border-top:0;border-radius:14px 14px 7px 7px;width:220px;height:55px;position:absolute;bottom:12px;right:6%}.auth-car:before{content:"";border:3px solid;border-bottom:0;border-radius:70px 50px 0 0;width:128px;height:54px;position:absolute;top:-37px;right:38px;transform:skew(-12deg)}.auth-car i,.auth-car b{background:#d27f4e;border:5px solid #18221f;border-radius:50%;width:26px;height:26px;position:absolute;bottom:-13px}.auth-car i{right:28px}.auth-car b{left:28px}.auth-benefits{color:#9daba6;border-top:1px solid #ffffff14;flex-wrap:wrap;gap:11px 23px;padding-top:24px;font-size:10px;display:flex}.auth-benefits span{align-items:center;gap:7px;display:inline-flex}.auth-benefits svg{color:#d27f4e;width:14px}.auth-form-side{place-items:center;min-height:100vh;padding:clamp(28px,6vw,86px);display:grid;position:relative}.auth-form-side:before{content:"";filter:blur(1px);background:#b8673612;border-radius:50%;width:180px;height:180px;position:absolute;top:8%;right:8%}.auth-card{width:min(100%,440px);animation:.55s cubic-bezier(.2,.8,.2,1) both auth-arrive;position:relative}@keyframes auth-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.auth-card h2{letter-spacing:-.04em;margin:8px 0 6px;font-family:Noto Kufi Arabic,sans-serif;font-size:30px}.auth-intro{color:var(--muted);margin:0 0 31px;font-size:12px;line-height:1.8}.auth-mobile-brand{display:none}.auth-field{color:#515a56;gap:8px;margin-top:17px;font-size:11px;font-weight:600;display:grid}.auth-field>div{background:#ffffffc7;border:1px solid #dadbd5;border-radius:12px;align-items:center;gap:10px;height:51px;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.auth-field>div:focus-within{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #b8673617}.auth-field svg{color:#929994;flex:none}.auth-field input{text-align:left;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%}.auth-password-toggle{color:#777f7b;background:0 0;border:0;place-items:center;padding:6px;display:grid}.auth-submit{background:var(--accent);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;height:52px;margin-top:25px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:flex;box-shadow:0 12px 28px #92502d33}.auth-submit:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 16px 32px #92502d3d}.auth-submit:disabled{opacity:.62;cursor:wait}.auth-error{color:#a53e34;background:#fff1ee;border:1px solid #f0d1cc;border-radius:10px;margin:16px 0 0;padding:11px 13px;font-size:11px;line-height:1.7}.auth-footnote{color:#969c99;justify-content:center;align-items:center;gap:7px;margin:17px 0 0;font-size:9px;display:flex}.auth-loading{background:var(--nav);color:#fff;place-content:center;justify-items:center;gap:18px;min-height:100vh;display:grid}.auth-loading p{color:#9ca8a4;margin:0;font-size:11px}.auth-spinner{border:2px solid;border-left-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.sidebar-logout{color:#7e8a86;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;transition:all .2s;display:grid}.sidebar-logout:hover{color:#fff;background:#ffffff14}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#fff;z-index:30;flex-direction:column;height:100vh;padding:28px 18px 18px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;min-width:max-content;display:flex}.brand-mark{background:var(--accent);border-radius:13px;place-items:center;width:42px;height:42px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.brand-mark i{border:3px solid #fff;border-top-left-radius:10px;border-top-right-radius:10px;width:25px;height:12px;transform:translateY(5px)}.brand-mark b{color:#fff;font-size:18px;position:absolute;top:2px;left:8px}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-family:Noto Kufi Arabic,sans-serif;font-size:17px}.brand-lockup small{color:#a7b1ad;margin-top:2px;font-size:9px}.sidebar nav{margin-top:42px}.nav-title{color:#76827e;text-transform:uppercase;margin:0 0 9px;padding:0 13px;font-size:10px}.nav-title-bottom{margin-top:30px}.nav-item{color:#9ca8a4;text-align:right;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;margin:3px 0;padding:11px 13px;font-size:13px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0a}.nav-item.active{color:#fff;box-shadow:inset -3px 0 var(--accent);background:#b867362e}.nav-item.active svg{color:#d78a58}.nav-item em{background:#ffffff14;border-radius:20px;margin-right:auto;padding:2px 7px;font-size:10px;font-style:normal}.branch-card{background:#ffffff0b;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:9px;margin-top:auto;padding:11px;display:flex}.branch-card>span{color:#d58a5a;background:#b8673629;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.branch-card div{flex:1}.branch-card strong,.branch-card small{font-size:11px;display:block}.branch-card small{color:#8e9a96;margin-top:4px;font-size:9px}.branch-card small i{background:#62c397;border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.user-card{border-top:1px solid #ffffff12;align-items:center;gap:9px;margin-top:15px;padding:15px 4px 0;display:flex}.avatar{color:#5e3824;background:#e2c4aa;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.user-card div:nth-child(2){flex:1}.user-card strong,.user-card small{font-size:10px;display:block}.user-card small{color:#7e8a86;margin-top:3px}.sidebar-close,.sidebar-backdrop,.mobile-brand{display:none}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;background:#fbfaf7eb;align-items:center;gap:22px;height:74px;padding:0 34px;display:flex;position:sticky;top:0}.global-search{align-items:center;width:min(480px,45vw);display:flex;position:relative}.global-search svg{color:#8b928f;position:absolute;right:14px}.global-search input{width:100%;height:42px;color:var(--ink);background:#f4f4ef;border:1px solid #e4e5df;border-radius:11px;padding:0 43px 0 55px}.global-search input::placeholder{color:#979d9a;font-size:12px}.global-search kbd{color:#8b918e;background:#fff;border:1px solid #dfe1dc;border-radius:6px;padding:3px 7px;font-size:10px;position:absolute;left:10px;box-shadow:0 1px 1px #0000000a}.top-actions{align-items:center;gap:10px;margin-right:auto;display:flex}.icon-btn{border:1px solid var(--line);color:#68716e;background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:relative}.icon-btn i{border:2px solid var(--paper);background:#c7634d;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.primary-btn,.ghost-btn,.date-btn,.whatsapp-btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 15px;font-size:12px;font-weight:600;display:inline-flex}.primary-btn{background:var(--accent);color:#fff;box-shadow:0 6px 18px #b8673633}.primary-btn:hover{background:var(--accent-dark)}.ghost-btn,.date-btn{border-color:var(--line);color:#4d5753;background:#fff}.whatsapp-btn{color:#fff;background:#238b59}.content{max-width:1600px;margin:auto;padding:34px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:26px;display:flex}.page-heading.compact{align-items:center}.eyebrow{text-transform:uppercase;color:var(--accent);letter-spacing:.5px;font-size:10px;font-weight:700}.page-heading h1{letter-spacing:-1px;margin:5px 0 3px;font-family:Noto Kufi Arabic,sans-serif;font-size:25px}.page-heading h1 span{font-size:22px}.page-heading p{color:var(--muted);margin:0;font-size:12px}.heading-actions{gap:9px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:13px;padding:18px;display:flex;box-shadow:0 2px 6px #18221f05}.stat-icon{border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.stat-icon svg{width:20px}.stat-icon.orange{color:#ad5f32;background:#f8ebe1}.stat-icon.green{color:#2c7d62;background:#e5f2ec}.stat-icon.blue{color:#46738d;background:#e8f0f5}.stat-icon.violet{color:#765b92;background:#efeaf6}.stat-copy>span{color:var(--muted);font-size:10px}.stat-copy>strong{margin:4px 0 3px;font-size:22px;display:block}.stat-copy>strong small{color:#69716e;font-size:10px}.stat-copy p{color:#909692;margin:0;font-size:8px}.stat-copy p b{margin-left:3px;font-size:8px}.up{color:#2d8868}.down{color:#2e8c75}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.8fr);gap:15px;margin-bottom:15px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 3px 8px #18221f06}.panel-head{justify-content:space-between;align-items:center;padding:18px 20px 13px;display:flex}.panel-head h2{margin:0 0 4px;font-family:Noto Kufi Arabic,sans-serif;font-size:14px}.panel-head p{color:var(--muted);margin:0;font-size:9px}.text-btn{color:var(--accent);background:0 0;border:0;align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:right;width:100%}th{color:#8b928f;white-space:nowrap;background:#fafaf7;border-top:1px solid #efefeb;border-bottom:1px solid #efefeb;padding:9px 15px;font-size:9px;font-weight:500}td{white-space:nowrap;border-bottom:1px solid #f0f0ed;padding:11px 15px;font-size:10px}tbody tr{cursor:pointer;transition:all .15s}tbody tr:hover{background:#fcf8f4}td strong,td small{display:block}td small{color:#8d9491;margin-top:4px;font-size:8px}.order-link{color:var(--accent);background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.status{border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:600;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.amber{color:#9a6528;background:#fbf1df}.status.violet{color:#71558a;background:#f0eaf6}.status.green{color:#28785d;background:#e4f1eb}.status.blue{color:#3d738f;background:#e7f0f5}.status.slate{color:#5c6864;background:#edf0ee}.tech{align-items:center;gap:7px;display:flex}.tech b{color:#66564a;background:#e8e3dc;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;display:grid}.activity-panel{padding-bottom:15px}.activity-panel .icon-btn{border:0}.chart-total{justify-content:space-between;align-items:center;padding:0 20px;display:flex}.chart-total small,.chart-total strong{display:block}.chart-total small{color:var(--muted);font-size:9px}.chart-total strong{margin-top:2px;font-size:21px}.chart-total strong b{font-size:9px}.chart-total>span{color:#2d8164;background:#e8f3ee;border-radius:20px;align-items:center;gap:3px;padding:4px 7px;font-size:8px;display:flex}.chart{height:192px;padding:12px 18px 0;position:relative}.chart svg{z-index:2;width:100%;height:150px;position:relative}.grid-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:12px 18px 27px}.grid-lines i{border-top:1px dashed #e8e8e4}.chart-labels{color:#949a97;justify-content:space-between;font-size:7px;display:flex}.cash-breakdown{border-top:1px solid var(--line);margin:9px 20px 0;padding-top:12px;display:flex}.cash-breakdown>div{width:50%;padding-right:15px;position:relative}.cash-breakdown>div+div{border-right:1px solid var(--line)}.cash-breakdown small,.cash-breakdown strong{font-size:8px;display:block}.cash-breakdown small{color:var(--muted)}.cash-breakdown strong{margin-top:3px;font-size:11px}.dot{border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:0}.dot.income{background:var(--accent)}.dot.expense{background:#cbd0cd}.bottom-grid{grid-template-columns:1.1fr 1fr;gap:15px;display:grid}.stock-row{border-top:1px solid #f1f1ed;align-items:center;gap:10px;padding:10px 20px;display:flex}.part-icon{color:#b56b3c;background:#fbf0e4;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.part-icon svg{width:16px}.part-icon.critical{color:#b35546;background:#f9e8e5}.stock-row div{flex:1}.stock-row strong,.stock-row small{font-size:9px;display:block}.stock-row small{color:var(--muted);margin-top:3px;font-size:7px}.stock-row>b{border-radius:20px;padding:5px 8px;font-size:8px}.warning-text{color:#9e672b!important}.critical-text,.expense-text{color:#b45244!important}.quick-grid{grid-template-columns:1fr 1fr;gap:8px;padding:3px 18px 18px;display:grid}.quick-grid button{text-align:right;background:#fafaf7;border:1px solid #eeefea;border-radius:11px;grid-template-columns:34px 1fr;column-gap:9px;padding:12px;display:grid}.quick-grid button:hover{background:#fffaf5;border-color:#d8b596}.quick-grid span{color:#906144;background:#eee8e1;border-radius:8px;grid-row:1/3;place-items:center;width:32px;height:32px;display:grid}.quick-grid svg{width:16px}.quick-grid b{font-size:9px}.quick-grid small{color:var(--muted);margin-top:2px;font-size:7px}.full-panel{overflow:hidden}.filter-bar{justify-content:space-between;padding:14px 18px;display:flex}.filter-tabs{gap:6px;display:flex}.filter-tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px 11px;font-size:10px}.filter-tabs button.active{color:#8f512f;background:#f1ebe5;font-weight:600}.filter-tabs b{background:#fff;border-radius:20px;margin-right:4px;padding:2px 5px}.large-table td,.large-table th{padding:15px 18px}.cards-list{gap:10px;display:grid}.customer-card{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:44px 1fr 1.4fr .5fr 40px;align-items:center;gap:14px;padding:15px 18px;display:grid}.customer-avatar{color:#8a5534;background:#e9ddd1;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.customer-main strong,.customer-main span,.vehicle-tag strong,.vehicle-tag small,.visit-count small,.visit-count strong{display:block}.customer-main strong,.vehicle-tag strong{font-size:11px}.customer-main span,.vehicle-tag small,.visit-count small{color:var(--muted);margin-top:4px;font-size:8px}.vehicle-tag{border-right:1px solid var(--line);align-items:center;gap:10px;padding-right:25px;display:flex}.vehicle-tag>svg{color:var(--accent)}.visit-count{text-align:center}.mini-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.mini-stat{border:1px solid var(--line);background:#fff;border-radius:12px;padding:17px 19px}.mini-stat small,.mini-stat strong{display:block}.mini-stat small{color:var(--muted);font-size:9px}.mini-stat strong{margin-top:7px;font-size:16px}.quantity{color:#26745a;background:#e8f2ed;border-radius:20px;padding:5px 8px}.quantity.low{color:#9c612d;background:#fbecdf}.profit{color:#2b7f62}.finance-hero{background:var(--nav);color:#fff;box-shadow:var(--shadow);border-radius:17px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:26px 30px;display:flex;position:relative;overflow:hidden}.finance-hero:after{content:"";border:55px solid #b867361c;border-radius:50%;width:260px;height:260px;position:absolute;top:-105px;left:-65px}.finance-hero small,.finance-hero strong,.finance-hero span{display:block}.finance-hero>div:first-child strong{margin:7px 0;font-size:29px}.finance-hero strong b{font-size:11px}.finance-hero span{color:#75caa6;font-size:9px}.finance-split{z-index:1;gap:45px;display:flex;position:relative}.finance-split>div{border-right:1px solid #ffffff1a;padding-right:28px}.finance-split strong{margin-top:6px;font-size:14px}.transactions{padding:0 20px 10px}.transaction{border-top:1px solid #f0f0ec;align-items:center;gap:11px;padding:13px 0;display:flex}.transaction>span{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.transaction>span svg{width:16px}.transaction>span.in{color:#2c8063;background:#e5f2ec}.transaction>span.out{color:#ad5446;background:#f8e9e5}.transaction>div{flex:1}.transaction strong,.transaction small{font-size:10px;display:block}.transaction small{color:var(--muted);margin-top:3px;font-size:8px}.transaction>b{font-size:11px}.report-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px;display:grid}.report-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:17px;position:relative}.report-card>span{width:34px;height:34px;color:var(--accent);background:#f1ebe5;border-radius:10px;place-items:center;display:grid;position:absolute;top:14px;left:14px}.report-card>span svg{width:17px}.report-card>small,.report-card>strong{display:block}.report-card>small{color:var(--muted);font-size:9px}.report-card>strong{margin:10px 0 5px;font-size:16px}.report-card p{color:#358065;margin:0;font-size:8px}.report-placeholder{height:330px;padding:35px}.bars{border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,#0000 0 59px,#efefeb 60px);align-items:flex-end;gap:14px;height:100%;display:flex}.bars i{background:linear-gradient(#d99b6c,#a75d34);border-radius:5px 5px 0 0;flex:1;min-width:12px;position:relative}.bars i span{text-align:center;width:100%;color:var(--muted);font-size:8px;font-style:normal;position:absolute;bottom:-24px}.settings-grid{grid-template-columns:1.2fr .8fr;gap:15px;display:grid}.settings-card{padding:0 20px 20px}.settings-card .panel-head{padding-left:0;padding-right:0}.logo-uploader{color:#87908c;cursor:pointer;background:#fafaf7;border:1px dashed #cfd2cc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:130px;margin-bottom:15px;display:flex;overflow:hidden}.logo-uploader:hover{border-color:var(--accent);color:var(--accent)}.logo-uploader svg{width:24px}.logo-uploader strong{font-size:10px}.logo-uploader small{font-size:8px}.logo-uploader img{object-fit:contain;width:100%;height:100%;padding:15px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px;display:grid}.form-grid label{color:#6c7471;font-size:9px}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fcfcf9;border-radius:9px;margin-top:6px;padding:10px 11px;display:block}.form-grid textarea{resize:vertical;height:90px}.integration{border-top:1px solid var(--line);align-items:center;gap:11px;padding:14px 0;display:flex}.integration>span{width:38px;height:38px;color:var(--accent);background:#f1ebe5;border-radius:10px;place-items:center;display:grid}.integration>span svg{width:18px}.integration>div{flex:1}.integration strong,.integration small{font-size:10px;display:block}.integration small{color:var(--muted);margin-top:4px;font-size:7px}.integration>b{color:#8b6e59;background:#f5eee8;border-radius:20px;padding:5px 8px;font-size:8px}.modal-layer{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1614a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:min(680px,100%);max-height:92vh;padding:24px;overflow:auto;box-shadow:0 30px 80px #00000040}.modal-head{justify-content:space-between;margin-bottom:22px;display:flex}.modal-head h2{margin:4px 0;font-family:Noto Kufi Arabic;font-size:20px}.modal-head p{color:var(--muted);margin:0;font-size:10px}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding-top:16px;display:flex}.drawer-layer{z-index:100;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f16148c;border:0;width:100%;height:100%;position:absolute;inset:0}.order-drawer{background:#f7f6f2;width:min(520px,100%);height:100%;padding:22px;animation:.25s ease-out slideIn;position:absolute;top:0;left:0;overflow:auto;box-shadow:20px 0 60px #0003}.drawer-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.drawer-head h2{margin:4px 0;font-family:Noto Kufi Arabic;font-size:18px}.drawer-head p{color:var(--muted);margin:0;font-size:10px}.invoice-sheet{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:24px}.invoice-sheet>.brand-lockup{color:var(--ink);margin-bottom:22px}.invoice-sheet>.brand-lockup small{color:var(--muted)}.invoice-logo{object-fit:contain;object-position:right;width:120px;height:58px;margin-bottom:18px}.invoice-title{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.invoice-title small,.invoice-title strong{display:block}.invoice-title small{color:var(--muted);font-size:8px}.invoice-title strong{margin-top:3px;font-size:13px}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;padding:20px 0;display:grid}.detail-grid small,.detail-grid strong{display:block}.detail-grid small{color:var(--muted);font-size:8px}.detail-grid strong{margin-top:4px;font-size:10px}.issue-box{background:#f7f6f2;border-radius:10px;padding:13px}.issue-box small{color:var(--muted);font-size:8px}.issue-box p{margin:5px 0 0;font-size:10px;line-height:1.7}.invoice-lines{margin-top:18px}.invoice-lines>div{justify-content:space-between;padding:8px 0;font-size:9px;display:flex}.invoice-lines .invoice-total{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:5px 0;padding:13px 0}.invoice-total strong{font-size:15px}.due{color:#b24f42}.drawer-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.drawer-actions .whatsapp-btn{grid-column:1/-1}.quiet-delete{color:#929995;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.quiet-delete:hover{color:#a94e42;background:#f6ece9}.quiet-cancel-btn{color:#9b655e;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 10px;font-size:9px;display:inline-flex}.invoice-more-actions{color:var(--muted);margin-top:7px;font-size:9px}.invoice-more-actions summary{cursor:pointer;align-items:center;gap:6px;width:fit-content;padding:6px 2px;display:flex}.invoice-more-actions summary::marker{display:none}.invoice-more-actions>div{flex-wrap:wrap;gap:7px;padding-top:5px;display:flex}.pending-supply-badge{color:#9b681c;background:#fff0d7;border-radius:20px;margin-top:6px;padding:3px 7px;font-size:7px;font-style:normal;font-weight:700;display:inline-flex}.whatsapp-send-modal{width:min(540px,100vw - 24px)}.whatsapp-send-modal form{gap:14px;display:grid}.whatsapp-send-modal label{color:#65706b;gap:6px;font-size:9px;display:grid}.whatsapp-send-modal input,.whatsapp-send-modal textarea{border:1px solid var(--line);width:100%;font:inherit;background:#fbfbf8;border-radius:9px;padding:11px}.whatsapp-send-modal textarea{resize:vertical;min-height:96px;line-height:1.7}.whatsapp-mode-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.whatsapp-mode-grid button{border:1px solid var(--line);color:#55605b;font:inherit;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:11px 7px;font-size:9px;display:flex}.whatsapp-mode-grid button svg{width:16px}.whatsapp-mode-grid button.active{color:#21724c;background:#eaf6ef;border-color:#2d8c60}.whatsapp-mode-grid button:disabled{opacity:.45;cursor:not-allowed}.whatsapp-file-field small{color:var(--muted)}.whatsapp-send-modal .modal-actions .whatsapp-btn{min-height:42px}.toast{z-index:200;background:var(--nav);color:#fff;border-radius:11px;align-items:center;gap:9px;padding:13px 17px;font-size:10px;animation:.25s ease-out toastIn;display:flex;position:fixed;bottom:25px;left:25px;box-shadow:0 15px 40px #00000038}.toast svg{color:#73c29f}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:none}}@keyframes toastIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media (max-width:1100px){.stats-grid,.report-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.finance-split{gap:15px}.finance-split>div{padding-right:15px}.settings-grid{grid-template-columns:1fr}}@media (max-width:760px){.app-shell{display:block}.sidebar{width:270px;transition:all .25s;position:fixed;right:0;transform:translate(105%)}.sidebar.open{transform:none}.sidebar-close{color:#fff;background:#ffffff14;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:12px;left:12px}.sidebar-backdrop{z-index:25;background:#00000073;border:0;display:block;position:fixed;inset:0}.topbar{height:64px;padding:0 16px}.mobile-brand{align-items:center;gap:9px;display:flex}.mobile-brand .icon-btn{width:38px}.mobile-brand .brand-mark{width:34px;height:34px}.global-search{flex:1;width:auto}.global-search input{padding-left:12px}.global-search kbd,.top-actions>.icon-btn{display:none}.primary-btn{padding:0 11px}.top-actions .primary-btn{font-size:0}.top-actions .primary-btn svg{margin:0}.content{padding:22px 15px}.page-heading{align-items:flex-start;gap:18px}.page-heading h1{font-size:20px}.heading-actions .ghost-btn{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:14px;display:block}.stat-icon{margin-bottom:9px}.orders-panel th:nth-child(4),.orders-panel td:nth-child(4),.orders-panel th:nth-child(5),.orders-panel td:nth-child(5){display:none}.mini-stats{grid-template-columns:1fr 1fr}.customer-card{grid-template-columns:40px 1fr 40px}.vehicle-tag,.visit-count{display:none}.finance-hero{display:block}.finance-split{grid-template-columns:1fr 1fr;margin-top:22px;display:grid}.report-grid{grid-template-columns:1fr 1fr}.report-placeholder{height:250px;padding:25px 12px}.bars{gap:5px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.drawer-actions{grid-template-columns:1fr}.drawer-actions .whatsapp-btn{grid-column:auto}}.status.red{color:#a94d40;background:#f8e8e5}.cancel-btn{color:#a64b3e;background:#fff7f5;border:1px solid #edcfca;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:42px;font-size:10px;display:inline-flex}.payment-layer{z-index:150;position:fixed}.payment-modal{width:min(510px,100%)}.payment-balance{background:#f6f5f1;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;padding:10px;display:grid}.payment-balance>div{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px}.payment-balance small,.payment-balance strong{display:block}.payment-balance small{color:var(--muted);font-size:7px}.payment-balance strong{margin-top:6px;font-size:12px}.payment-amount,.payment-note{color:#66706c;margin-bottom:15px;font-size:9px;display:block}.payment-amount>div{align-items:center;gap:7px;margin-top:7px;display:flex}.payment-amount input,.payment-note input{border:1px solid var(--line);background:#fcfcf9;border-radius:9px;width:100%;padding:11px}.payment-amount input{font-size:19px;font-weight:700}.payment-amount>div>span{color:var(--muted);font-size:9px}.payment-amount>div>button{color:#28775d;white-space:nowrap;background:#e8f2ed;border:0;border-radius:8px;padding:9px;font-size:8px}.payment-methods{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:15px;display:grid}.payment-methods>span{color:#66706c;grid-column:1/-1;font-size:9px}.payment-methods button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:9px;padding:10px 5px;font-size:8px}.payment-methods button.active{border-color:var(--accent);color:var(--accent-dark);background:#f8ece3;font-weight:700}.history-drawer{width:min(620px,100%)}.vehicle-summary{background:var(--nav);color:#fff;border-radius:13px;grid-template-columns:42px 1.5fr .6fr .8fr;align-items:center;gap:10px;margin-bottom:13px;padding:15px;display:grid}.vehicle-summary>svg{color:#db9465;background:#ffffff14;border-radius:10px;width:38px;height:38px;padding:9px}.vehicle-summary small,.vehicle-summary strong{display:block}.vehicle-summary small{color:#93a09b;font-size:7px}.vehicle-summary strong{margin-top:4px;font-size:10px}.history-list{gap:8px;display:grid}.history-visit{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.history-visit>button{text-align:right;background:#fff;border:0;grid-template-columns:30px 1fr auto 18px;align-items:center;gap:9px;width:100%;padding:13px;display:grid}.history-visit>button>span{width:28px;height:28px;color:var(--accent);background:#f1e8e0;border-radius:50%;place-items:center;font-size:9px;font-weight:700;display:grid}.history-visit>button strong,.history-visit>button small{display:block}.history-visit>button strong{font-size:9px}.history-visit>button small{color:var(--muted);margin-top:4px;font-size:7px}.history-visit>button>b{font-size:9px}.history-visit.open{border-color:#d9b79e}.visit-details{border-top:1px solid var(--line);background:#faf9f5;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;display:grid}.visit-details small,.visit-details strong{display:block}.visit-details small{color:var(--muted);font-size:7px}.visit-details strong{margin-top:4px;font-size:9px}.visit-details>p{color:#5f6965;grid-column:1/-1;margin:0;font-size:8px}.visit-diagnosis{background:#fff;border-radius:8px;grid-column:1/-1;padding:10px}.visit-diagnosis p{margin:4px 0 0;font-size:8px;line-height:1.7}@media (max-width:760px){.payment-balance,.payment-methods{grid-template-columns:1fr 1fr}.vehicle-summary{grid-template-columns:38px 1fr}.vehicle-summary>div:nth-of-type(n+2){display:none}.visit-details{grid-template-columns:1fr 1fr}}@media (max-width:440px){.stats-grid{grid-template-columns:1fr}.stat-card{display:flex}.quick-grid,.report-grid{grid-template-columns:1fr}.page-heading.compact{display:block}.page-heading.compact>button,.page-heading.compact>.heading-actions{margin-top:14px}.filter-tabs button:nth-child(n+2){display:none}.detail-grid{grid-template-columns:1fr}.modal-card{padding:18px}}@media print{body *{visibility:hidden}.order-drawer,.order-drawer *{visibility:visible}.order-drawer{background:#fff;width:100%;height:auto;padding:0;position:absolute;inset:0}.drawer-head,.drawer-actions{display:none}.invoice-sheet{box-shadow:none;border:0}.drawer-backdrop{display:none}}html,body{overflow-x:hidden}.work-drawer{width:min(620px,100%)}.work-stages{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;margin-bottom:14px;padding:12px;display:flex}.work-stages button{color:#9aa09d;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:flex}.work-stages button b{border:1px solid #d9dcd7;border-radius:50%;place-items:center;width:26px;height:26px;font-size:9px;display:grid}.work-stages button span,.work-stages button small{text-align:right;display:block}.work-stages button span{font-size:9px;font-weight:600}.work-stages button small{margin-top:2px;font-size:7px;font-weight:400}.work-stages button.active{color:var(--accent)}.work-stages button.active b{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 4px #f6e9df}.work-stages button.done b{color:#27775c;background:#e5f2ec;border-color:#b8dacb}.work-stages>i{background:#dfe1dc;flex:1;height:1px;margin:0 9px}.intake-sheet,.completion-editor{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:22px}.intake-label{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:15px;display:flex}.intake-label>svg{color:var(--accent);background:#f4e9df;border-radius:10px;width:40px;height:40px;padding:9px}.intake-label>div{flex:1}.intake-label strong,.intake-label small{display:block}.intake-edit-trigger{height:34px;padding:0 11px;font-size:9px}.intake-edit-form{padding-top:18px}.intake-edit-form .form-grid{margin-bottom:12px}.intake-edit-actions{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.intake-label strong{font-size:11px}.intake-label small{color:var(--muted);margin-top:4px;font-size:7px}.intake-note{color:#34745f;background:#edf5f1;border-radius:9px;align-items:center;gap:8px;margin:14px 0;padding:10px;font-size:8px;line-height:1.6;display:flex}.wide-action{width:100%}.editor-intro{border-bottom:1px solid var(--line);align-items:flex-start;gap:11px;margin-bottom:15px;padding-bottom:15px;display:flex}.editor-intro>svg{width:36px;height:36px;color:var(--accent);background:#f4e9df;border-radius:9px;padding:8px}.editor-intro strong{font-size:12px}.editor-intro p{color:var(--muted);margin:4px 0 0;font-size:8px;line-height:1.7}.diagnosis-field{color:#69716e;font-size:9px;display:block}.diagnosis-field textarea{border:1px solid var(--line);resize:vertical;background:#fafaf7;border-radius:10px;width:100%;min-height:82px;margin-top:7px;padding:11px;display:block}.diagnosis-field input{border:1px solid var(--line);background:#fafaf7;border-radius:10px;width:100%;margin:7px 0 14px;padding:11px;display:block}.part-choice{min-width:0}.part-choice>select,.edit-line select{background:#fff;border:1px solid #e3e5df;border-radius:7px;width:100%;min-width:0;padding:8px;font-size:9px}.new-part-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px;display:grid}.new-part-cost{color:var(--muted);font-size:8px;display:block}.new-part-cost input{margin-top:4px}.registry-select{width:100%;min-width:0}.registry-select>select{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-width:0;padding:9px;font-size:10px}.registry-add{align-items:center;gap:5px;margin-top:6px;display:flex}.registry-add input{border:1px solid var(--line);border-radius:8px;flex:1;min-width:0;padding:8px}.registry-add button{white-space:nowrap}.technician-picker{color:#69716e;margin:12px 0;font-size:9px}.technician-picker>span{margin-bottom:7px;display:block}.technician-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.technician-chips button{color:#315a3f;cursor:pointer;background:#edf5ee;border:1px solid #d9e5db;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:9px;display:inline-flex}.technician-chips small{color:var(--muted)}.registry-settings{padding:10px 16px 18px}.registry-setting-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 0;display:flex}.registry-setting-row strong{flex:1;font-size:11px}.registry-setting-row input{border:1px solid var(--line);border-radius:8px;flex:1;min-width:0;padding:8px}.return-note{color:var(--muted);padding:0 18px;font-size:11px;line-height:1.8}.invoice-group .text-btn{padding:4px;font-size:8px}.supply-record{border:0;border-top:1px solid var(--line);text-align:right;cursor:pointer;background:#fff;grid-template-columns:100px 1fr 110px 110px 18px;align-items:center;gap:12px;width:100%;padding:14px 18px;font-size:10px;display:grid}.supply-record:hover{background:#faf9f5}.supply-record span small,.supply-record span strong{display:block}.supply-record span small{color:var(--muted);margin-top:4px}.stock-ledger-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 18px;font-size:10px;display:flex}.stock-ledger-row>div{flex:1}.stock-ledger-row>div small{color:var(--muted);margin-top:4px;display:block}.movement-icon{color:#b45e50;background:#f6e9e6;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.movement-icon.in{color:#38865c;background:#e8f4ec}.income-text{color:#38865c}.expense-text{color:#b45e50}.purchase-overview{grid-template-columns:repeat(3,1fr);gap:9px;padding:15px;display:grid}.purchase-overview>div{background:#f7f6f2;border-radius:10px;padding:12px}.purchase-overview small,.purchase-overview strong{display:block}.purchase-overview small{color:var(--muted);font-size:9px}.purchase-overview strong{margin-top:6px;font-size:15px}.purchase-section{border:1px solid var(--line);border-radius:11px;margin:0 15px 15px;overflow:hidden}.delivery-card{border-top:1px solid var(--line);padding:13px;font-size:10px}.delivery-card header,.delivery-card footer,.purchase-payment{justify-content:space-between;align-items:center;gap:8px;display:flex}.delivery-card p{color:var(--muted);margin:8px 0}.delivery-card footer{margin-top:12px}.delivery-card footer b{margin-inline-end:auto}.purchase-payment{border-top:1px solid var(--line);padding:12px;font-size:10px}@media (max-width:760px){.supply-record{grid-template-columns:75px 1fr 75px 18px}.supply-record>span:nth-of-type(3){display:none}.new-part-fields{grid-template-columns:1fr}}.service-editor,.line-editor{border:1px solid var(--line);border-radius:11px;margin-top:17px;overflow:hidden}.line-head{background:#f8f8f4;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.line-head strong{font-size:9px}.line-head-actions{align-items:center;gap:8px;display:flex}.inline-item-layer{z-index:120}.inline-item-error{color:#a54e42;background:#f8e8e5;border-radius:8px;margin:10px 0 0;padding:9px 11px;font-size:8px}.edit-line{border-top:1px solid #efefeb;grid-template-columns:20px minmax(130px,1fr) 65px 85px 80px 28px;align-items:center;gap:6px;padding:8px;display:grid}.edit-line>span{color:var(--muted);text-align:center;font-size:8px}.edit-line input{background:#fff;border:1px solid #e3e5df;border-radius:7px;width:100%;min-width:0;padding:8px;font-size:8px}.edit-line>b{text-align:left;font-size:8px}.edit-line>button{color:#a84d40;background:#f7ece9;border:0;border-radius:6px;place-items:center;height:28px;display:grid}.editor-total{background:var(--nav);color:#fff;border-radius:11px;margin:15px 0;padding:13px 15px}.editor-total>div{justify-content:space-between;padding:4px 0;font-size:9px;display:flex}.editor-total>div:last-child{border-top:1px solid #ffffff21;margin-top:6px;padding-top:11px;font-size:13px}.invoice-group{border-top:1px solid var(--line);padding:12px 0}.invoice-group>strong{color:var(--accent);font-size:9px}.invoice-group>div{justify-content:space-between;padding:7px 0;font-size:9px;display:flex}.invoice-group span small{color:var(--muted);margin-top:3px;font-size:7px;display:block}.supply-panel{margin-bottom:14px;overflow:hidden}.supply-row{border-top:1px solid var(--line);grid-template-columns:75px 1.4fr repeat(3,.7fr) 85px;align-items:center;gap:12px;padding:12px 18px;font-size:9px;display:grid}.supply-row>div strong,.supply-row>div small{display:block}.supply-row>div small{color:var(--muted);margin-bottom:3px;font-size:7px}.supply-modal{width:min(760px,100%)}.purchase-summary{background:#f7f6f2;border-radius:11px;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:15px;padding:13px;display:grid}.purchase-summary>div{background:var(--nav);color:#fff;border-radius:9px;padding:11px}.purchase-summary small,.purchase-summary strong{display:block}.purchase-summary small{opacity:.7;font-size:7px}.purchase-summary strong{margin-top:5px;font-size:15px}.purchase-summary label{color:var(--muted);font-size:8px}.purchase-summary input,.purchase-summary select{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;margin-top:5px;padding:9px;display:block}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.clickable-row{cursor:pointer;transition:background .18s}.clickable-row:hover{background:#faf6f1}.supply-payment-preview{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.supply-payment-preview span{color:#65716b;background:#edf3ef;border-radius:9px;justify-content:space-between;padding:10px 12px;font-size:8px;display:flex}.supply-payment-preview b{color:#234b3c}.supplier-modal{width:min(800px,100%)}.supplier-toolbar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:14px 18px;font-size:9px;display:flex}.supplier-list{max-height:560px;overflow:auto}.supplier-list article{border-top:1px solid var(--line);grid-template-columns:38px 1.5fr .7fr auto;align-items:center;gap:11px;padding:14px 18px;display:grid}.supplier-list article:first-child{border-top:0}.supplier-avatar,.supplier-editor-head>svg{width:36px;height:36px;color:var(--accent);background:#f4e8df;border-radius:10px;place-items:center;padding:8px;display:grid}.supplier-main strong,.supplier-main small,.supplier-totals>*{display:block}.supplier-main strong{font-size:10px}.supplier-main small{color:var(--muted);margin-top:3px;font-size:7px}.supplier-main>div{flex-wrap:wrap;gap:8px;margin-top:7px;display:flex}.supplier-main>div span{color:#6d7772;align-items:center;gap:3px;font-size:7px;display:inline-flex}.supplier-totals{text-align:left}.supplier-totals small,.supplier-totals em{color:var(--muted);font-size:7px;font-style:normal}.supplier-totals strong{margin:4px 0;font-size:10px}.supplier-actions{gap:5px;display:flex}.danger-icon{color:#a94e42;background:#f8e8e5;border:0;border-radius:7px;padding:7px}.danger-icon,.danger-btn{cursor:pointer}.danger-btn{color:#fff;font:inherit;background:#a94e42;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;display:inline-flex}.danger-btn:disabled{cursor:not-allowed;opacity:.55}.drawer-head-actions{align-items:center;gap:7px;display:flex}.delete-modal{text-align:center;width:min(430px,100%)}.delete-modal h2{margin:8px 0;font-family:Noto Kufi Arabic;font-size:18px}.delete-modal>p{color:var(--muted);margin:0 0 20px;font-size:10px;line-height:1.8}.delete-modal form{text-align:right}.delete-modal label{color:var(--muted);gap:7px;font-size:9px;display:grid}.delete-modal input{border:1px solid var(--line);direction:ltr;border-radius:9px;width:100%;padding:11px;font-size:13px}.delete-mark{color:#a94e42;background:#f8e8e5;border-radius:14px;place-items:center;width:48px;height:48px;margin:0 auto 13px;display:grid}.delete-error{color:#a43e34;margin-top:8px;font-size:9px}.danger-zone{background:snow;border-color:#edcbc6}.danger-zone .panel-head{margin-bottom:12px}.chart.empty-chart svg,.chart.empty-chart .chart-labels,.chart.empty-chart .grid-lines{visibility:hidden}.chart-empty-message{color:var(--muted);place-items:center;font-size:9px;display:grid;position:absolute;inset:0}.supplier-editor-head{align-items:center;gap:10px;margin:15px 18px 0;display:flex}.supplier-editor-head strong,.supplier-editor-head small{display:block}.supplier-editor-head strong{font-size:11px}.supplier-editor-head small{color:var(--muted);margin-top:4px;font-size:8px}.supplier-modal form>.form-grid{padding:15px 18px 0}.item-details-drawer{width:min(720px,100%)}.item-hero{color:#fff;background:#20352e;border-radius:13px;grid-template-columns:50px 1fr 1fr;align-items:center;gap:13px;margin-bottom:13px;padding:16px;display:grid}.item-box-icon{background:#b86736;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.item-hero small,.item-hero strong,.item-hero span{display:block}.item-hero small{color:#a9b9b3;font-size:7px}.item-hero strong{margin:4px 0;font-size:15px}.item-hero span{font-size:7px}.stock-alert-text{color:#f0a48e}.item-facts{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px;display:grid}.item-facts>div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px}.item-facts small,.item-facts strong{display:block}.item-facts small{color:var(--muted);font-size:7px}.item-facts strong{margin-top:5px;font-size:9px}.item-supplier{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:11px 12px;display:grid}.item-supplier>span{width:32px;height:32px;color:var(--accent);background:#f3e7dd;border-radius:9px;place-items:center;display:grid}.item-supplier strong,.item-supplier small{font-size:8px;display:block}.item-supplier small{color:var(--muted);margin-top:3px}.item-supplier>div:last-child small{align-items:center;gap:3px;display:flex}.item-supply-row{border-top:1px solid var(--line);grid-template-columns:1fr 65px 80px 85px 60px;align-items:center;gap:8px;padding:11px 12px;font-size:8px;display:grid}.item-supply-row strong,.item-supply-row small{display:block}.item-supply-row small{color:var(--muted);margin-top:3px;font-size:7px}.item-supply-row em{text-align:center;font-style:normal}.item-movement-row{border-top:1px solid var(--line);grid-template-columns:32px 1fr 40px 105px;align-items:center;gap:8px;padding:10px 12px;display:grid}.item-movement-row strong,.item-movement-row small{font-size:8px;display:block}.item-movement-row small{color:var(--muted);margin-top:3px;font-size:7px}.item-movement-row time{color:var(--muted);text-align:left;font-size:7px}@media (max-width:760px){.work-stages button span{display:none}.work-stages>i{margin:0 5px}.edit-line{grid-template-columns:18px 1fr 55px}.edit-line input:nth-of-type(3),.edit-line>b{grid-column:auto}.edit-line>b{display:none}.supply-row{grid-template-columns:65px 1fr 80px}.supply-row>div:nth-of-type(n+2){display:none}.purchase-summary{grid-template-columns:1fr}.completion-editor{padding:15px}.supplier-list article{grid-template-columns:34px 1fr auto}.supplier-totals{display:none}.item-facts{grid-template-columns:1fr 1fr}.item-supply-row{grid-template-columns:1fr 55px 55px}.item-supply-row>span:nth-of-type(2),.item-supply-row>b{display:none}.item-movement-row{grid-template-columns:32px 1fr 35px}.item-movement-row time{display:none}}.inventory-categories{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.inventory-categories button{gap:10px}.inventory-categories span{font-variant-numeric:tabular-nums;opacity:.8}.supply-category{gap:8px;margin:16px 0;display:grid}.attachments-panel{border:1px solid var(--line,#e5e0db);border-radius:12px;margin:16px 0;padding:18px}.attachments-panel p{color:var(--muted);font-size:12px;line-height:1.8}.attachment-toolbar,.attachment-login{flex-wrap:wrap;align-items:end;gap:12px;margin-top:12px;display:flex}.attachment-login p{flex-basis:100%}.attachment-toolbar label,.attachment-login label{gap:6px;font-size:12px;display:grid}.attachment-toolbar select{border:1px solid var(--line);background:var(--panel);min-height:40px;color:var(--ink);border-radius:8px;padding:6px 10px}.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:14px;margin-top:14px;display:grid}.attachment-grid .attachment-card{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--ink);border-radius:12px;flex-direction:column;text-decoration:none;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.attachment-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #18221f14}.attachment-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.attachment-thumbnail{aspect-ratio:4/3;background:var(--soft);border-bottom:1px solid var(--line);position:relative}.attachment-thumbnail img{object-fit:contain;padding:8px}.attachment-details{gap:7px;min-width:0;padding:12px;display:grid}.attachment-details .attachment-kind{font-size:12px;font-weight:600;line-height:1.6}.attachment-details .attachment-name{text-overflow:ellipsis;white-space:nowrap;text-align:start;min-width:0;color:var(--muted);font-size:11px;display:block;overflow:hidden}.attachment-details .attachment-open{color:var(--accent-dark);font-size:10px;line-height:1.8}.attachments-panel progress{width:100%}@media print{.attachments-panel{display:none!important}}@media (max-width:980px){.auth-page{grid-template-columns:minmax(360px,.82fr) minmax(420px,1.18fr)}.auth-story{padding:34px}.auth-hero-copy h1{font-size:clamp(36px,5vw,54px)}.auth-workshop-art{display:none}}@media (max-width:760px){.auth-page{background:linear-gradient(165deg,#17231f 0 32%,#f5f3ed 32% 100%);min-height:100svh;padding:20px;display:block}.auth-story{display:none}.auth-form-side{align-items:center;min-height:calc(100svh - 40px);padding:0}.auth-form-side:before{display:none}.auth-card{background:#fffffff7;border:1px solid #fff9;border-radius:20px;padding:26px 21px 22px;box-shadow:0 24px 60px #10191630}.auth-mobile-brand{margin-bottom:34px;display:block}.auth-mobile-brand .brand-lockup small{color:var(--muted)}.auth-card h2{font-size:25px}.auth-intro{margin-bottom:24px}}.reminder-login{gap:14px;max-width:620px;margin:48px auto;padding:24px;display:grid}.reminder-login label,.manual-reminder-form label{color:var(--muted);gap:7px;font-size:11px;display:grid}.reminder-panel{margin-top:18px;overflow:hidden}.template-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;padding:0 18px 18px;display:grid}.template-card{border:1px solid var(--line);background:#fffdfb;border-radius:12px;gap:12px;padding:14px;display:grid}.template-title,.template-delay,.order-reminder-action{align-items:center;gap:9px;display:flex}.template-title>input{flex:1;font-weight:700}.template-title label{white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.template-card textarea{resize:vertical;min-height:100px}.template-delay input{width:72px}.template-delay select{min-width:95px}.template-delay button{margin-inline-start:auto}.order-reminder-action{padding:0 18px 18px}.order-reminder-action select{flex:1}.manual-reminder-form{grid-template-columns:1fr 1fr;align-items:end;gap:12px;padding:0 18px 18px;display:grid}.manual-reminder-form .wide{grid-column:1/-1}.manual-reminder-form textarea{resize:vertical;min-height:88px}.reminder-list article{border-top:1px solid var(--line);grid-template-columns:90px 1fr auto;align-items:start;gap:14px;padding:15px 18px;display:grid}.reminder-list strong,.reminder-list small{display:block}.reminder-list small{color:var(--muted);margin-top:4px}.reminder-list p{margin:8px 0 0;font-size:10px;line-height:1.7}.reminder-list em{color:#a23c34;font-size:9px;font-style:normal}.reminder-actions{gap:7px;display:flex}.reminder-sent{color:#287344;background:#e4f4ea}.reminder-failed{color:#a23c34;background:#fbe8e6}.reminder-cancelled{color:#666;background:#efefef}@media (max-width:760px){.template-grid,.manual-reminder-form{grid-template-columns:1fr}.manual-reminder-form .wide{grid-column:auto}.order-reminder-action{flex-direction:column;align-items:stretch}.reminder-list article{grid-template-columns:70px 1fr}.reminder-actions{grid-column:2}}.maintenance-panel{background:#f7f8f3;border:1px solid #e0e5da;border-radius:13px;margin:18px 0;padding:18px}.maintenance-panel h3{align-items:center;gap:8px;margin:0 0 10px;font-size:14px;display:flex}.maintenance-panel p{color:#778173;font-size:12px;line-height:1.9}.maintenance-fields{align-items:end;gap:12px;margin-top:14px;display:flex}.maintenance-fields label{flex:1;gap:7px;font-size:12px;display:grid}.maintenance-fields input{width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #dce1d5;border-radius:8px;padding:11px}.maintenance-fields input:disabled{color:#66705e;background:#eef1e9}.maintenance-record{border-top:1px solid #e2e7dc;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.maintenance-record strong,.maintenance-record small{margin-bottom:7px;display:block}.maintenance-record small{color:#778173}.maintenance-actions{flex-wrap:wrap;gap:8px;display:flex}.maintenance-filter{align-items:center;gap:10px;margin:15px 0;font-size:13px;display:flex}.maintenance-filter input{accent-color:#a66936;width:17px;height:17px}.maintenance-due-card{background:#fffbf2!important;border-color:#d69a50!important}:is(.customer-card:has(.maintenance-due-details),.customer-card:has(.maintenance-unsynced)){flex-wrap:wrap}.maintenance-due-details{border-top:1px solid #eedfc4;flex-basis:100%;grid-column:1/-1;width:100%;padding-top:12px}.maintenance-due-details>div{flex-wrap:wrap;align-items:center;gap:12px;padding-top:10px;display:flex}.maintenance-due-details>div span{color:#8b775b;font-size:12px}.maintenance-unsynced{color:#a06d37;flex-basis:100%;grid-column:1/-1;font-size:12px}@media (max-width:700px){.maintenance-fields,.maintenance-record{flex-direction:column;align-items:stretch}.maintenance-panel .panel-head{flex-wrap:wrap}}