:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-success:#10b981;--color-success-dark:#059669;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;color:var(--color-gray-900);background-color:#fff;line-height:1.5}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:700;line-height:1.3}h1{font-size:2rem;margin-bottom:var(--spacing-lg)}h2{font-size:1.5rem}h2,h3{margin-bottom:var(--spacing-md)}h3{font-size:1.25rem}button{font-family:inherit;font-size:1rem}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{font-family:inherit}label{display:block;margin-bottom:var(--spacing-sm);font-weight:500}input,select,textarea{padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);font-size:1rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.card{padding:var(--spacing-xl);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);background:#fff;box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.card-metric{padding:var(--spacing-xl);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);background:#fff}.card-metric h3{margin:0 0 var(--spacing-md) 0;font-size:.875rem;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px}.card-metric .value{margin:0;font-size:1.875rem;font-weight:700}table{width:100%;border-collapse:collapse}thead tr{border-bottom:2px solid var(--color-gray-200)}th{text-align:left;font-weight:600;color:var(--color-gray-700)}td,th{padding:var(--spacing-md)}td{border-bottom:1px solid var(--color-gray-100)}tbody tr:hover{background-color:var(--color-gray-50)}section{margin-top:var(--spacing-3xl)}section:first-of-type{margin-top:0}.message{padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.message-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.message-error{background-color:#fee2e2;border:1px solid #fecaca;color:#7f1d1d}.message-warning{background-color:#fef3c7;border:1px solid #fde68a;color:#78350f}.message-info{background-color:#dbeafe;border:1px solid #bfdbfe;color:#0c2340}