:root{--color-primary: #4f46e5;--color-accent: #8b5cf6;--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--color-info: #2563eb;--color-primary-hover: color-mix(in srgb, var(--color-primary) 85%, black);--color-primary-active: color-mix(in srgb, var(--color-primary) 70%, black);--color-primary-light: color-mix(in srgb, var(--color-primary) 12%, white);--color-primary-border: color-mix(in srgb, var(--color-primary) 35%, white);--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success-bg: color-mix(in srgb, var(--color-success) 12%, white);--color-success-text: color-mix(in srgb, var(--color-success) 60%, black);--color-warning-bg: color-mix(in srgb, var(--color-warning) 12%, white);--color-warning-text: color-mix(in srgb, var(--color-warning) 60%, black);--color-danger-bg: color-mix(in srgb, var(--color-danger) 12%, white);--color-danger-text: color-mix(in srgb, var(--color-danger) 60%, black);--color-info-bg: color-mix(in srgb, var(--color-info) 12%, white);--color-info-text: color-mix(in srgb, var(--color-info) 60%, black);--color-bg: #f8fafc;--color-surface: #ffffff;--color-border: var(--color-gray-200);--color-text: var(--color-gray-900);--color-text-muted: var(--color-gray-500);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .14);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;color:var(--color-text);background:var(--color-bg);overflow-x:hidden}a{color:var(--color-primary)}h1,h2,h3{font-weight:700;color:var(--color-gray-900)}img,svg{max-width:100%;height:auto}table{max-width:100%}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.page{max-width:1000px;margin:0 auto}.page-header{margin-bottom:1.5rem}.page-header h2{margin:0 0 .3rem;color:var(--color-gray-900)}.page-header p{margin:0;color:var(--color-text-muted);font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.4rem;min-height:42px;border-radius:var(--radius-md);border:1px solid transparent;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),opacity var(--transition)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary-border)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-light)}.btn-ghost{background:transparent;color:var(--color-gray-600);border-color:var(--color-gray-300)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:.4rem .9rem;min-height:34px;font-size:.85rem;border-radius:var(--radius-sm)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}.card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.badge-neutral{background:var(--color-gray-100);color:var(--color-gray-600)}.form-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem}.form-label{font-size:.88rem;font-weight:600;color:var(--color-gray-700)}.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=date],input[type=tel],select,textarea{font-family:inherit;padding:.65rem .8rem;min-height:42px;border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:.95rem;color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition),box-shadow var(--transition)}textarea{min-height:unset}.input:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.table-responsive,.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse;background:var(--color-surface)}th,td{padding:.75rem 1.1rem;border-bottom:1px solid var(--color-border);font-size:.88rem;text-align:left}th{background:var(--color-gray-50);color:var(--color-gray-700);font-weight:600;white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-gray-50)}.empty-state{text-align:center;padding:3rem 1.5rem;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}@media (max-width: 480px){body{font-size:15px}}