:root{--primary: #4361ee;--primary-hover: #3a56d4;--secondary: #e2e8f0;--secondary-hover: #cbd5e1;--text-dark: #1e293b;--text-light: #64748b;--bg: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--danger: #ef4444;--radius: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg);color:var(--text-dark);line-height:1.6}.app-layout{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:var(--surface);box-shadow:0 1px 3px #0000000d;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:.5rem;align-items:center}.navbar-brand{font-size:1.25rem;font-weight:700;color:var(--primary);letter-spacing:-.025em}.main-content{flex:1;padding:2rem;max-width:1000px;margin:0 auto;width:100%}.container{background:var(--surface);border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;padding:2rem}.form-container{max-width:600px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}h2{font-weight:600;color:var(--text-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-weight:500;border-radius:var(--radius);cursor:pointer;transition:all .2s;text-decoration:none;border:none;font-size:.95rem}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background-color:var(--secondary);color:var(--text-dark)}.btn-secondary:hover{background-color:var(--secondary-hover)}.btn-sm{padding:.25rem .75rem;font-size:.875rem}.btn-text{background:transparent;color:var(--primary);padding:.5rem}.btn-text:hover{text-decoration:underline}.table-responsive{overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left}.table th,.table td{padding:1rem;border-bottom:1px solid var(--border)}.table th{font-weight:600;color:var(--text-light);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;background-color:var(--bg)}.table tr:hover td{background-color:#f8fafc}.empty-state{text-align:center;padding:3rem;color:var(--text-light);background:var(--bg);border-radius:var(--radius);border:1px dashed var(--border)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-dark)}.form-control{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:1rem;transition:border-color .2s}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1a}.search-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:#fdfdff}.loading,.error{padding:1rem}.error-alert{background-color:#fef2f2;color:var(--danger);padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem;border:1px solid #fecaca}.text-muted{color:var(--text-light)}.small{font-size:.875rem}.mt-4{margin-top:1.5rem}.mb-0{margin-bottom:0}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626}
