@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600;700&display=swap";
:root{--color-primary:#00b894;--color-primary-dark:#007a65;--color-primary-light:#00d2a0;--color-primary-bg:#e6f7f4;--color-danger:#ff6b6b;--color-warning:#ffa940;--color-bg:#fff;--color-bg-secondary:#f8f9fa;--color-text:#2d3436;--color-text-muted:#636e72;--color-border:#dfe6e9;--shadow-card:0 2px 8px #00000014;--shadow-hover:0 4px 16px #00b89426;--radius-card:12px;--radius-button:8px;--c-green:#00b894;--c-green-light:#e6f7f4;--c-green-border:#b2f5ea;--c-green-bg:#e6f7f4;--c-red:#ff6b6b;--c-red-light:#fff5f5;--c-red-border:#feb2b2;--c-amber:#ffa940;--c-amber-light:#fffbeb;--c-amber-border:#fde68a;--c-blue:#1e40af;--c-blue-light:#eff6ff;--c-indigo:#4f46e5;--c-indigo-light:#eef2ff;--c-indigo-border:#c7d2fe;--c-pink:#be185d;--c-pink-light:#fdf4ff;--c-pink-border:#fbcfe8;--c-gray-50:#f8f9fa;--c-gray-100:#f3f4f6;--c-gray-200:#dfe6e9;--c-gray-300:#b2bec3;--c-gray-400:#636e72;--c-gray-500:#636e72;--c-gray-600:#4b5563;--c-gray-700:#2d3436;--c-gray-800:#1f2937;--c-gray-900:#2d3436;--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:22px;--text-2xl:24px;--text-3xl:28px;--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-full:9999px;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 12px #0000001f;--shadow-lg:0 8px 24px #00000029;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}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)}}.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-stagger>*{animation:.3s both fadeIn}.animate-stagger>:first-child{animation-delay:0s}.animate-stagger>:nth-child(2){animation-delay:60ms}.animate-stagger>:nth-child(3){animation-delay:.12s}.animate-stagger>:nth-child(4){animation-delay:.18s}.animate-stagger>:nth-child(5){animation-delay:.24s}.animate-stagger>:nth-child(6){animation-delay:.3s}.animate-stagger>:nth-child(7){animation-delay:.36s}.animate-stagger>:nth-child(8){animation-delay:.42s}.card{background:var(--c-white);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--shadow-card);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-hover)}.card-clickable{cursor:pointer}.badge{font-size:var(--text-xs);border-radius:var(--radius-sm);align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge-green{background:var(--c-green-light);color:var(--c-green)}.badge-red{background:var(--c-red-light);color:var(--c-red)}.badge-amber{background:var(--c-amber-light);color:var(--c-amber)}.badge-gray{background:var(--c-gray-100);color:var(--c-gray-400)}.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{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-xs);padding:2px 8px}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-base);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:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--c-white);border-radius:var(--radius-button)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-hover)}.btn-secondary{background:var(--c-gray-200);color:var(--c-gray-700)}.btn-secondary:hover:not(:disabled){background:var(--c-gray-300)}.btn-danger{background:var(--color-danger);color:var(--c-white);border-radius:var(--radius-button)}.btn-danger:hover:not(:disabled){background:#e85656}.btn-blue{background:var(--c-blue);color:var(--c-white)}.btn-blue:hover:not(:disabled){background:#1e3a8a}.btn-outline{border:1px solid var(--c-gray-300);color:var(--c-gray-700);background:0 0}.btn-outline:hover:not(:disabled){background:var(--c-gray-100);border-color:var(--c-gray-400)}.btn-sm{font-size:var(--text-sm);padding:6px 12px}.btn-xs{font-size:var(--text-sm);padding:4px 10px;font-weight:500}.nav-pill{border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-fast);border:1px solid;align-items:center;padding:6px 12px;font-weight:600;text-decoration:none;display:inline-flex}.nav-pill:hover{filter:brightness(.95)}.nav-pill-green{background:var(--c-green-bg);border-color:var(--c-green-border);color:var(--c-green)}.nav-pill-pink{background:var(--c-pink-light);border-color:var(--c-pink-border);color:var(--c-pink)}.nav-pill-amber{background:var(--c-amber-light);border-color:var(--c-amber-border);color:#d97706}.nav-pill-indigo{background:var(--c-indigo-light);border-color:var(--c-indigo-border);color:var(--c-indigo)}.nav-pill-gray{background:var(--c-gray-100);border-color:var(--c-gray-200);color:var(--c-gray-600)}.input{border:1px solid var(--c-gray-200);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-sans);color:var(--c-gray-900);transition:border-color var(--transition-fast);background:var(--c-white);padding:8px 12px}.input:focus{border-color:var(--color-primary);outline-offset:0;outline:2px solid #00b89426}.input-sm{font-size:var(--text-base);padding:6px 10px}.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)}.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-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}.alert-error{background:var(--c-red-light);color:var(--c-red);border-radius:var(--radius-lg);font-size:var(--text-md);margin-bottom:var(--space-4);padding:10px 14px}@media (max-width:1024px){.kpi-grid-4,.kpi-grid-5{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{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)}