:root{--primary:#00685f;--primary-hover:#005049;--primary-container:#008378;--primary-fixed:#89f5e7;--on-primary:#fff;--on-primary-fixed:#00201d;--secondary:#00687a;--secondary-container:#57dffe;--on-secondary-container:#006172;--tertiary:#006194;--tertiary-fixed:#cce5ff;--on-tertiary-fixed:#001d31;--background:#faf8ff;--surface:#fff;--surface-low:#f2f3ff;--surface-container:#eaedff;--surface-high:#e2e7ff;--inverse-surface:#283044;--surface-bright:#faf8ff;--on-surface:#131b2e;--on-surface-variant:#3d4947;--outline:#6d7a77;--outline-variant:#bcc9c6;--error:#ba1a1a;--error-container:#ffdad6;--on-error-container:#93000a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 10px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a1a;--shadow-float:0 20px 40px -15px #00685f33;--font-headline:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--background);color:var(--on-surface);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);color:var(--on-surface);letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none}input,select,textarea{font-family:var(--font-body)}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}.animate-pulse-dot{animation:2s ease-in-out infinite pulseGlow}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:3s linear infinite spin}.app-header{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--outline-variant);background:#ffffffeb;justify-content:space-between;align-items:center;height:68px;padding:0 2rem;display:flex;position:sticky;top:0}.nav-link{border-radius:var(--radius-full);color:var(--on-surface-variant);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.45rem;padding:.4rem .95rem;font-size:.82rem;font-weight:500;transition:all .18s ease-in-out;display:inline-flex}.nav-link:hover{color:var(--on-surface);background-color:#00685f14}.nav-link.active{background-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 1px 4px #00685f47}.container{max-width:1440px;margin:0 auto;padding:2rem}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0cc;padding:1.5rem;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.kpi-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0cc;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex}.btn-primary{background:var(--primary);color:var(--on-primary);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--primary-container);box-shadow:0 4px 12px #00685f40}.btn-secondary{background:var(--surface-low);color:var(--on-surface);border-radius:var(--radius-md);border:1px solid var(--outline-variant);align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--surface-container)}.btn-danger{background:var(--error-container);color:var(--on-error-container);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{background:#fbc4be}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-approved{color:var(--primary);border:1px solid var(--primary-fixed);background:#e6f7f2}.badge-pending{color:var(--secondary);border:1px solid var(--secondary-container);background:#e0f7fa}.badge-suspended{background:var(--error-container);color:var(--on-error-container)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:4px}