:root{--primary: #000666;--primary-container: #1a237e;--on-primary: #ffffff;--surface: #fbf8ff;--surface-container-low: #f5f2fb;--surface-container-lowest: #ffffff;--surface-container-highest: #e4e1ea;--on-surface: #1b1b21;--on-surface-variant: #454652;--outline-variant: rgba(198, 197, 212, .2);--error: #ba1a1a;--font-family: "Inter", sans-serif;--radius-xl: .75rem;--radius-md: .375rem;--shadow-ambient: 0 8px 24px rgba(27, 27, 33, .06)}body{margin:0;font-family:var(--font-family);background-color:var(--surface);color:var(--on-surface)}*{box-sizing:border-box}.card{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-ambient);padding:1.5rem;margin-bottom:2rem;border:1px solid var(--outline-variant)}.card-header .title{margin-top:0;color:var(--primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.input-field{background-color:var(--surface-container-highest);border:none;border-bottom:2px solid var(--primary);padding:.75rem 1rem;border-radius:4px 4px 0 0;font-family:inherit;font-size:1rem;width:100%;color:var(--on-surface);transition:background-color .2s}.input-field:focus{outline:none;background-color:var(--surface-container-lowest)}select.input-field{appearance:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;font-family:inherit;font-size:1rem;cursor:pointer;transition:opacity .2s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--primary);border:1px solid rgba(198,197,212,.5);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;font-family:inherit;font-size:1rem;cursor:pointer;transition:background-color .2s}.btn-secondary:hover:not(:disabled){background-color:var(--surface-container-low)}.search-row{display:flex;gap:1rem}.form-row{display:flex;gap:1.5rem;margin-bottom:1rem}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{font-size:.875rem;color:var(--on-surface-variant);margin-bottom:.5rem;font-weight:500}.error-msg{color:var(--error);margin-top:1rem;font-size:.875rem}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:.875rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;padding:1rem 0;border-bottom:1px solid var(--outline-variant)}td{padding:1rem 0;border-bottom:1px solid var(--outline-variant)}