:root{--bg: #ffffff;--fg: #111827;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-400: #9ca3af;--gray-600: #4b5563;--red: #b91c1c;--red-bg: #fee2e2;--amber: #92400e;--amber-bg: #fef3c7;--green: #166534;--green-bg: #dcfce7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--gray-50);color:var(--fg)}button{font-family:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:24px}header.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{font-size:20px;margin:0}.btn{background:var(--fg);color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:14px}.btn.secondary{background:#fff;color:var(--fg);border:1px solid var(--gray-200)}.summary-strip{display:flex;gap:12px;margin-bottom:16px}.summary-chip{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;border:1px solid var(--gray-200)}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--gray-200);font-size:13px}th{background:var(--gray-100);font-weight:600;color:var(--gray-600);white-space:nowrap}tr:last-child td{border-bottom:none}tr:hover{background:var(--gray-50);cursor:pointer}.chip{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;min-width:60px;text-align:center}.chip.red{background:var(--red-bg);color:var(--red)}.chip.amber{background:var(--amber-bg);color:var(--amber)}.chip.green{background:var(--green-bg);color:var(--green)}.chip.gray{background:var(--gray-100);color:var(--gray-600)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182766;display:flex;justify-content:flex-end;z-index:50}.drawer{background:#fff;width:420px;max-width:100%;height:100%;overflow-y:auto;padding:24px}.drawer h2{margin-top:0}.form-row{margin-bottom:14px}.form-row label{display:block;font-size:12px;font-weight:600;color:var(--gray-600);margin-bottom:4px}.form-row input,.form-row select{width:100%;padding:8px 10px;border:1px solid var(--gray-200);border-radius:6px;font-size:14px}.item-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--gray-100)}.item-row .label{font-size:13px;font-weight:600}.item-row .controls{display:flex;gap:8px;align-items:center}.small-btn{background:var(--gray-100);border:none;border-radius:5px;padding:5px 9px;font-size:12px}.modal-close{float:right;background:none;border:none;font-size:20px;color:var(--gray-600)}.app-header-actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow-x:auto}.vehicle-cards{display:none}.vehicle-card{background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:14px;margin-bottom:10px}.vehicle-card-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;gap:8px}.vehicle-card-head .plate{font-size:15px;font-weight:700}.vehicle-card-head .model{font-size:12px;color:var(--gray-600)}.vehicle-card-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.vehicle-card-item .item-label{color:var(--gray-600)}@media(max-width:720px){.container{padding:12px}header.app-header{flex-wrap:wrap;gap:10px}.app-header-actions{width:100%}.app-header-actions .btn,.app-header-actions .btn.secondary{flex:1}.summary-strip{flex-wrap:wrap}.table-wrap{display:none}.vehicle-cards{display:block}.drawer{padding:16px}.item-row{flex-wrap:wrap;gap:8px}.item-row .controls{flex-wrap:wrap;justify-content:flex-start;width:100%}}