body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;background:radial-gradient(1200px 700px at 10% -10%,rgba(100,149,237,.28),transparent),radial-gradient(900px 600px at 100% 0%,rgba(0,83,141,.2),transparent),linear-gradient(170deg,#eef2f8,#dde3ef);color:#1f2937}.app-shell{max-width:1380px;margin:0 auto;padding:1.25rem}.app-shell-login{max-width:none;padding:0}.app-shell-wide{max-width:none;width:100%;box-sizing:border-box;padding:.45rem .55rem .7rem}.app-shell-wide .app-header{margin-bottom:.75rem}.reports-section{width:100%;box-sizing:border-box;padding:.6rem .65rem}.app-shell header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1rem}.app-header{background:#ffffff94;border:1px solid rgba(255,255,255,.65);border-radius:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:.8rem 1rem;box-shadow:0 8px 30px #0f172a14}.app-brand{display:flex;align-items:center;gap:.75rem}.app-brand-logo{width:165px;max-width:30vw;height:auto}.app-brand h1{margin:0;font-size:1.35rem}.app-brand p{margin:.1rem 0 0;font-size:.8rem;color:#4b5563}.app-nav{display:flex;gap:.6rem}.app-nav a{text-decoration:none;color:#0f4c81;font-weight:600;border-radius:999px;padding:.45rem .85rem;border:1px solid transparent;transition:all .2s ease}.app-nav a:hover{background:#ffffffc7;border-color:#0f4c8133}.app-nav a.active{background:#0f4c811a;border-color:#0f4c8140}section{background:#ffffff9e;border:1px solid rgba(255,255,255,.65);border-radius:18px;padding:1rem 1.1rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 35px #0f172a1a}.page-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.page-heading h2{margin:0;font-size:1.3rem;color:#0f172a}.page-heading p{margin:0;font-size:.9rem;color:#475569}.auth-card{max-width:520px;margin:0 auto;width:min(100%,520px);padding:1.7rem 1.8rem 1.5rem;border-radius:16px;background:#fffffff0;border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 38px #0f172a1f}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.auth-card-header{margin-bottom:1.25rem}.auth-brand-logo{display:block;width:250px;max-width:100%;margin:0 auto .85rem}.auth-title-row{display:flex;align-items:center;gap:.65rem;justify-content:center}.auth-title-row h2{margin:0;font-size:2.05rem;font-weight:700;color:#0f172a}.auth-admin-pill{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:#dbe9f7;color:#00538d;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.auth-form input[type=text],.auth-form input[type=password]{height:2.5rem;box-shadow:inset 0 1px 2px #0f172a14;background:#fff;border:1px solid #cfd8e4;border-radius:10px}.auth-form input[type=checkbox]{width:1rem;height:1rem;margin:0}.auth-form button{margin-top:.5rem;height:2.65rem;font-weight:600;border-radius:10px;background:linear-gradient(145deg,#00538d,#0066b3);box-shadow:0 10px 20px #00538d47;width:100%}.auth-form button:disabled{opacity:.72;background:linear-gradient(145deg,#7f9bb5,#91abc3)}.auth-error{margin:.5rem 0 .75rem;padding:.7rem .85rem;border-radius:8px;background:#ffe8ed;border:1px solid #ffc2d0}table{width:100%;border-collapse:collapse;margin-top:.75rem}.table-wrap{width:fit-content;max-width:100%;margin:0 auto;overflow-x:auto;overflow-y:hidden;border:1px solid rgba(212,225,241,.85);border-radius:16px;background:linear-gradient(145deg,#ffffffc7,#ecf5ffb3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 28px #0f172a1a,inset 0 1px #ffffffbf,inset 0 0 0 1px #ffffff59;scrollbar-width:auto;scrollbar-color:#7fa1c3 #e8eff8}.table-wrap::-webkit-scrollbar{height:13px}.table-wrap::-webkit-scrollbar-track{background:#e8eff8;border-radius:999px}.table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#5f86ad,#7598bb);border-radius:999px;border:2px solid #e8eff8}.table-wrap::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#4f789f,#668cb1)}.legacy-reports-table{font-size:.8rem;line-height:1.25;min-width:1760px;width:max-content;margin-top:0}.legacy-reports-table col.col-report-info{width:250px}.legacy-reports-table col.col-nvr-id{width:64px}.legacy-reports-table col.col-nvr-claim{width:108px}.legacy-reports-table col.col-id{width:84px}.legacy-reports-table col.col-ref{width:126px}.legacy-reports-table col.col-plate{width:108px}.legacy-reports-table col.col-cost{width:92px}.legacy-reports-table col.col-prov{width:58px}.legacy-reports-table col.col-paid{width:86px}.legacy-reports-table td,.legacy-reports-table th{vertical-align:top;white-space:nowrap}.legacy-reports-table th{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#eff4fb,#e6edf7);box-shadow:inset 0 -1px #cfd8e4;color:#314155;font-weight:700}.legacy-reports-table thead tr:first-child th{top:0;z-index:3;background:linear-gradient(180deg,#dde8f6,#d3e0f2);color:#18314a;font-size:.72rem}.legacy-reports-table thead tr:nth-child(2) th{top:31px;font-size:.69rem;letter-spacing:.04em}.legacy-reports-table tbody td:first-child,.legacy-reports-table thead tr:first-child th:first-child{min-width:250px;white-space:normal;position:sticky;left:0;z-index:4;box-shadow:6px 0 10px #0f172a0f}.legacy-reports-table tbody td:first-child{background:linear-gradient(180deg,#f8fbfffa,#f2f8fff5)}.legacy-reports-table thead tr:first-child th:first-child{z-index:6}.report-info-cell{display:grid;gap:.2rem;line-height:1.2}.report-info-date{font-size:.74rem;color:#5f6f82;font-weight:600}.report-info-vin{font-family:Consolas,Courier New,monospace;font-size:.8rem;color:#132a42;font-weight:700;letter-spacing:.02em}.report-info-user{font-size:.75rem;color:#2f4054;text-transform:capitalize}.report-info-office{font-size:.72rem;color:#73859a}.report-ref-cell{display:grid;gap:.18rem;line-height:1.2}.report-ref-line{font-size:.75rem;color:#2d3d50;white-space:normal}.report-ref-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:#6f8198;font-weight:700}.report-ref-empty{color:#95a3b5;font-size:.72rem}.legacy-reports-table td.cell-num,.legacy-reports-table th.cell-num-head{text-align:right;font-variant-numeric:tabular-nums}.legacy-reports-table th.cell-nvr-id-head,.legacy-reports-table th.cell-nvr-claim-head{text-align:left}.legacy-reports-table td.cell-nvr-claim{max-width:108px;overflow:hidden;text-overflow:ellipsis}.table-scroll-hint{margin-top:.4rem;font-size:.78rem;color:#50647c;display:flex;justify-content:flex-end;align-items:center;gap:.35rem}.legacy-reports-table tbody tr:nth-child(odd) td{background:#ffffffb8}.legacy-reports-table tbody tr:nth-child(2n) td{background:#f7faffc7}.legacy-reports-table tbody tr:hover td{background:#d0e2f66b}.report-link-stack{display:inline-grid;gap:.3rem;justify-items:start}.report-link-stack button{width:56px;padding-left:.4rem;padding-right:.4rem;font-weight:600}.totals-row{background:#1f2937;color:#fff;font-weight:600}.report-modal-backdrop{position:fixed;inset:0;background:#09111f73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-start;z-index:999;padding:.5rem 1rem;overflow-y:auto}.report-modal{width:min(980px,95vw);max-height:calc(100dvh - 1rem);overflow:hidden;border-radius:14px;background:#f8fbff;border:1px solid #cfd9e5;box-shadow:0 25px 50px #02081740}.report-modal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#0b4f80,#0f6aa8);color:#fff}.report-modal-header h3{margin:0}.report-modal-body{padding:1rem;overflow:auto;max-height:calc(85vh - 58px)}.report-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;margin-bottom:.8rem}.report-meta-grid>div{padding:.45rem .55rem;border:1px solid #d8e1ec;border-radius:8px;background:#fff}.report-html-content{border:1px solid #d9e2ef;border-radius:10px;background:#fff;padding:.9rem}.report-html-content .lbl{float:left;width:28%;font-weight:700}.report-html-content .val{float:left;width:72%}.report-html-content .clear:after{clear:both;content:" ";display:block}.report-invoice-box{margin-top:.8rem;display:flex;gap:1rem;flex-wrap:wrap}.vehicle-search-flags{display:flex;flex-wrap:wrap;gap:.8rem 1rem;margin:.85rem 0 .95rem}th,td{text-align:left;padding:.62rem .56rem;border-bottom:1px solid #e2e8f3}th{font-size:.73rem;color:#4b5563;text-transform:uppercase;letter-spacing:.03em}.warning{color:#9f6a00;font-size:.95rem;background:#fff7df;border:1px solid #f3df9c;border-radius:10px;padding:.55rem .7rem}.error{color:#b00020;background:#ffe9ee;border:1px solid #f6c3d0;border-radius:10px;padding:.55rem .7rem}.success{color:#0b7a2d;background:#e9f9ef;border:1px solid #bfe9cb;border-radius:10px;padding:.55rem .7rem}.subtle{color:#57627a;font-size:.83rem}.toolbar{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:.85rem}.reports-section .toolbar{grid-template-columns:130px 130px minmax(180px,1.35fr) minmax(170px,1.25fr) minmax(130px,.95fr) auto;align-items:center}.reports-section .toolbar>*{min-width:0}.reports-section .toolbar button{justify-self:end;white-space:nowrap}.toolbar button{font-weight:600}.toolbar input,.toolbar select,.button-link,.grid-form input,.grid-form select{border:1px solid #cad4e4;border-radius:10px;padding:.5rem .68rem;font:inherit;background:#ffffffe6}.toolbar button,.grid-form button{border-radius:10px;padding:.5rem .68rem;font:inherit}.toolbar input:focus,.toolbar select:focus,.grid-form input:focus,.grid-form select:focus{outline:none;border-color:#7eaad1;box-shadow:0 0 0 3px #1166ad26}.grid-form{display:grid;gap:.75rem}.grid-form.two-col{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-form label{display:grid;gap:.3rem;font-size:.92rem}.actions{display:flex;gap:.5rem;align-items:center}.button-link{display:inline-flex;text-decoration:none;background:linear-gradient(145deg,#00538d,#0066b3);color:#fff;align-items:center;justify-content:center}.secondary-link{background:#4a5568}button{background:linear-gradient(145deg,#00538d,#0066b3);color:#fff;border:none;cursor:pointer;transition:background-color .2s ease,transform .2s ease}button:hover:not(:disabled){background:linear-gradient(145deg,#0066b3,#07c);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:#4a5568}button.small{padding:.2rem .45rem;border-radius:8px;font-size:.73rem}.legacy-reports-table .inline input[type=checkbox]{accent-color:#0f6aa8}button.danger{background:#b00020}label.inline{display:inline-flex;gap:.3rem;align-items:center}@media(max-width:900px){.app-header{flex-direction:column;align-items:flex-start;gap:.6rem}.page-heading{flex-direction:column;align-items:flex-start;gap:.25rem}.reports-section .toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-section .toolbar button{justify-self:stretch}}
