:root{--ink:#17241d;--muted:#728078;--line:#e2e9e5;--soft:#f3f6f4;--green:#1d6044;--green-dark:#153f30;--lime:#ddf2a5;--white:#fff;--red:#a43e3e;--shadow:0 18px 50px rgba(19,51,34,.12)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:#f5f7f6;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.875rem;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--green-dark);color:#eaf4ef;padding:25px 16px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 25px;font-size:1.1rem;font-weight:800;letter-spacing:-.03em}.brand>span,.login-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--lime);color:var(--green-dark);font-weight:900}.tenant-chip{padding:13px 14px;margin:0 2px 20px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.06);display:flex;flex-direction:column}.tenant-chip small{font-size:.64rem;letter-spacing:.08em;color:#8eb3a2}.tenant-chip strong{font-size:.8rem;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{padding:12px 13px;border-radius:9px;color:#b9d0c5;font-size:.82rem}.sidebar nav a:hover,.sidebar nav a.active{background:#285743;color:white}.sidebar-user{margin-top:auto;padding:15px 4px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:9px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e5eee9;color:#23513d;font-size:.72rem;font-weight:800}.sidebar-user div{display:flex;flex-direction:column}.sidebar-user strong{font-size:.75rem}.sidebar-user small{font-size:.66rem;color:#92b1a3}.logout{width:100%;border:0;background:transparent;color:#a9c1b5;text-align:left;padding:8px 13px;cursor:pointer;font-size:.75rem}.main{margin-left:244px;min-height:100vh}.topbar{height:68px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:10;color:#68756e;font-size:.75rem}.topbar>.btn{margin-left:auto}.mobile-menu{display:none}.page{max-width:1500px;margin:auto;padding:30px}.heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.heading h1{margin:4px 0 2px;font-size:1.65rem;letter-spacing:-.04em}.heading p{margin:0;color:var(--muted)}.eyebrow{font-size:.66rem;font-weight:800;letter-spacing:.1em;color:#397258}.btn{border:0;border-radius:9px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:.76rem;cursor:pointer}.btn.primary{background:var(--green);color:white;box-shadow:0 4px 12px rgba(29,96,68,.18)}.btn.secondary{background:white;color:#43534a;border:1px solid var(--line)}.btn.wide{width:100%}.btn.large{padding:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.stats.five{grid-template-columns:repeat(5,1fr)}.stat{min-height:135px;padding:18px;background:white;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column}.stat.dark{background:var(--green);color:white;border-color:var(--green)}.stat small{color:#77847d;font-size:.65rem;font-weight:800;letter-spacing:.06em}.stat.dark small{color:#b7d0c3}.stat strong{font-size:1.9rem;margin:14px 0 3px;letter-spacing:-.05em}.stat span{font-size:.7rem;color:#8a958f}.stat.dark span{color:#bcd1c6}.panel{background:white;border:1px solid var(--line);border-radius:13px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.panel-head h2,.form-card h2{font-size:.95rem;margin:0}.panel-head p,.form-card>p{font-size:.72rem;color:var(--muted);margin:3px 0 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:17px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;padding:10px 14px;background:#fafbfa;color:#849088;font-size:.63rem;letter-spacing:.05em;border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee}td{padding:12px 14px;border-bottom:1px solid #edf0ee;font-size:.75rem}td:first-child,th:first-child{padding-left:20px}td strong,td small{display:block}td small{font-size:.67rem;color:#909a94;margin-top:2px}.clickable{cursor:pointer}.clickable:hover{background:#f7faf8}.ref,.link-button{color:var(--green);font-weight:800}.link-button{border:0;background:none;cursor:pointer;font-size:.72rem;padding:0}.link-button.danger{color:var(--red)}.pill{display:inline-flex!important;width:max-content;padding:4px 8px;border-radius:99px;font-size:.67rem;font-weight:800}.pill.large{padding:7px 11px}.pill.ready,.pill.completed{background:#e4f5ea;color:#27724f}.pill.repair,.pill.testing{background:#e7effa;color:#315d9b}.pill.diagnostic,.pill.quote{background:#fbefdc;color:#9a6518}.pill.waiting{background:#f1e9f8;color:#744d9b}.pill.received{background:#edf1ef;color:#617069}.pill.cancelled{background:#fae8e8;color:#984848}.activity .event-list{padding:0 20px 14px}.event,.timeline-event{display:flex;gap:11px;padding:13px 0;border-top:1px solid #edf0ee}.event i,.timeline-event i{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#e3f2e9;color:#28704f;font-size:.65rem;font-style:normal}.event div,.timeline-event div{display:flex;flex-direction:column}.event strong,.timeline-event strong{font-size:.72rem}.event small,.timeline-event small{font-size:.65rem;color:#8a958f;margin-top:3px}.empty{text-align:center;color:#8a958f;padding:35px!important}.filters{display:flex;gap:9px;padding:17px}.filters input[type=search]{flex:1}.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea,.form-card label>input,.form-card label>select,.form-card label>textarea,.note-form textarea,.share-box input{border:1px solid #dfe6e2;border-radius:8px;background:#fbfcfb;padding:10px 11px;outline:0;color:var(--ink)}.filters input:focus,.form-grid input:focus,.form-grid textarea:focus{border-color:#6d9d85;box-shadow:0 0 0 3px #e7f1ec}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:7px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 310px;gap:14px;align-items:start}.form-card{padding:20px}.section-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:18px}.section-title>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#e6f2eb;color:var(--green);font-weight:800}.section-title h2{margin:0;font-size:.95rem}.section-title p{margin:2px 0 0;color:var(--muted);font-size:.7rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.form-card label{display:flex;flex-direction:column;gap:6px;font-size:.72rem;font-weight:700;color:#4e5e55}.form-grid label small,.form-card label small{font-weight:400;color:#8a958f}.form-grid textarea,.form-card textarea{min-height:82px;resize:vertical}.form-grid .full{grid-column:1/-1}.form-card.compact{display:flex;flex-direction:column;gap:14px}.form-card.compact form{display:flex;flex-direction:column;gap:12px}.form-layout aside{display:flex;flex-direction:column;gap:14px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.flash{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;margin-bottom:15px;background:#e9f6ee;color:#286a4c;font-weight:700}.flash-error{background:#faeaea;color:#923e3e}.flash-secret{background:#fff4d9;color:#7b5917}.flash div{display:flex;flex-direction:column}.flash small{font-weight:400;margin-top:2px}dialog{border:0;border-radius:16px;padding:0;width:min(650px,calc(100% - 30px));box-shadow:var(--shadow)}dialog::backdrop{background:rgba(11,32,21,.52);backdrop-filter:blur(3px)}.dialog-form{padding:25px;position:relative}.dialog-form h2{margin:6px 0 2px}.dialog-form>p{margin:0 0 20px;color:var(--muted)}.dialog-close{position:absolute;right:18px;top:18px;width:31px;height:31px;border:1px solid var(--line);border-radius:8px;background:white;font-size:1.2rem}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{padding:10vw;display:flex;flex-direction:column;justify-content:center;background:#173f30;color:white;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:70px solid rgba(221,242,165,.07);right:-160px;bottom:-150px}.login-mark{width:48px;height:48px;font-size:1.4rem}.login-brand h1{font-size:1.4rem;margin:14px 0 35px}.login-brand>p{font-size:2rem;line-height:1.2;font-weight:800;letter-spacing:-.05em;max-width:520px}.login-proof{display:flex;gap:10px;margin-top:35px;align-items:center}.login-proof>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--lime);color:var(--green-dark)}.login-proof div{display:flex;flex-direction:column}.login-proof small{color:#afc9bc}.login-panel{display:grid;place-items:center;padding:30px;background:#f7f9f8}.auth-card{width:min(400px,100%);padding:35px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.auth-card h2{font-size:1.45rem;margin:7px 0 2px}.auth-card>p{color:var(--muted);margin:0 0 25px}.auth-card label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:.75rem;margin-bottom:14px}.auth-card input{border:1px solid var(--line);border-radius:9px;padding:12px}.security-note{display:block;text-align:center;margin-top:15px;color:#8c9791}.inline-error{background:#faeaea;color:#903f3f;border-radius:8px;padding:10px;margin-bottom:14px}.detail-heading{align-items:center}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:15px}.detail-layout>div{display:flex;flex-direction:column;gap:15px}.detail-card{padding-bottom:18px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 20px}.info-grid>div{display:flex;flex-direction:column}.info-grid small,.share-box small{font-size:.63rem;letter-spacing:.06em;color:#87938c;font-weight:800;margin-bottom:5px}.info-grid span{font-size:.72rem;color:#728078}.info-grid p{margin:2px 0 0}.info-grid .full{grid-column:1/-1}.timeline{padding:0 20px}.note-form{display:flex;gap:8px;padding:0 20px 15px}.note-form textarea{flex:1;min-height:65px}.note{margin:0 20px;padding:12px;background:#f7f9f8;border-radius:8px}.note+.note{margin-top:8px}.note small{margin-left:8px;color:#8a958f}.note p{margin:5px 0 0}.sticky{position:sticky;top:85px}.form-card hr{width:100%;border:0;border-top:1px solid var(--line)}.share-box{display:flex;flex-direction:column;align-items:center;gap:8px}.share-box input{width:100%;font-size:.65rem}.share-box img{width:130px;height:130px}.share-box span{font-size:.68rem;color:var(--muted)}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:15px}.settings-form{max-width:800px}.tracking-page{background:#edf3ef}.tracking-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 720px)/2));background:white;border-bottom:1px solid var(--line)}.tracking-header .brand{padding:0}.tracking-main{max-width:720px;margin:35px auto;padding:35px;background:white;border-radius:18px;box-shadow:var(--shadow)}.tracking-main>h1{font-size:1.8rem;margin:7px 0 4px}.tracking-main>p{color:var(--muted);margin:0 0 24px}.tracking-product{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:15px;align-items:center;padding:17px;background:#f3f6f4;border-radius:12px}.tracking-product div{display:flex;flex-direction:column}.tracking-product small{font-size:.6rem;color:#87938c;font-weight:800}.tracking-product strong{font-size:.78rem;margin-top:3px}.tracking-timeline{padding:22px 5px}.tracking-timeline h2{font-size:1rem;margin-bottom:12px}.pickup{border-top:1px solid var(--line);padding-top:17px;display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:.75rem}.pickup strong{color:var(--ink)}.tracking-page footer{text-align:center;padding:0 20px 30px;color:#7c8982;font-size:.7rem}.error-page{min-height:70vh;display:grid;place-items:center;align-content:center;gap:12px;text-align:center}.error-page>strong{font-size:5rem;color:#d8e4dd}.error-page h1{font-size:1.25rem}@media(max-width:1200px){.stats.five{grid-template-columns:repeat(3,1fr)}.form-layout{grid-template-columns:1fr 1fr}.form-layout aside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.form-layout aside>.btn{grid-column:1/-1}}@media(max-width:900px){.sidebar{transform:translateX(-102%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mobile-menu{display:block;border:0;background:none;font-size:1.2rem;margin-right:10px}.page{padding:22px 16px}.topbar{padding:0 16px}.dashboard-grid,.detail-layout,.split-layout{grid-template-columns:1fr}.stats,.stats.five{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh}.tracking-main{margin:20px 12px;padding:24px}.tracking-product{grid-template-columns:1fr 1fr}.tracking-product>.pill{margin-top:8px}.sticky{position:static}}@media(max-width:600px){.topbar>span{display:none}.heading h1{font-size:1.4rem}.stats,.stats.five{grid-template-columns:1fr 1fr;gap:8px}.stat{min-height:115px;padding:14px}.stat strong{font-size:1.6rem;margin-top:10px}.form-layout{grid-template-columns:1fr}.form-layout aside{grid-column:auto;display:flex}.form-grid{grid-template-columns:1fr}.form-grid .full,.info-grid .full{grid-column:auto}.info-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters input[type=search]{flex-basis:100%}.tracking-product{grid-template-columns:1fr}.note-form{flex-direction:column}}