:root{--bg: #f4f6fa;--surface: #ffffff;--navy: #2e4265;--navy-dark: #22324d;--navy-soft: #e8edf5;--red: #e1131d;--red-dark: #b90f18;--red-soft: #fdecec;--green: #15803d;--green-soft: #e7f5ec;--danger: #dc2626;--danger-soft: #fdeaea;--amber: #b45309;--amber-soft: #fdf3e2;--blue: #1d5fb8;--blue-soft: #e7f0fb;--grey: #5b6678;--grey-soft: #eef0f4;--text: #2e4265;--text-muted: #6b778c;--border: #e3e7ee;--radius: 12px;--shadow: 0 1px 2px rgba(46, 66, 101, .06), 0 2px 8px rgba(46, 66, 101, .05);--sidebar: 236px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:var(--navy);text-decoration:underline;text-decoration-color:#2e42654d;text-underline-offset:2px}a:hover{color:var(--red);text-decoration-color:currentColor}h1,h2,h3{color:var(--navy);margin:0;line-height:1.25}h1{font-size:22px;font-weight:700}h2{font-size:15px;font-weight:650}p{margin:0 0 10px}:focus-visible{outline:2px solid var(--red);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:-999px;top:8px;z-index:100;background:var(--navy);color:#fff;padding:8px 12px;border-radius:8px}.skip-link:focus{left:8px}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--navy);padding:4px 8px 16px;white-space:nowrap}.brand strong{color:var(--red)}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;color:var(--navy);text-decoration:none;font-weight:500;border-left:3px solid transparent}.nav-link:hover{background:var(--bg);color:var(--navy)}.nav-link.active{background:var(--red-soft);color:var(--red-dark);border-left-color:var(--red);font-weight:650}.nav-heading{margin:14px 12px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.sidebar-foot{border-top:1px solid var(--border);padding-top:12px;margin-top:12px;display:flex;flex-direction:column;gap:6px}.account-link{align-items:center}.avatar{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none}.account-name{display:block;font-weight:600;line-height:1.2}.account-role{display:block;font-size:12px;color:var(--text-muted);font-weight:400}.topbar{display:none}.content{margin-left:var(--sidebar);padding:24px 28px 48px;max-width:calc(1440px + var(--sidebar));outline:none}.scrim{display:none}@media(max-width:799px){.topbar{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:25;background:var(--surface);border-bottom:1px solid var(--border);padding:8px 12px;height:56px}.topbar .brand{padding:0}.menu-button{width:40px;height:40px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer}.menu-button span{display:block;width:18px;height:2px;background:var(--navy);border-radius:2px}.sidebar{transform:translate(-100%);transition:transform .18s ease;box-shadow:none;width:min(280px,85vw)}.menu-open .sidebar{transform:translate(0);box-shadow:0 0 40px #0003}.menu-open .scrim{display:block;position:fixed;inset:0;background:#22324d59;z-index:28}.content{margin-left:0;padding:16px 16px 40px}}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 16px;margin-bottom:16px}.page-title{min-width:0}.page-title h1{word-break:break-word}.page-subtitle{color:var(--text-muted);margin-top:4px}.page-actions{display:flex;flex-wrap:wrap;gap:8px}.back-link{display:inline-block;margin-bottom:6px;font-size:13px;text-decoration:none;color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.card-actions{display:flex;gap:8px}.card-body{padding:16px}.card-flush{padding:0}.card-flush>.alert{margin:12px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;align-items:start}@media(max-width:1000px){.grid-2{grid-template-columns:minmax(0,1fr)}}.stack{display:flex;flex-direction:column;min-width:0}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.tiles-wide{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:10px}.tile{display:block;border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:var(--surface);text-decoration:none;color:var(--navy);border-top:3px solid var(--navy-soft)}a.tile:hover{border-color:var(--navy);color:var(--navy)}.tile-value{font-size:22px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.tile-label{color:var(--text-muted);font-size:13px;margin-top:2px}.tile-red{border-top-color:var(--red)}.tile-red .tile-value{color:var(--red)}.tile-amber{border-top-color:var(--amber)}.tile-green{border-top-color:var(--green)}.tile-navy{border-top-color:var(--navy);background:var(--navy-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--navy);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{border-color:var(--navy);color:var(--navy)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--red);border-color:var(--red);color:#fff}.btn-primary:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--grey-soft);border-color:transparent}.btn-danger-outline{color:var(--danger);border-color:#f3c2c2}.btn-danger-outline:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn-small{min-height:30px;padding:4px 10px;font-size:13px}.btn-block{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-bottom:12px}.card .form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media(max-width:560px){.form-grid,.card .form-grid{grid-template-columns:minmax(0,1fr)}}.field{display:flex;flex-direction:column;gap:4px;min-width:0;margin-bottom:12px}.form-grid .field{margin-bottom:0}.field-wide{grid-column:1 / -1}.field-check{justify-content:flex-end}.field label{font-weight:600;font-size:13px}.req{color:var(--red)}.hint{font-size:12px;color:var(--text-muted)}.block{display:block}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid #cfd6e1;border-radius:8px;padding:7px 10px;min-height:36px;width:100%;min-width:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #2e426526}input:disabled,select:disabled,textarea:disabled{background:var(--bg);color:var(--text-muted)}input[type=checkbox]{width:16px;height:16px;min-height:0;padding:0;margin:2px 0 0;accent-color:var(--red);flex:none}.check{display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer;font-weight:500;padding:4px 0}.check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px;margin-bottom:10px}.fieldset{border:1px solid var(--border);border-radius:10px;padding:10px 14px 4px;margin:0 0 12px}.fieldset legend{font-weight:650;padding:0 6px}.form-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.sticky-actions{position:sticky;bottom:0;background:linear-gradient(to top,var(--bg) 70%,rgba(244,246,250,0));padding:12px 0;z-index:5}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.filters select,.filters input{width:auto;max-width:100%}.filters .filter-search{flex:1 1 240px}@media(max-width:560px){.filters select,.filters .filter-search{flex:1 1 100%;width:100%}}.inline-label{display:inline-flex;align-items:center;gap:8px;font-weight:600}.inline-label select{width:auto}.acc-rows{display:flex;flex-direction:column;gap:8px}.acc-row{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:8px 12px;align-items:end}.acc-row .field{margin-bottom:0}@media(max-width:560px){.acc-row{grid-template-columns:minmax(0,1fr) 90px}.acc-remove{grid-column:1 / -1;justify-self:start}}.search-select{position:relative}.search-select input{padding-right:32px}.search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:18px;line-height:1;color:var(--text-muted);cursor:pointer;padding:4px 8px}.search-list{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 4px);max-height:260px;overflow-y:auto;margin:0;padding:4px;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #2e426526}.search-list li{display:flex;flex-direction:column;padding:6px 10px;border-radius:6px;cursor:pointer}.search-list li.active{background:var(--navy-soft)}.search-list li.chosen{font-weight:650}.search-sub{font-size:12px;color:var(--text-muted)}.search-empty{color:var(--text-muted);cursor:default}.table-wrap{overflow:auto;max-height:70vh;border-radius:0 0 var(--radius) var(--radius);-webkit-overflow-scrolling:touch}.modal .table-wrap{max-height:55vh;border:1px solid var(--border);border-radius:8px}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.table th{position:sticky;top:0;z-index:2;background:#f8f9fc;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.table td{white-space:nowrap}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:#fafbfd}.table tr.clickable{cursor:pointer}.table-dense th,.table-dense td{padding:7px 12px}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table td.actions{text-align:right}.perm-list{white-space:normal;display:inline-block;min-width:260px;max-width:420px;font-size:13px}.pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--border)}.pill,.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;font-size:12px;font-weight:650;padding:2px 10px;white-space:nowrap;line-height:1.5}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill-in-stock,.pill-done{background:var(--green-soft);color:var(--green)}.pill-with-installer,.pill-scheduled{background:var(--blue-soft);color:var(--blue)}.pill-installed,.pill-in-tracker{background:var(--navy-soft);color:var(--navy)}.pill-faulty,.pill-lost{background:var(--danger-soft);color:var(--danger)}.pill-in-repair,.pill-suspended{background:var(--amber-soft);color:var(--amber)}.pill-returned,.pill-retired,.pill-cancelled{background:var(--grey-soft);color:var(--grey)}.badge{padding:1px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.badge-red{background:var(--red);color:#fff}.badge-green{background:var(--green-soft);color:var(--green)}.badge-grey{background:var(--grey-soft);color:var(--grey)}.badge-amber{background:var(--amber-soft);color:#7c3d06}.badge-navy{background:var(--navy);color:#fff}.alert{border-radius:10px;padding:10px 14px;margin-bottom:12px;border:1px solid;word-break:break-word}.alert-error{background:var(--danger-soft);border-color:#f5c2c2;color:#991b1b}.alert-success{background:var(--green-soft);border-color:#b7e0c4;color:#14532d}.alert-info{background:var(--navy-soft);border-color:#cdd7e6;color:var(--navy)}.alert-warning{background:var(--amber-soft);border-color:#f2d5a6;color:#7c3d06}.toasts{position:fixed;right:16px;bottom:16px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 32px))}.toast{background:var(--navy);color:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 8px 24px #22324d4d;border-left:4px solid var(--green);animation:toast-in .2s ease}.toast-error{border-left-color:var(--red)}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}}.empty{text-align:center;padding:32px 16px;color:var(--text-muted)}.empty-title{color:var(--navy);font-weight:650;font-size:15px;margin-bottom:4px}.empty p{max-width:460px;margin:0 auto 12px}.loading{display:flex;align-items:center;gap:10px;padding:32px;color:var(--text-muted);justify-content:center}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0}.details>div{min-width:0}.details .wide{grid-column:1 / -1}.details dt{font-size:12px;color:var(--text-muted);font-weight:600;margin-bottom:2px}.details dd{margin:0;word-break:break-word;white-space:pre-wrap}@media(max-width:420px){.details{grid-template-columns:minmax(0,1fr)}}.timeline{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--border)}.timeline li{position:relative;padding:0 0 16px 12px}.timeline li:before{content:"";position:absolute;left:-25px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--red)}.timeline li:last-child{padding-bottom:0}.timeline-head{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.timeline-detail{margin-top:2px;word-break:break-word}.timeline-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#22324d73;display:flex;align-items:flex-start;justify-content:center;padding:4vh 16px;overflow:hidden}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:0 20px 60px #22324d4d;width:100%;max-width:560px;max-height:92vh;max-height:92dvh;outline:none;display:flex;flex-direction:column;overflow:hidden}.modal-wide{max-width:820px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:17px}.modal-close{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:var(--text-muted);padding:2px 8px;border-radius:6px}.modal-close:hover{background:var(--grey-soft);color:var(--navy)}.modal-body{padding:16px 20px;overflow-y:auto;flex:1 1 auto;min-height:0}.modal-head,.modal-foot{flex:none}.modal-foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 20px;border-top:1px solid var(--border);background:#fafbfd;border-radius:0 0 var(--radius) var(--radius)}.spacer{flex:1}@media(max-width:560px){.modal-backdrop{padding:0}.modal{height:100%;max-height:none;border-radius:0}.modal-foot{position:sticky;bottom:0;border-radius:0}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(180deg,#ffffff 0%,var(--bg) 100%)}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--red);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 24px}.login-brand{text-align:center;margin-bottom:20px}.login-brand h1{margin:10px 0 6px;font-size:20px}.mono{font-family:var(--mono);font-size:.95em}.muted{color:var(--text-muted)}.small{font-size:12px}.big{font-size:18px}.text-danger{color:var(--danger);font-weight:650}.text-success{color:var(--green);font-weight:650}.inline-list{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.inline-list.end{justify-content:flex-end}.prewrap{white-space:pre-wrap;word-break:break-word}.nowrap{white-space:nowrap}.print-only{display:none}@media print{@page{margin:14mm}html,body{background:#fff;font-size:11pt}.no-print,.sidebar,.topbar,.scrim,.toasts,.skip-link,.modal-backdrop{display:none!important}.print-only{display:block}.content{margin:0;padding:0;max-width:none}.card{box-shadow:none;break-inside:avoid;border-color:#bbb}.grid-2{grid-template-columns:1fr 1fr}.table-wrap{max-height:none;overflow:visible}.table th{position:static}.print-brand{border-bottom:2px solid var(--red);padding-bottom:6px;margin-bottom:12px;font-size:12pt}.signatures{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.signatures div{border-top:1px solid #333;padding-top:6px;font-size:10pt}a{text-decoration:none;color:inherit}}