@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#f2f5f8;--surface:#fff;--ink:#111923;--muted:#667384;--line:#dfe5eb;--blue:#1769e0;--blue2:#0d55bd;--nav:#0b1017;--green:#12805c;--red:#c93434;--shadow:0 10px 35px rgba(15,28,45,.07);font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:15px}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--nav);color:white;padding:28px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;color:inherit;font-weight:500;letter-spacing:.04em}.brand b{color:#4d9aff}.brand small{display:block;font-size:10px;letter-spacing:.15em;color:#8491a1;margin-top:4px}.brand-mark{width:39px;height:39px;background:linear-gradient(145deg,#287fea,#0c4da9);display:grid;place-items:center;border-radius:10px;color:white;font-weight:800;font-size:13px;box-shadow:0 7px 18px #061c3d}.sidebar nav{display:grid;gap:6px;margin-top:45px}.sidebar nav a{padding:12px 14px;border-radius:9px;color:#aeb8c5;display:flex;gap:13px;align-items:center;font-weight:500}.sidebar nav a:hover,.sidebar nav a.active{background:#172333;color:white}.sidebar nav a.active{box-shadow:inset 3px 0 #338dff}.sidebar-user{margin-top:auto;padding:16px 12px;border-top:1px solid #26303c;display:grid}.sidebar-user small{color:#8793a0;margin:4px 0 8px}.link-button{border:0;background:transparent;color:#7db4ff;text-align:left;padding:0}.app-main{margin-left:245px;padding:38px 3.5vw 100px;max-width:1700px}.mobile-head,.bottom-nav{display:none}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.page-head h1{font-size:30px;margin:4px 0 6px;letter-spacing:-.035em}.page-head p{margin:0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--blue);margin:0}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:11px 16px;background:white;color:#243245;font-weight:700;white-space:nowrap}.button:hover{border-color:#9eb1c7}.button.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 6px 16px rgba(23,105,224,.22)}.button.primary:hover{background:var(--blue2)}.button.ghost{background:transparent}.button.wide{width:100%}.button.large{padding:14px 22px}.button.small{padding:8px 12px;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metrics article{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:var(--shadow)}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{font-size:31px;display:block;margin:9px 0 4px}.metrics .danger-metric strong{color:var(--red)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:24px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel h2,.panel-head h2{font-size:18px;margin:0 0 5px}.panel-head p{color:var(--muted);margin:0;font-size:13px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#778393;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:12px;border-bottom:1px solid var(--line)}td{padding:15px 12px;border-bottom:1px solid #edf0f3;color:#354253}td b,td small{display:block}td small{color:var(--muted);margin-top:3px}.record-number{font-weight:800;color:var(--blue)}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;background:#eef1f4;color:#687382}.badge.success{background:#e6f5ef;color:var(--green)}.badge.danger{background:#fdeaea;color:var(--red)}.icon-link{width:30px;height:30px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty>span{font-size:36px}.empty h3{color:var(--ink)}.toast{position:fixed;right:24px;top:20px;z-index:80;padding:14px 18px;border-radius:10px;background:#152131;color:white;box-shadow:0 10px 30px #0003;animation:toastOut .4s 5s forwards}.toast.success{background:#0b7653}.toast.error{background:#a32626}@keyframes toastOut{to{opacity:0;transform:translateY(-10px);visibility:hidden}}
.auth-body{background:radial-gradient(circle at 75% 15%,#173760 0,transparent 30%),linear-gradient(145deg,#070b10,#111b27);color:white}.auth-main{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(450px,100%);background:#fff;color:var(--ink);border-radius:17px;padding:38px;box-shadow:0 30px 80px #0008;display:grid;gap:28px}.login-brand{color:var(--ink)}.login-card h1{font-size:30px;margin:5px 0}.form-stack{display:grid;gap:16px}label{font-size:12px;font-weight:700;color:#485668;display:grid;gap:7px}input,select,textarea{width:100%;border:1px solid #cfd7e1;border-radius:8px;padding:11px 12px;background:white;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769e01c}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.span-2{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.search-bar{display:flex;gap:10px;margin-bottom:22px}.client-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.client-card{border:1px solid var(--line);border-radius:10px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;color:var(--ink)}.client-card:hover{border-color:#9abef0;background:#f8fbff}.client-card h3,.client-card p{margin:0 0 4px}.client-card p,.client-card small{color:var(--muted)}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#e7f0fd;color:var(--blue);font-weight:800}.detail-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:18px}.span-wide{grid-column:1/-1}.facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.facts div.full{grid-column:1/-1}.facts dt{font-size:10px;color:#84909f;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.facts dd{margin:6px 0 0;font-weight:600}.preline{white-space:pre-line;line-height:1.6}.step-label{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:8px 12px}.receipt-form{display:grid;gap:16px}.form-section{display:grid;grid-template-columns:55px 1fr;gap:5px}.section-number{color:#aab5c1;font-size:12px;font-weight:800;padding-top:4px}.section-title{margin-bottom:22px}.section-title h2{margin:0}.section-title p{color:var(--muted);margin:6px 0}.inline-field{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.repeater-row{display:grid;grid-template-columns:95px 1fr 34px;gap:8px;margin-bottom:8px}.remove-row{border:0;background:#f2f4f7;border-radius:8px;font-size:20px;color:#778393}.block-label{margin-top:18px}.condition-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.condition-options label{position:relative}.condition-options input{position:absolute;opacity:0;width:1px}.condition-options span{padding:16px;border:1px solid var(--line);border-radius:10px;display:grid;gap:5px;height:100%}.condition-options small{font-weight:400;color:var(--muted)}.condition-options input:checked+span{border:2px solid var(--blue);background:#f0f6ff}.condition-options .danger-option input:checked+span{border-color:var(--red);background:#fff4f4}.hidden{display:none!important}.upload-zone{border:2px dashed #b8c7d8;border-radius:12px;padding:28px;display:flex;align-items:center;flex-direction:column;text-align:center;background:#f8fafc;cursor:pointer}.upload-zone input{position:absolute;opacity:0;pointer-events:none}.upload-zone small{font-weight:400;color:var(--muted);margin-top:5px}.upload-icon{font-size:26px;color:var(--blue)}.photo-previews{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.photo-preview{border:1px solid var(--line);padding:8px;border-radius:10px;position:relative}.photo-preview img{width:100%;height:125px;object-fit:cover;border-radius:7px}.photo-preview button{position:absolute;right:12px;top:12px;border:0;border-radius:99px;width:27px;height:27px;background:#111c;color:white}.photo-preview select,.photo-preview input{font-size:11px;padding:7px;margin-top:6px}.upload-progress{position:fixed;inset:0;background:#07101dcc;display:grid;place-content:center;text-align:center;color:white;z-index:90}.upload-progress span{width:45px;height:45px;border:4px solid #fff3;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.sticky-actions{position:sticky;bottom:12px;display:flex;justify-content:flex-end;gap:10px;background:#ffffffed;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 12px 30px #17273c20;z-index:10}dialog{border:0;border-radius:14px;padding:0;box-shadow:0 25px 80px #0008;width:min(550px,calc(100% - 28px))}dialog::backdrop{background:#06101dcc;backdrop-filter:blur(3px)}.modal-card{padding:28px;display:grid;gap:15px;position:relative}.modal-card h2{margin:0}.modal-close{position:absolute;right:15px;top:13px;border:0;background:#edf1f5;border-radius:50%;width:32px;height:32px;font-size:20px}.form-error{color:var(--red);font-weight:600;margin:0}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.search-wide{grid-column:1/-1}.filter-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;grid-column:3/-1}.receipt-results{display:grid;gap:10px;margin-top:16px}.result-card{background:white;border:1px solid var(--line);border-radius:11px;padding:13px;display:grid;grid-template-columns:75px 1fr auto auto;gap:16px;align-items:center;color:var(--ink)}.result-card:hover{border-color:#91b7eb;box-shadow:var(--shadow)}.result-thumb{width:75px;height:63px;background:#edf1f5;border-radius:8px;display:grid;place-items:center;overflow:hidden;color:#8995a3}.result-thumb img{width:100%;height:100%;object-fit:cover}.result-main>div{display:flex;gap:9px;align-items:center}.result-main h3{margin:7px 0 3px}.result-main p{margin:0;color:var(--muted);font-size:13px}.result-meta{text-align:right;display:grid}.result-meta small{color:var(--muted);margin-top:4px}.arrow{font-size:20px;color:var(--blue)}.pagination{display:flex;gap:5px;justify-content:center;margin-top:25px}.pagination a{width:34px;height:34px;display:grid;place-items:center;background:white;border:1px solid var(--line);border-radius:7px}.pagination a.active{background:var(--blue);color:white}.back-link{font-size:12px}.head-actions{display:flex;gap:9px}.receipt-hero{background:linear-gradient(130deg,#101a27,#1a2b3e);color:white;border-radius:14px;padding:25px 28px;margin-bottom:18px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px;align-items:center}.receipt-hero h2{font-size:25px;margin:12px 0 6px}.receipt-hero p{margin:0;color:#b5c0cc}.receipt-hero>div:not(:first-child){display:grid;gap:7px;border-left:1px solid #ffffff20;padding-left:22px}.receipt-hero small{color:#8293a5;font-weight:800}.receipt-hero a,.receipt-hero b{color:white}.item-list{list-style:none;padding:0;display:grid;gap:8px}.item-list li{display:flex;gap:12px;padding:11px;background:#f5f7f9;border-radius:8px}.item-list b{color:var(--blue)}.note{padding:13px;border-left:3px solid var(--blue);background:#f2f7fe}.damage-panel{border-color:#f1b8b8;background:#fffafa}.damage-panel strong{color:var(--red);display:block;margin:16px 0 8px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery-item{border:1px solid var(--line);border-radius:10px;background:white;padding:8px;text-align:left;color:var(--ink)}.gallery-item img{width:100%;height:160px;object-fit:cover;border-radius:7px}.gallery-item span,.gallery-item small{display:block;margin:6px 3px 0}.gallery-item span{font-weight:700}.gallery-item small{color:var(--muted)}.lightbox{padding:14px;background:#101820;color:white}.lightbox img{max-width:100%;max-height:75vh;display:block;margin:auto}.lightbox p{margin:10px}.timeline article{display:grid;grid-template-columns:15px 1fr;gap:12px;padding-bottom:18px}.timeline article>span{width:10px;height:10px;border-radius:50%;background:var(--blue);margin-top:5px}.timeline p{margin:5px 0}.timeline small{color:var(--muted)}details summary{font-weight:700;cursor:pointer}.rectification-form{margin-top:20px}.danger-button{background:#fff1f1;border-color:#e5aaaa;color:#a92929}.error-code{font-size:55px;font-weight:800;color:#b9c4d0}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(2,1fr)}.filter-actions{grid-column:1/-1}.photo-previews,.gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.app-main{margin-left:0;padding:84px 14px 95px}.mobile-head{position:fixed;display:flex;top:0;left:0;right:0;height:64px;padding:10px 15px;background:var(--nav);color:white;align-items:center;justify-content:space-between;z-index:25}.menu-toggle{background:transparent;border:0;color:white;font-size:23px}.bottom-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:72px;background:white;border-top:1px solid var(--line);z-index:24;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{color:#697688;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:18px;min-width:65px}.bottom-nav span{font-size:10px}.bottom-nav a.primary{color:white;background:var(--blue);border-radius:15px;width:62px;height:62px;margin-top:-13px;box-shadow:0 8px 20px #1769e055}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:25px}.metrics{gap:10px}.metrics article{padding:15px}.metrics strong{font-size:26px}.panel{padding:17px}.table-wrap{overflow:visible}table thead{display:none}table,tbody,tr,td{display:block}table tr{border:1px solid var(--line);border-radius:9px;padding:10px;margin-bottom:10px}table td{display:flex;justify-content:space-between;gap:16px;padding:7px;border:0;text-align:right}table td:before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;text-align:left}table td:last-child{display:none}.client-grid{grid-template-columns:1fr}.form-grid,.detail-grid{grid-template-columns:1fr}.span-2,.span-wide,.facts .full{grid-column:auto}.form-section{grid-template-columns:1fr}.section-number{color:var(--blue)}.inline-field{grid-template-columns:1fr}.condition-options{grid-template-columns:1fr}.photo-previews,.gallery{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.search-wide,.filter-actions{grid-column:auto}.result-card{grid-template-columns:64px 1fr auto}.result-thumb{width:64px}.result-meta{grid-column:2/3;text-align:left}.result-card .arrow{grid-column:3;grid-row:1/3}.receipt-hero{grid-template-columns:1fr}.receipt-hero>div:not(:first-child){border-left:0;border-top:1px solid #ffffff20;padding:15px 0 0}.facts{grid-template-columns:1fr}.head-actions{width:100%}.head-actions>*{flex:1}.step-label{display:none}.sticky-actions{bottom:75px}.login-card{padding:28px 22px}.search-bar{flex-direction:column}}
@media(max-width:390px){.metrics{grid-template-columns:1fr 1fr}.metrics article{min-width:0}.photo-previews,.gallery{grid-template-columns:1fr}.repeater-row{grid-template-columns:70px 1fr 34px}.page-head .button{width:100%}}
@media print{.sidebar,.mobile-head,.bottom-nav,.print-hide,.toast{display:none!important}.app-main{margin:0;padding:0}.panel,.receipt-hero{box-shadow:none;break-inside:avoid}.receipt-hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}.gallery{grid-template-columns:repeat(3,1fr)}}
.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audit-json{white-space:pre-wrap;max-width:480px;max-height:260px;overflow:auto;background:#101923;color:#dce9f7;padding:12px;border-radius:7px;font-size:11px}@media(max-width:600px){.photo-actions{grid-template-columns:1fr}}