@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&display=swap";
:root{--color-primary:#064e3b;--color-primary-hover:#043927;--color-primary-light:#065f46;--color-primary-bg:#ecfdf5;--color-accent:#064e3b;--color-accent-hover:#043927;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-success:#064e3b;--color-success-bg:#ecfdf5;--color-info:#3b82f6;--color-info-bg:#eff6ff;--color-bg:#fff;--color-bg-secondary:#fafaf9;--color-bg-tertiary:#f5f5f4;--color-text:#1c1917;--color-text-secondary:#78716c;--color-text-muted:#a8a29e;--color-border:#e7e5e4;--color-border-light:#f5f5f4;--shadow-card:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-hover:0 4px 12px #00000014,0 1px 3px #0000000a;--shadow-elevated:0 10px 25px #0000001a,0 2px 8px #0000000a;--radius-card:12px;--radius-button:8px;--sidebar-bg:#0f172a;--sidebar-border:#ffffff0f;--c-green:#064e3b;--c-green-light:#ecfdf5;--c-green-border:#a7f3d0;--c-green-bg:#f0fdf4;--c-red:#ef4444;--c-red-light:#fef2f2;--c-red-border:#fecaca;--c-amber:#f59e0b;--c-amber-light:#fffbeb;--c-amber-border:#fde68a;--c-blue:#3b82f6;--c-blue-light:#eff6ff;--c-indigo:#6366f1;--c-indigo-light:#eef2ff;--c-indigo-border:#c7d2fe;--c-pink:#ec4899;--c-pink-light:#fdf2f8;--c-pink-border:#fbcfe8;--c-gray-50:#f8fafc;--c-gray-100:#f1f5f9;--c-gray-200:#e2e8f0;--c-gray-300:#cbd5e1;--c-gray-400:#94a3b8;--c-gray-500:#64748b;--c-gray-600:#475569;--c-gray-700:#334155;--c-gray-800:#1e293b;--c-gray-900:#0f172a;--c-white:#fff;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:"DM Serif Display",Georgia,serif;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes toastIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-slow)ease both}.animate-slide-up{animation:.4s both slideUp}.animate-slide-in{animation:.3s both slideIn}.animate-pulse{animation:2s infinite pulse}.animate-scale-in{animation:.3s both scaleIn}.animate-stagger>*{animation:.3s both fadeIn}.animate-stagger>:first-child{animation-delay:0s}.animate-stagger>:nth-child(2){animation-delay:50ms}.animate-stagger>:nth-child(3){animation-delay:.1s}.animate-stagger>:nth-child(4){animation-delay:.15s}.animate-stagger>:nth-child(5){animation-delay:.2s}.animate-stagger>:nth-child(6){animation-delay:.25s}.animate-stagger>:nth-child(7){animation-delay:.3s}.animate-stagger>:nth-child(8){animation-delay:.35s}.card{background:var(--c-white);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);min-width:0;overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-1px)}.badge{font-size:var(--text-xs);border-radius:var(--radius-full);letter-spacing:.01em;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge-green{background:var(--c-green-light);color:#064e3b}.badge-red{background:var(--c-red-light);color:var(--c-red)}.badge-amber{background:var(--c-amber-light);color:#b45309}.badge-gray{background:var(--c-gray-100);color:var(--c-gray-500)}.badge-blue{background:var(--c-blue-light);color:var(--c-blue)}.badge-indigo{background:var(--c-indigo-light);color:var(--c-indigo)}.badge-pink{background:var(--c-pink-light);color:var(--c-pink)}.badge-live{color:#fff;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-xs);background:linear-gradient(135deg,#064e3b,#043927);padding:2px 10px;font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);font-size:var(--text-md);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;padding:8px 16px;line-height:1.4;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{color:var(--c-white);border-radius:var(--radius-lg);background:#064e3b;box-shadow:0 1px 3px #064e3b33}.btn-primary:hover:not(:disabled){background:#043927;transform:translateY(-.5px);box-shadow:0 4px 12px #064e3b4d}.btn-secondary{background:var(--c-white);color:var(--c-gray-700);border:1px solid var(--c-gray-200)}.btn-secondary:hover:not(:disabled){background:var(--c-gray-50);border-color:var(--c-gray-300)}.btn-danger{background:var(--color-danger);color:var(--c-white);border-radius:var(--radius-lg)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{color:var(--c-gray-600);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--c-gray-100);color:var(--c-gray-800)}.btn-outline{border:1px solid var(--c-gray-200);color:var(--c-gray-700);background:0 0}.btn-outline:hover:not(:disabled){background:var(--c-gray-50);border-color:var(--c-gray-300)}.btn-sm{font-size:var(--text-sm);padding:6px 12px}.btn-xs{font-size:var(--text-sm);padding:4px 10px;font-weight:500}.btn-lg{font-size:var(--text-lg);padding:10px 20px}.input{border:1px solid var(--c-gray-200);border-radius:var(--radius-lg);font-size:var(--text-md);font-family:var(--font-sans);color:var(--c-gray-800);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--c-white);padding:8px 12px}.input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #064e3b1a}.skeleton{background:linear-gradient(90deg,var(--c-gray-100)25%,var(--c-gray-200)50%,var(--c-gray-100)75%);border-radius:var(--radius-xl);background-size:200% 100%;animation:1.5s infinite shimmer}.kpi-grid{gap:var(--space-4);margin-bottom:var(--space-6);display:grid}.kpi-grid-4{grid-template-columns:repeat(4,1fr)}.kpi-grid-3{grid-template-columns:repeat(3,1fr)}.kpi-grid-5{grid-template-columns:repeat(5,1fr)}.kpi-grid-6{grid-template-columns:repeat(6,1fr)}.page-bg{background:var(--color-bg-secondary);min-height:100vh;font-family:var(--font-sans);color:var(--color-text)}.container{max-width:1100px;padding:var(--space-6)var(--space-6);margin:0 auto}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-gap-2{align-items:center;gap:var(--space-2);display:flex}.flex-gap-3{align-items:center;gap:var(--space-3);display:flex}.flex-gap-4{align-items:center;gap:var(--space-4);display:flex}.heading-page{font-size:var(--text-2xl);color:var(--c-gray-900);letter-spacing:-.02em;font-weight:700}.heading-section{font-size:var(--text-lg);color:var(--c-gray-800);letter-spacing:-.01em;font-weight:600}.heading-serif{font-family:var(--font-serif);color:var(--c-gray-900)}.text-muted{color:var(--c-gray-500)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.tabular-nums{font-variant-numeric:tabular-nums}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-md)}.data-table th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--c-gray-500);border-bottom:1px solid var(--c-gray-200);padding:10px 12px;font-weight:600}.data-table td{border-bottom:1px solid var(--c-gray-100);color:var(--c-gray-700);padding:10px 12px}.data-table tr:hover td{background:var(--c-gray-50)}.data-table tr:last-child td{border-bottom:none}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot-green{background:#10b981;box-shadow:0 0 0 2px #10b98133}.status-dot-red{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.status-dot-amber{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.status-dot-gray{background:#94a3b8}.alert-error{background:var(--c-red-light);color:#991b1b;border-radius:var(--radius-lg);font-size:var(--text-md);margin-bottom:var(--space-4);border:1px solid var(--c-red-border);padding:12px 16px}.alert-success{background:var(--c-green-light);color:#166534;border-radius:var(--radius-lg);font-size:var(--text-md);margin-bottom:var(--space-4);border:1px solid var(--c-green-border);padding:12px 16px}@media (max-width:1024px){.kpi-grid-4,.kpi-grid-5,.kpi-grid-6{grid-template-columns:repeat(2,1fr)}.hide-desktop{display:block!important}.hide-mobile{display:none!important}}@media (max-width:768px){.kpi-grid-4,.kpi-grid-3,.kpi-grid-5,.kpi-grid-6{grid-template-columns:1fr}.container{padding:var(--space-4)var(--space-3)}}@media print{body{background:#fff!important}.no-print{display:none!important}.card{border:1px solid var(--c-gray-200);break-inside:avoid;box-shadow:none!important}.page-bg{min-height:auto}.container{max-width:100%;padding:0}.btn,button,nav,.nav-links,.hamburger-btn,.mobile-menu{display:none!important}}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--c-gray-50);color:var(--c-gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}input:focus{outline-offset:1px;outline:2px solid #1665344d}button:focus-visible{outline-offset:2px;outline:2px solid #1665344d}html{scroll-behavior:smooth}::selection{background:var(--c-green-light);color:var(--c-green)}