*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--rcw-red:#c0392b;--rcw-dark:#1a1a2e;--bg:#f4f6f8;--surface:#fff;--border:#d0d7de;--text:#1a1a2e;--text-muted:#6e7781;--radius:6px;--shadow:0 1px 4px #00000014}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--rcw-red);text-decoration:none}a:hover{text-decoration:underline}.loading{text-align:center;color:var(--text-muted);padding:2rem}.auth-page{background:var(--rcw-dark);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--surface);border-radius:var(--radius);width:100%;max-width:420px;padding:2.5rem;box-shadow:0 4px 20px #00000040}.auth-card h1{margin-bottom:.25rem;font-size:1.5rem}.auth-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.auth-card form{flex-direction:column;gap:.75rem;display:flex}.page{max-width:1100px;margin:0 auto;padding:1.5rem}.page-header{border-bottom:2px solid var(--rcw-red);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.page-header h1{font-size:1.6rem}.sub-heading{color:var(--text-muted);font-size:.95rem}.user-badge{color:var(--text-muted);font-size:.8rem}.header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-primary,.btn-secondary,.btn-danger,.btn-danger-sm,.btn-link{border-radius:var(--radius);cursor:pointer;text-align:center;border:none;padding:.45rem 1rem;font-size:.9rem;font-weight:500;display:inline-block}.btn-primary{background:var(--rcw-red);color:#fff}.btn-primary:hover{background:#a93226;text-decoration:none}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg);text-decoration:none}.btn-danger{color:#fff;background:#c0392b}.btn-danger:hover{background:#96281b}.btn-danger-sm{color:#c0392b;background:0 0;border:1px solid #c0392b;padding:.25rem .6rem;font-size:.8rem}.btn-danger-sm:hover{background:#fdf0ef}.btn-link{color:var(--rcw-red);background:0 0;padding:.45rem .25rem}.btn-link:hover{text-decoration:underline}button:disabled{opacity:.6;cursor:not-allowed}label{flex-direction:column;gap:.3rem;font-size:.875rem;font-weight:500;display:flex}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);width:100%;padding:.45rem .65rem;font-family:inherit;font-size:.9rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--rcw-red);outline-offset:0;border-color:var(--rcw-red)}textarea{resize:vertical}.field-row{flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;display:flex}.field-row>label{flex:180px}.form-section{margin-bottom:1.5rem}.form-section h2{margin-bottom:.75rem;font-size:1.1rem}.order-form .form-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.25rem}.form-actions{margin-top:1.25rem}.form-error{color:#c0392b;margin-top:.5rem;font-size:.875rem}.form-info{color:#2e7d32;border-radius:var(--radius);background:#f1f8e9;padding:.5rem .75rem;font-size:.875rem}.hint{color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem}.car-entry{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.car-entry-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.car-entry h3{font-size:1rem}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding:.75rem}legend{color:var(--text-muted);padding:0 .4rem;font-size:.8rem;font-weight:600}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;background:var(--surface);width:100%;box-shadow:var(--shadow);border-radius:var(--radius);font-size:.9rem;overflow:hidden}th,td{text-align:left;padding:.7rem 1rem}th{background:var(--rcw-dark);color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}tr:not(:last-child) td{border-bottom:1px solid var(--border)}tr:hover td{background:#fdf5f5}.detail-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1.25rem}.detail-section h2{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem}dl.detail-grid{grid-template-columns:160px 1fr;gap:.4rem .75rem;font-size:.9rem;display:grid}dl.detail-grid.compact{grid-template-columns:120px 1fr}dt{color:var(--text-muted);font-weight:500}dd{font-weight:400}.car-detail{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding:1rem}.car-detail h3{margin-bottom:.75rem;font-size:1rem}.car-detail-cols{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=600px){.car-detail-cols{grid-template-columns:1fr}}.car-detail-cols strong{color:var(--text-muted);margin-bottom:.4rem;font-size:.85rem;display:block}.note-entry{border-left:3px solid var(--rcw-red);border-radius:0 var(--radius) var(--radius) 0;background:#fdf5f5;margin-bottom:.75rem;padding:.6rem 1rem}.note-meta{color:var(--text-muted);align-items:center;gap:1rem;margin-bottom:.3rem;font-size:.8rem;display:flex}.note-meta strong{color:var(--text);font-size:.9rem}.note-form{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.note-form h3{margin-bottom:.75rem;font-size:1rem}.role-badge{border-radius:20px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.role-admin{color:#c0392b;background:#fde8e6}.role-user{color:#1a73e8;background:#e8f0fe}.empty-state{color:var(--text-muted);padding:1rem 0;font-size:.9rem}
