@font-face{font-family:LocalArabic;src:local("Segoe UI");font-display:swap}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f5f7f9;color:#21313e;font-family:LocalArabic,"Tahoma",sans-serif;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #63c8c3;outline-offset:3px}button svg,a svg{pointer-events:none}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1{font-size:27px;font-weight:750;letter-spacing:-.8px}h2{font-size:18px;font-weight:700}h3{font-size:15px}small,.muted{color:#7d8994}small{font-size:12px}.ltr,[dir=ltr]{direction:ltr;unicode-bidi:isolate}bdi{unicode-bidi:isolate}.skip-link{position:fixed;top:-60px;right:20px;padding:10px;background:#fff;z-index:200}.skip-link:focus{top:10px}.initial-loader{height:100vh;display:flex;align-items:center;justify-content:center;gap:14px}.spinner{width:22px;height:22px;display:inline-block;border:2px solid #cce8e6;border-top-color:#21a39e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;padding-right:238px}.sidebar{position:fixed;right:0;top:0;bottom:0;width:238px;background:#fff;border-left:1px solid #e6ebef;padding:25px 18px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:12px;align-items:center;padding:0 12px 23px;border-bottom:1px solid #edf0f3}.brand img{width:54px;height:54px;object-fit:contain}.brand strong{display:block;font-size:24px;line-height:1.2;letter-spacing:-1px}.brand small{font-size:10px;font-weight:600;letter-spacing:.6px;color:#8a959d}.nav-label{font-size:10px;letter-spacing:1px;font-weight:700;color:#a1aab2;margin:28px 14px 11px}.nav-list{display:grid;gap:6px}.nav-link{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:9px;font-weight:600;color:#73808c;transition:background .15s,color .15s}.nav-link:hover{background:#f3f7f8;color:#247f7b}.nav-link.active{background:#e7f5f3;color:#168c87;box-shadow:inset -3px 0 #21a39e}.nav-link.active svg{stroke-width:2}.nav-count{margin-right:auto;font-size:11px;background:#fff;padding:0 7px;border-radius:5px}.sidebar-bottom{margin-top:auto;padding-top:30px}.environment{display:flex;gap:9px;align-items:flex-start;padding:13px 12px;background:#f7fafb;border:1px solid #edf0f3;border-radius:10px;font-size:12px}.environment .dot{margin-top:7px}.dot{width:7px;height:7px;background:#21a39e;border-radius:50%;display:inline-block;flex-shrink:0}.environment small{display:block;font-size:10px}.sidebar-version{margin:17px 12px 0;color:#a5aeb5;font-size:10px}.topbar{height:80px;padding:0 36px;background:rgba(255,255,255,.96);border-bottom:1px solid #e8edf0;display:flex;align-items:center;gap:20px}.breadcrumb{font-size:12px;color:#87939d;display:flex;align-items:center;gap:12px}.breadcrumb strong{font-weight:500;color:#374b5b}.top-actions{margin-right:auto;display:flex;align-items:center;gap:16px}.top-date{font-size:11px;color:#8b959f}.top-divider{width:1px;height:28px;background:#e8edf0}.user-chip{display:flex;gap:9px;align-items:center;text-align:right;border:0;background:none;padding:0}.avatar{height:36px;width:36px;border-radius:11px;display:grid;place-items:center;background:#e9f4f2;color:#168b86;font-size:13px;font-weight:750}.user-chip strong{display:block;font-size:12px;line-height:1.5}.user-chip small{font-size:10px;display:block}.icon-button{background:#fff;border:1px solid #e5ebef;border-radius:9px;height:36px;width:36px;display:grid;place-items:center;color:#788893;padding:0}.icon-button:hover{background:#f4f8fa;color:#1a8f89}.mobile-toggle{display:none}.main{padding:29px 36px 48px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px}.page-heading .overline{display:flex;align-items:center;gap:7px;font-size:11px;color:#178d88;margin-bottom:4px;font-weight:650}.page-heading p{font-size:12px;color:#87929b;margin-top:4px}.button-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.button{border:1px solid #dfe6eb;background:white;color:#495d6b;border-radius:8px;padding:9px 15px;font-size:12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;transition:background .15s,transform .15s}.button:hover{background:#f4f8f9}.button.primary{background:#21a39e;border-color:#21a39e;color:#fff;box-shadow:0 4px 10px #21a39e1c}.button.primary:hover{background:#178e89;border-color:#178e89}.button.soft{background:#eef8f7;border-color:#d6eeeb;color:#188c87}.button.danger{color:#b34040;border-color:#f1dbdb}.button.small{min-height:31px;font-size:11px;padding:5px 10px}.button .icon{width:17px;height:17px}.text-link{font-size:12px;color:#15928c;font-weight:650;display:inline-flex;align-items:center;gap:4px;background:none;border:0}.text-link .icon{width:15px;height:15px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat{background:#fff;border:1px solid #e5ebef;border-radius:12px;padding:18px 20px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:7px}.stat-label{font-size:12px;color:#778591;font-weight:600}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e9f6f4;color:#23a39b}.stat.blue .stat-icon{background:#edf3fd;color:#6b91d0}.stat.amber .stat-icon{background:#fff5e6;color:#dba64c}.stat.violet .stat-icon{background:#f2eefc;color:#9b85c7}.stat-number{font-size:34px;font-weight:700;line-height:1.45;font-variant-numeric:tabular-nums;letter-spacing:-1px;margin:5px 0 6px;direction:ltr;text-align:right}.stat-foot{font-size:10px;color:#9aa4ac;display:flex;align-items:center;gap:6px}.stat-foot .tiny-dot{height:5px;width:5px;border-radius:100%;background:#b5bfca}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.panel{background:white;border:1px solid #e5ebef;border-radius:12px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border-bottom:1px solid #edf0f3;gap:12px}.panel-head h2{font-size:15px}.panel-head p{font-size:10px;color:#929ca5;margin-top:2px}.panel-body{padding:21px}.panel + .panel{margin-top:20px}.work-row{padding:16px 21px;border-bottom:1px solid #edf1f4;display:flex;align-items:center;gap:12px;transition:background .15s}.work-row:last-child{border-bottom:0}.work-row:hover{background:#fbfcfd}.device-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#f4f7f9;color:#85939f;flex-shrink:0}.work-main{min-width:0;flex:1}.work-main strong{font-size:12px;font-weight:650;display:block}.work-main small{font-size:10px}.ticket-number{font-size:10px;color:#8d9ba7;display:inline-block;direction:ltr;font-variant-numeric:tabular-nums}.work-side{text-align:left;display:grid;justify-items:end;gap:5px}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:3px 8px;border-radius:5px;background:#f0f3f6;color:#7d8995;font-size:10px;font-weight:650}.badge::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.badge.teal{color:#248d80;background:#eaf7f2}.badge.blue{color:#658fc0;background:#edf4fc}.badge.amber{color:#c9943a;background:#fff6e6}.badge.red{color:#bd6262;background:#fff0ef}.badge.violet{color:#9079bc;background:#f4f0fb}.quick-action{border:0;border-bottom:1px solid #edf0f3;background:#fff;display:flex;align-items:center;gap:12px;text-align:right;width:100%;padding:14px 19px}.quick-action:hover{background:#f8fbfb}.quick-action:last-child{border-bottom:0}.quick-icon{width:34px;height:34px;background:#edf8f6;color:#269c93;border-radius:9px;display:grid;place-items:center}.quick-action strong{font-size:12px;display:block}.quick-action small{font-size:10px}.quick-action>.icon{margin-right:auto;width:15px;color:#9aa6af}.review-card{margin-top:20px;padding:21px;border:1px solid #d6eeea;border-radius:12px;background:linear-gradient(125deg,#edf8f5,#f6fbf9);position:relative;overflow:hidden}.review-card>.icon{width:25px;height:25px;color:#45aa9f;margin-bottom:10px}.review-card h3{font-size:13px;color:#347c71}.review-card p{font-size:11px;color:#73968e;line-height:1.9;margin-top:7px}.section-stack{display:grid;gap:22px}.section-stack .panel{margin:0}.mini-order{padding:15px 21px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf0f3}.mini-order:last-child{border-bottom:0}.mini-order .work-main strong{font-size:12px}.page-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#a2adb6;padding-top:28px}.filters{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #edf0f3;flex-wrap:wrap}.search{position:relative;flex:1;min-width:180px}.search>.icon{position:absolute;right:13px;top:12px;color:#9aa7b1;width:17px;height:17px}.search input{padding-right:39px!important}.filters input,.filters select{width:auto;min-height:39px}.filters .search input{width:100%;min-width:200px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:12px}th{font-weight:550;color:#93a0ac;background:#fbfcfd;font-size:10px;white-space:nowrap;padding:11px 19px;border-bottom:1px solid #edf0f3}td{padding:15px 19px;border-bottom:1px solid #edf0f3;vertical-align:middle}tbody tr:last-child td{border:0}tbody tr:hover{background:#fbfdfd}td strong{display:block;font-size:12px;font-weight:650}td small{font-size:10px;display:block}.table-row-link{color:#15968e}.empty{padding:45px 25px;text-align:center;color:#8b98a3}.empty>.icon{width:34px;height:34px;color:#afc6cc;margin-bottom:10px}.empty h3{font-size:14px;color:#5b7180}.empty p{font-size:12px;margin-top:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label,.label{font-size:12px;font-weight:650;color:#4b6070}.field .hint{font-size:10px;color:#91a0ad;line-height:1.7}.required{color:#21a39e}.full{grid-column:1/-1}.field input,.field select,.field textarea,.filters input,.filters select,.scanner-input{border:1px solid #dfe7ec;background:#fff;border-radius:8px;padding:9px 12px;color:#314b5c;min-height:41px;width:100%;outline:none;transition:border .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:84px;line-height:1.8}.field input:focus,.field select:focus,.field textarea:focus,.filters input:focus,.filters select:focus{border-color:#5bbdb6;box-shadow:0 0 0 3px #21a39e10}.field input::placeholder,.field textarea::placeholder,.filters input::placeholder{color:#b0bac1;font-size:11px}.field input:read-only{background:#f5f8fa;color:#788894}.form-section{background:white;border:1px solid #e4ebef;border-radius:12px;overflow:hidden;margin-bottom:20px}.form-section-title{padding:17px 22px;border-bottom:1px solid #edf1f4;display:flex;align-items:center;gap:11px}.section-number{width:27px;height:27px;border-radius:8px;background:#eaf7f4;color:#22988e;display:grid;place-items:center;font-size:12px;font-weight:700}.form-section-title h2{font-size:14px}.form-section-title small{font-size:10px;margin-right:auto}.form-section>.form-grid,.form-section>.form-content{padding:22px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.form-aside{position:sticky;top:20px}.note{background:#f4f8fa;border:1px solid #e5ecf0;color:#738895;font-size:11px;padding:12px 15px;border-radius:8px;line-height:1.9}.note.teal{background:#edf8f5;color:#4e8c80;border-color:#d8ede7}.note.amber{background:#fff9ee;color:#ae8947;border-color:#f4e8ce}.note+.note{margin-top:12px}.form-actions{padding:17px 22px;display:flex;gap:10px;justify-content:flex-start;border-top:1px solid #edf0f3;background:#fbfcfd}.form-error{display:none;background:#fff0ef;color:#ad4747;padding:11px 14px;border:1px solid #f3d9d6;border-radius:8px;font-size:12px;line-height:1.8;margin-bottom:16px}.form-error:not(:empty){display:block}.field-action{display:flex;gap:8px;align-items:end}.field-action input{flex:1;min-width:0}.check-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#6f8491;cursor:pointer;margin-top:4px}.check-label input{width:15px;height:15px;accent-color:#21a39e;min-height:auto}.lookup-result{display:none;margin-top:12px}.lookup-result:not(:empty){display:block}.customer-choice{border:1px solid #cae8e1;background:#f0faf6;border-radius:7px;padding:9px 12px;text-align:right;color:#3d8879;display:block;width:100%;margin-top:6px;font-size:12px}.customer-choice small{display:block}.device-picker{border:1px dashed #bddfd9;background:#f9fcfb;padding:15px;border-radius:8px;margin-bottom:15px}.device-picker h3{font-size:12px;color:#46796f;margin-bottom:6px}.device-picker p{font-size:11px;color:#819b93}.device-picker .button{margin-top:10px}.details-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.details-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fact small{display:block;font-size:10px;margin-bottom:4px}.fact p{font-size:12px;color:#354d5e;overflow-wrap:anywhere;white-space:pre-wrap}.fact.full{grid-column:1/-1}.ticket-header{padding:21px;display:flex;gap:15px;align-items:center}.ticket-header .device-icon{width:52px;height:52px}.ticket-header h2{font-size:17px}.ticket-header p{font-size:11px;color:#8c9aa5}.ticket-header .badge{margin-right:auto}.photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.photo{aspect-ratio:4/3;border:1px solid #e3eaed;border-radius:9px;overflow:hidden;display:block;background:#f7f9fa}.photo img{height:100%;width:100%;object-fit:cover}.upload-zone{border:1px dashed #bcd7d4;border-radius:9px;background:#f8fcfb;padding:19px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;cursor:pointer;color:#4f8d83;font-size:12px}.upload-zone .icon{width:25px;height:25px}.upload-zone small{font-size:10px;display:block;color:#8ea8a0}.timeline{padding:6px 0}.timeline-item{position:relative;padding-right:22px;padding-bottom:20px;border-right:1px solid #e2eeea;margin-right:5px}.timeline-item:last-child{padding-bottom:0;border-right-color:transparent}.timeline-item::before{content:"";position:absolute;right:-4px;top:7px;width:7px;height:7px;border-radius:50%;background:#b4d6cf;border:2px solid white;box-sizing:content-box}.timeline-item:first-child::before{background:#21a39e}.timeline-item p{font-size:11px;color:#5b7381}.timeline-item small{font-size:9px}.info-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.info-list li{display:flex;justify-content:space-between;font-size:11px;gap:12px}.info-list li span{color:#91a0a9}.info-list li strong{font-weight:600}.money-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.money-cell{padding:12px;background:#f7fafb;border-radius:8px}.money-cell small{font-size:9px;display:block}.money-cell strong{font-size:13px;font-variant-numeric:tabular-nums}.private-note{color:#8e789f;font-size:10px;display:flex;align-items:center;gap:5px}.private-note .icon{width:13px;height:13px}.private-box{border:1px solid #e7dff0;border-radius:9px;background:#faf8fc;padding:13px;margin-top:14px}.order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.order-card{background:white;border:1px solid #e5ebef;border-radius:12px;padding:20px}.order-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.order-card h3{font-size:15px}.order-card>p{font-size:11px;color:#8c9ba7;margin-top:3px}.order-card-footer{margin-top:16px;padding-top:14px;border-top:1px solid #edf0f3;display:flex;justify-content:space-between;align-items:center;gap:8px}.order-card-footer small{font-size:10px}.order-card .money-grid{margin-bottom:0}.inventory-qty{display:inline-flex;min-width:28px;justify-content:center;padding:2px 7px;border-radius:5px;background:#f0f7f4;color:#478e77;font-weight:700}.inventory-qty.low{background:#fff4e5;color:#c59645}.error-page{text-align:center;padding:65px 20px}.error-page h2{margin:13px 0 8px}.error-page p{color:#8394a1;font-size:13px;margin-bottom:20px}.offline-banner{padding:9px 20px;background:#fff3d9;color:#9f782f;text-align:center;font-size:11px}.permissions-table td{vertical-align:middle}.permissions-table label{display:inline-flex;align-items:center;gap:8px}.permissions-table input{accent-color:#21a39e;width:17px;height:17px}.permissions-table th{white-space:normal;min-width:85px}.permissions-table th:first-child{min-width:140px}.permissions-table .button{white-space:nowrap}.password-form{max-width:430px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-brand-panel{background:#e9f6f3;padding:65px 70px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-left:1px solid #d8eeea}.login-brand-panel::before,.login-brand-panel::after{content:"";position:absolute;width:440px;height:440px;border:1px solid #b6dcd64d;border-radius:50%;left:-130px;bottom:-150px}.login-brand-panel::after{width:570px;height:570px;left:-195px;bottom:-215px}.login-brand{display:flex;align-items:center;gap:15px}.login-brand img{width:75px;height:75px;object-fit:contain}.login-brand strong{font-size:32px;line-height:1.3;display:block;color:#265f59}.login-brand small{color:#69968d;font-size:12px}.login-intro{margin:auto 0;position:relative;z-index:1;padding:60px 0}.login-intro .overline{font-size:11px;letter-spacing:2px;color:#5b9a8f;margin-bottom:20px}.login-intro h1{font-size:42px;line-height:1.55;color:#23594f;font-weight:700;letter-spacing:-1.4px}.login-intro p{font-size:14px;color:#70978e;line-height:2;max-width:340px;margin-top:20px}.login-features{display:flex;gap:28px;margin-top:38px;flex-wrap:wrap}.login-feature{font-size:11px;color:#5d8c81;display:flex;gap:8px;align-items:center}.login-feature .icon{width:18px;height:18px}.login-brand-panel>small{font-size:11px;color:#8ab0a6;z-index:1}.login-form-panel{padding:60px;display:flex;align-items:center;justify-content:center}.login-form-wrap{width:100%;max-width:350px}.login-eyebrow{font-size:11px;color:#159b90;display:flex;align-items:center;gap:7px;margin-bottom:11px}.login-form-wrap h2{font-size:26px;letter-spacing:-.6px}.login-form-wrap>p{font-size:12px;color:#94a1ab;margin:7px 0 30px}.login-form-wrap .field{margin-bottom:18px}.login-form-wrap .button.primary{width:100%;margin-top:8px;min-height:44px}.login-helper{margin-top:25px;color:#a0aab3;font-size:11px;text-align:center}.login-helper .icon{width:13px;height:13px;vertical-align:middle;margin-left:4px}.login-local-note{margin-top:35px;font-size:10px;line-height:1.9;color:#98a6af;border-top:1px solid #eef1f3;padding-top:19px}.login-mark{width:45px;height:45px;background:#edf8f6;color:#279c90;display:grid;place-items:center;border-radius:12px;margin-bottom:24px}.notifications{position:fixed;bottom:25px;left:25px;z-index:150;display:grid;gap:9px;max-width:380px}.toast{display:flex;align-items:start;gap:10px;background:#fff;border:1px solid #cae3d9;box-shadow:0 8px 35px #203d5220;border-radius:10px;padding:14px 18px;font-size:12px;color:#367d66;animation:toast-in .2s ease}.toast.error{border-color:#edcfc9;color:#af5a4a}.toast .icon{width:18px;height:18px;margin-top:2px}@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}dialog{border:1px solid #e0e9ed;border-radius:15px;padding:0;width:min(650px,calc(100vw - 30px));max-height:90vh;background:#fff;color:#2b4050;box-shadow:0 25px 80px #152c3e33}dialog::backdrop{background:#1b34476b;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border-bottom:1px solid #edf1f4;position:sticky;top:0;background:white;z-index:2}.dialog-head h2{font-size:18px}.dialog-body{padding:23px}.dialog-body .form-actions{margin:22px -23px -23px;border-radius:0 0 15px 15px}.scanner-video{width:100%;max-height:300px;background:#172a33;border-radius:9px;object-fit:cover;margin-top:14px}.scanner-status{margin-top:10px;font-size:12px;color:#78928c}.hidden{display:none!important}.mobile-overlay{display:none}.file-input{width:100%;font-size:11px;color:#688878}.file-input::file-selector-button{border:1px solid #d5e8e3;background:#f3faf7;border-radius:7px;padding:9px 14px;margin-left:12px;color:#338c78;font:inherit;cursor:pointer}.divider{height:1px;background:#e9eef1;margin:18px 0}.inline-status{font-size:11px;color:#8d9ca7}.stock-history td{padding:10px 9px}.muted-empty{padding:15px;text-align:center;color:#9aa7af;font-size:11px}.stack-gap{display:grid;gap:14px}.chart-bars{display:flex;align-items:end;gap:9px;height:68px;margin:20px 0 8px}.chart-bars i{width:100%;height:var(--h);background:#bfe5de;border-radius:4px 4px 0 0}.chart-bars i:last-child{background:#30a89b}.dashboard-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#91a69f;margin-top:13px}
@media(min-width:1600px){.main{padding-top:35px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 340px}.sidebar{width:255px}.app-shell{padding-right:255px}}
@media(max-width:1200px){.app-shell{padding-right:210px}.sidebar{width:210px;padding-inline:12px}.main{padding:25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 255px}.stat{padding:15px}.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-layout,.details-grid{grid-template-columns:minmax(0,1fr) 265px}.top-date{display:none}.login-brand-panel{padding:45px}.login-intro h1{font-size:35px}}
@media(max-width:1000px){.stats-grid{gap:11px}.stat-label{font-size:10px}.stat-icon{width:30px;height:30px}.stat-number{font-size:30px}.dashboard-grid{grid-template-columns:1fr}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.dashboard-aside .review-card{margin:0}.form-layout,.details-grid{grid-template-columns:1fr}.form-aside{position:static}.details-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.details-aside>.panel{margin:0}.page-heading{align-items:start}.page-heading h1{font-size:24px}.button-row{justify-content:flex-end}.login-brand-panel{padding:35px}.login-form-panel{padding:40px}.login-intro h1{font-size:31px}.login-features{gap:16px}}
@media(max-width:760px){.app-shell{padding-right:0}.sidebar{transform:translateX(100%);width:244px;transition:transform .2s}.app-shell.menu-open .sidebar{transform:none}.mobile-overlay{position:fixed;inset:0;background:#2038475c;z-index:29;border:0}.app-shell.menu-open .mobile-overlay{display:block}.mobile-toggle{display:grid}.topbar{height:66px;padding:0 18px;gap:12px}.breadcrumb{font-size:11px}.breadcrumb>span{display:none}.top-actions{gap:10px}.user-chip strong{font-size:11px}.user-chip small{font-size:9px}.avatar{width:32px;height:32px}.top-divider{display:none}.main{padding:22px 18px 35px}.page-heading{gap:12px;margin-bottom:20px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.page-heading .overline{font-size:10px}.page-heading .button{font-size:10px;padding:8px 10px;min-height:35px}.page-heading .button .icon{width:15px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:14px 16px}.stat-label{font-size:11px}.stat-number{font-size:30px}.stat-foot{font-size:9px}.dashboard-aside{grid-template-columns:1fr 1fr}.work-row{padding:14px 16px;gap:10px}.work-main strong{font-size:11px}.work-main small{font-size:9px}.badge{font-size:9px}.panel-head{padding:16px}.panel-body{padding:17px}.form-grid,.form-grid.three{gap:15px}.form-section>.form-grid,.form-section>.form-content{padding:18px}.form-section-title{padding:16px 18px}.form-section-title small{display:none}.details-aside{grid-template-columns:1fr}.order-grid{gap:13px}.order-card{padding:16px}.order-card h3{font-size:14px}.money-cell{padding:9px}.money-cell strong{font-size:12px}.page-footer{font-size:9px;display:grid;gap:5px}.login-page{grid-template-columns:1fr}.login-brand-panel{padding:25px 30px;border:none;min-height:220px}.login-brand img{width:54px;height:54px}.login-brand strong{font-size:25px}.login-brand small{font-size:10px}.login-intro{padding:25px 0 0}.login-intro .overline,.login-intro p,.login-features,.login-brand-panel>small{display:none}.login-intro h1{font-size:25px;max-width:330px}.login-intro h1 br{display:none}.login-form-panel{padding:32px 30px 45px}.login-mark{display:none}.login-form-wrap>p{margin-bottom:24px}.login-local-note{margin-top:23px}.notifications{left:15px;right:15px;bottom:15px;max-width:none}.filters{padding:13px}.dialog-body{padding:20px}.dialog-body .form-actions{margin:20px -20px -20px}}
@media(max-width:480px){.page-heading{flex-wrap:wrap}.page-heading>.button-row{width:100%;justify-content:flex-start}.page-heading .button{font-size:11px}.dashboard-aside{grid-template-columns:1fr}.dashboard-aside .review-card{display:block}.order-grid{grid-template-columns:1fr}.form-grid,.form-grid.three{grid-template-columns:1fr}.work-row{gap:9px}.work-main strong{max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-side{max-width:100px}.device-icon{width:34px;height:34px}.details-facts{gap:17px}.ticket-header{padding:18px;flex-wrap:wrap}.ticket-header .badge{margin-right:0}.photos-grid{grid-template-columns:repeat(2,1fr)}.top-actions>.icon-button{display:none}.panel-head h2{font-size:14px}.breadcrumb{display:none}.form-actions{padding:15px 18px;flex-wrap:wrap}.form-actions .button{flex:1}.stat-foot{min-height:18px}.login-form-wrap h2{font-size:24px}.login-form-panel{padding:28px 25px}.login-brand-panel{padding:25px;min-height:208px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Readable operational text and sufficient contrast; the original brand teal remains the accent. */
.toast-close{border:0;background:none;color:inherit;padding:0;margin-right:auto;display:flex;opacity:.7}.toast-close .icon{width:16px;height:16px}.toast-close:hover{opacity:1}
.button.primary{background:#147e79;border-color:#147e79}.button.primary:hover{background:#106b67;border-color:#106b67}
.muted,small{color:#657785}.page-heading p,.stat-label,.stat-foot,.work-main small,.ticket-number,.top-date,.breadcrumb,.panel-head p,.page-footer,.inline-status,.login-form-wrap>p,.login-helper,.login-local-note{color:#657785}
.field .hint,.form-section-title small,.fact small,.info-list li span,.money-cell small,.timeline-item small,.upload-zone small,.device-picker p{color:#657785}
.badge{color:#526674;background:#edf1f4}.badge.teal{color:#26745f;background:#eaf7f2}.badge.blue{color:#376c9c;background:#edf4fc}.badge.amber{color:#876017;background:#fff5df}.badge.red{color:#a54848;background:#fff0ef}.badge.violet{color:#77539f;background:#f4f0fb}
th{color:#5f7483}.stat-foot,.stat-label,.work-main small,.ticket-number,.badge,th,td small,.field .hint,.form-section-title small,.fact small,.money-cell small,.info-list li,.timeline-item small,.note,.check-label,.upload-zone small,.device-picker p,.panel-head p,.quick-action small,.order-card>p,.order-card-footer small,.form-error,.private-note,.file-input,.inline-status,.scanner-status,.page-footer,.environment small,.login-local-note{font-size:12px}
.button,.button.small,.field>label,.label,.text-link,.quick-action strong{font-size:13px}.button{min-height:42px}.button.small{min-height:36px}.work-main strong,.work-main small,.nav-link,.info-list li,.fact p,.timeline-item p,td,.stat-label,.page-heading p,.form-section-title h2{font-size:13px}
.work-row>.icon{width:15px;color:#8c9ba7}.work-row{gap:12px}.work-main small{line-height:1.8}.stat-foot{line-height:1.6;min-height:20px}.review-card p,.review-card h3{color:#386e61}.review-card p{font-size:12px}.dashboard-note{font-size:11px;color:#497c70}.note.teal{color:#386f61}.note.amber{color:#89651f}.text-link,.nav-link.active{color:#157871}.stat-number{font-size:34px}.field input::placeholder,.field textarea::placeholder,.filters input::placeholder{color:#738590;font-size:12px}
.top-date,.breadcrumb,.user-chip small,.login-helper{font-size:12px}.user-chip strong{font-size:13px}.environment{font-size:13px}.money-cell strong{font-size:14px}.stat{padding-bottom:17px}.topbar{height:82px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px}.brand small{font-size:11px}.field-action>.field{flex:1}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.top-date{display:none}.work-main small{font-size:12px}.stat-label{font-size:12px}.stat-foot{font-size:11px}}
@media(max-width:760px){.topbar{height:70px}.main{padding-top:24px}.field input,.field select,.field textarea,.filters input,.filters select,.scanner-input{font-size:16px;min-height:46px}.button,.button.small,.page-heading .button{min-height:42px;font-size:13px}.icon-button{height:42px;width:42px}.work-main strong,.work-main small,.badge,.stat-label,.stat-foot,.panel-head p,.page-footer,.page-heading p{font-size:12px}.work-side{max-width:130px}.badge{white-space:normal}.user-chip small{font-size:11px}.top-actions{gap:8px}.topbar{padding-inline:15px}.stat-number{font-size:32px}.stat-top{align-items:start}.stat-label{line-height:1.8}.button-row{gap:8px}.field .hint,.check-label{font-size:12px}.money-cell small{font-size:12px}.order-card>p,.order-card-footer small{font-size:12px}.login-helper,.login-local-note{font-size:12px}.login-form-wrap>p{font-size:13px}}
@media(max-width:480px){.work-main strong{max-width:145px}.work-main small{font-size:11px}.badge{font-size:11px}.work-side{max-width:105px}.stat-foot{font-size:11px}.stat{padding:14px}.stat-icon{width:28px;height:28px}.stats-grid{gap:10px}.page-heading h1{font-size:24px}.user-chip strong{font-size:12px}.page-heading .overline{font-size:12px}.login-form-wrap h2{font-size:26px}.ticket-header h2{font-size:17px}}
.import-steps{list-style:none;display:flex;gap:28px;margin:0 0 22px;padding:0;flex-wrap:wrap}.import-steps li{display:flex;gap:9px;align-items:center;color:#718491;font-size:13px}.import-steps li>span{width:29px;height:29px;display:grid;place-items:center;background:#e8edf0;border-radius:50%;font-size:12px}.import-steps li.current{color:#147e79;font-weight:700}.import-steps li.current>span{background:#147e79;color:white}.import-steps li.complete>span{background:#e3f4ed;color:#26745f}.import-steps .icon{width:15px;height:15px}.import-file-zone{padding:26px 22px;border:1px dashed #a7cbc5;border-radius:10px;background:#f8fcfb;display:flex;gap:18px;align-items:center}.import-file-zone>.field{flex:1;min-width:0}.import-file-icon{width:48px;height:48px;border-radius:12px;background:#e5f5ef;display:grid;place-items:center;color:#147e79;flex-shrink:0}.import-mapping{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}.import-source th,.import-source td{max-width:230px;min-width:120px;overflow-wrap:anywhere}.import-source th:first-child,.import-source td:first-child{min-width:70px}.import-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.import-summary>div{padding:16px;background:#f4f8fa;border:1px solid #e5edf0;border-radius:9px}.import-summary small{display:block}.import-summary strong{display:block;font-size:26px;color:#315b64;margin-top:5px}.import-summary .has-errors{background:#fff5ee;border-color:#f2dfcf}.import-summary .has-errors strong{color:#a45e34}.import-table-controls{display:flex;align-items:center;gap:18px;padding:14px 21px;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}.import-table-controls>small{margin-right:auto}.import-preview-table td{max-width:250px;min-width:80px;overflow-wrap:anywhere}.import-preview-table td:last-child{min-width:180px}.import-error-row{background:#fffaf6}.import-row-errors{padding-right:15px;margin:0;color:#985c34;font-size:12px;line-height:1.8}.import-pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px;border-bottom:1px solid #edf0f3}.import-pagination>span{font-size:12px;color:#657785}.import-confirm{align-items:flex-start;line-height:2;font-size:13px}.import-confirm input{margin-top:6px;flex-shrink:0}.import-expiry{display:block;margin-top:13px}.import-success{text-align:center;padding:35px 25px}.import-success-icon{display:grid;place-items:center;margin:0 auto 15px;width:58px;height:58px;border-radius:50%;background:#e5f5ef;color:#147e79}.import-success-icon>.icon{width:29px;height:29px}.import-success>p{margin:10px 0;color:#4e6e78}.import-success>.note{max-width:600px;margin:20px auto}.import-success>.button-row{justify-content:center}
.import-preview-table{max-height:560px;overflow:auto}.import-preview-table th{position:sticky;top:0;z-index:1}
@media(max-width:1000px){.import-mapping{grid-template-columns:repeat(2,minmax(0,1fr))}.import-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.import-steps{gap:10px;justify-content:space-between}.import-steps li{font-size:11px;gap:5px}.import-steps li>span{width:24px;height:24px}.import-mapping{grid-template-columns:1fr}.import-file-zone{padding:19px 15px;display:block}.import-file-icon{margin-bottom:15px}.import-summary{gap:10px}.import-summary>div{padding:13px}.import-summary small{font-size:11px}.import-summary strong{font-size:23px}.import-table-controls{flex-wrap:wrap;gap:9px;padding:13px 16px}.import-table-controls>h3{width:100%}.import-file-zone .file-input{font-size:12px}.import-confirm{font-size:12px}}
@media print{.sidebar,.topbar,.button,.notifications,.page-footer{display:none!important}.app-shell{padding:0}.main{padding:0}.panel{box-shadow:none}body{background:white}}

/* Phone workspace: one visible stock record, persistent navigation, and photo review. */
.mobile-nav,.mobile-label{display:none}.phone-preview-banner{padding:10px 20px;background:#fff3d3;border-block:1px solid #e8ce8d;color:#715117;display:flex;align-items:center;justify-content:center;gap:16px;text-align:center;font-size:12px}.phone-preview-banner span{font-size:11px}.stock-name strong{overflow-wrap:anywhere}.photo-help{font-size:12px;color:#657d89;line-height:1.9;margin-bottom:12px}.photo-choose{display:flex;gap:10px;margin-bottom:13px;flex-wrap:wrap}.photo-picker{position:relative;overflow:hidden;cursor:pointer}.photo-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-picker:focus-within{outline:3px solid #63c8c3;outline-offset:3px}.selected-photos{display:grid;gap:10px}.selected-photo{display:flex;align-items:center;gap:11px;padding:10px;background:#f7fafb;border:1px solid #e2ebed;border-radius:10px;min-width:0}.selected-photo>img{width:64px;height:64px;object-fit:cover;border-radius:6px;background:#e7edee}.selected-photo>div{min-width:0;flex:1}.selected-photo strong{display:block;font-size:12px;overflow-wrap:anywhere;direction:ltr;text-align:right}.selected-photo small{display:block;font-size:11px}.selected-photo .icon-button{flex:none}.upload-progress{border:1px solid #cfddd9;border-radius:10px;padding:15px;margin-bottom:18px;background:#f7fbfa}.upload-progress>p{font-size:12px;margin-top:6px}.upload-progress ul{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}.upload-progress li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding-block:8px;border-top:1px solid #e1ebe8;font-size:12px}.upload-progress li>span{overflow-wrap:anywhere;min-width:0;flex:1;direction:ltr;text-align:right}.upload-progress li strong{font-size:11px;color:#697f8b}.upload-progress li.done strong{color:#267d61}.upload-progress li.failed strong,.upload-progress li.failed small{color:#a24235}.upload-progress li small{width:100%;overflow-wrap:anywhere}.upload-progress>small{display:block;margin-top:10px;line-height:1.8}.upload-progress .button{margin-top:5px}
@media(max-width:760px){
 html{scroll-padding-bottom:110px}body{overscroll-behavior-y:contain}.app-shell{min-height:100dvh}.main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.topbar{padding-top:env(safe-area-inset-top);height:calc(70px + env(safe-area-inset-top))}.top-actions>.icon-button{display:grid}.button,.button.small,.page-heading .button,.icon-button,.text-link,.user-chip,.toast-close{min-height:44px}.icon-button,.toast-close{min-width:44px}.user-chip{padding:3px}.check-label{min-height:44px}.sidebar{padding-top:calc(25px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom));overflow-y:auto}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:26;background:#fff;border-top:1px solid #dfe9e8;box-shadow:0 -4px 20px #263d4b08;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:5px}.mobile-nav a{display:flex;flex:1;min-width:0;min-height:52px;align-items:center;justify-content:center;flex-direction:column;gap:2px;border-radius:10px;color:#70818a;font-size:11px;font-weight:650}.mobile-nav a.active{background:#e5f5f1;color:#147f78}.mobile-nav a[href="#repairs/new"]{color:#127e77}.mobile-nav .icon{width:21px;height:21px}.keyboard-open .mobile-nav{display:none}.keyboard-open .notifications{bottom:12px}.notifications{bottom:calc(86px + env(safe-area-inset-bottom));z-index:70}.phone-preview-banner{display:grid;gap:1px;padding:9px 14px}.phone-preview-banner strong{font-size:12px}.phone-preview-banner span{font-size:10px}.inventory-wrap{overflow:visible;padding:12px;background:#f5f8f8}.inventory-table,.inventory-table tbody{display:block;width:100%}.inventory-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%)}.inventory-table tbody{display:grid;gap:12px}.inventory-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:15px;border:1px solid #e0e9e8;border-radius:12px;background:#fff;gap:10px 14px}.inventory-table td{display:block;padding:0;border:0!important;min-width:0;overflow-wrap:anywhere;font-size:13px}.inventory-table td strong{font-size:14px;line-height:1.8}.inventory-table .stock-name,.inventory-table .stock-category,.inventory-table .stock-models,.inventory-table .stock-location{grid-column:1/-1}.inventory-table .stock-code{grid-column:1}.inventory-table .stock-category{font-size:12px;color:#687e88}.inventory-table .stock-balance{grid-column:2;grid-row:2 / span 2;text-align:left;align-self:start}.inventory-table .stock-category{grid-column:1}.mobile-label{display:block;font-size:10px;color:#7d929c;margin-bottom:2px}.inventory-table .stock-code bdi{font-size:15px;font-weight:650}.inventory-table .stock-balance small{font-size:10px;line-height:1.7}.inventory-table .inventory-qty{font-size:23px;border-radius:8px;min-width:45px;padding:0 10px;line-height:1.7}.inventory-table .stock-action{grid-column:1/-1;border-top:1px solid #edf1f2!important;padding-top:10px}.inventory-table .stock-action .button{width:100%;background:#f5faf8;border-color:#e0eee8;color:#23857a}.inventory-table .stock-optional-empty{display:none}.inventory-table .stock-name small{font-size:11px}.inventory-wrap+.empty{background:#fff}.filters input::placeholder{font-size:12px}.photo-picker{flex:1;white-space:nowrap}.selected-photo>img{width:58px;height:58px}.photo-help{font-size:12px}.photo-choose{gap:8px}dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.dialog-body{padding-bottom:max(20px,env(safe-area-inset-bottom))}.login-page{min-height:100dvh}.login-form-panel{padding-bottom:calc(45px + env(safe-area-inset-bottom))}.form-actions .button{min-height:48px}
}
@media print{.mobile-nav,.phone-preview-banner{display:none!important}}