:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-success: #22c55e;--color-warning: #f59e0b;--color-bg: #0f172a;--color-bg-card: #1e293b;--color-bg-input: #334155;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-border: #475569;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:background-color .2s;border:none;color:#fff}.btn-primary{background-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-danger{background-color:var(--color-danger)}.btn-danger:hover{background-color:var(--color-danger-hover)}.btn-secondary{background-color:var(--color-bg-input)}.btn-secondary:hover{background-color:#475569}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background-color:var(--color-bg-input)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md)}.input{width:100%;padding:.625rem .875rem;background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;outline:none}.input:focus{border-color:var(--color-primary)}.label{display:block;margin-bottom:.375rem;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.error-text{color:var(--color-danger);font-size:.8125rem}.success-text{color:var(--color-success);font-size:.8125rem}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page{min-height:100vh;display:flex;flex-direction:column}.page-header{padding:2rem 0;text-align:center}.page-title{font-size:1.5rem;font-weight:700}.form-group{margin-bottom:1rem}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.loading-spinner-container{display:flex;justify-content:center;align-items:center;padding:2rem}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;gap:1rem}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase}tr:hover td{background-color:var(--color-bg-input)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem 0}.pagination-info{font-size:.875rem;color:var(--color-text-muted)}