@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";
:root{--mi-blue-50:#e8f0fa;--mi-blue-100:#c5d9f2;--mi-blue-200:#8bb3e5;--mi-blue-300:#518dd8;--mi-blue-400:#3578c5;--mi-blue-500:#2968b2;--mi-blue-600:#215694;--mi-blue-700:#1b3a6b;--mi-blue-800:#142d52;--mi-blue-900:#0d1f3a;--mi-blue-950:#070d19;--mi-orange-50:#fff3e6;--mi-orange-100:#ffe0b8;--mi-orange-200:#ffca85;--mi-orange-300:#ffb352;--mi-orange-400:#f99d2f;--mi-orange-500:#f58220;--mi-orange-600:#d96b10;--mi-orange-700:#b85508;--mi-orange-800:#8c4006;--mi-orange-900:#5c2a04;--bg-primary:#070b14;--bg-secondary:#0f1524;--bg-tertiary:#172036;--bg-elevated:#1e2945;--bg-surface:#263558;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-accent:#f58220;--text-link:#518dd8;--btn-primary-bg:linear-gradient(135deg, #2968b2, #518dd8);--btn-primary-hover:linear-gradient(135deg, #215694, #3578c5);--btn-accent-bg:linear-gradient(135deg, #f58220, #ffb352);--btn-accent-hover:linear-gradient(135deg, #d96b10, #f58220);--btn-ghost-border:#1f2945;--btn-ghost-hover:#ffffff0d;--state-active:#22c55e;--state-active-bg:#22c55e1a;--state-pending:#f59e0b;--state-pending-bg:#f59e0b1a;--state-approved:#3b82f6;--state-approved-bg:#3b82f61a;--state-rejected:#ef4444;--state-rejected-bg:#ef44441a;--state-warning:#f97316;--state-warning-bg:#f973161a;--state-sanction:#dc2626;--state-sanction-bg:#dc26261a;--border-default:#141d30;--border-subtle:#1e2945;--border-accent:#2968b2;--border-focus:#518dd8;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--shadow-sm:0 2px 4px #0003;--shadow-md:0 8px 16px #0006;--shadow-lg:0 16px 32px #00000080;--glow-blue:0 0 20px #2968b259;--glow-orange:0 0 20px #f5822059;--glow-success:0 0 20px #22c55e40;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--mi-blue-700) var(--bg-primary);margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background-color:var(--mi-blue-700);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--mi-orange-400)}input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.title-hero{background:linear-gradient(135deg, var(--text-primary) 30%, var(--mi-orange-500) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3rem;font-weight:900;line-height:1.1}.text-gradient-blue{background:linear-gradient(135deg, var(--mi-blue-300), var(--mi-blue-600));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-orange{background:linear-gradient(135deg, var(--mi-orange-300), var(--mi-orange-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn{font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;text-align:center;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex}.btn-primary{background:var(--btn-primary-bg);box-shadow:0 4px 14px #2968b240}.btn-primary:hover{background:var(--btn-primary-hover);box-shadow:var(--glow-blue);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-accent{background:var(--btn-accent-bg);box-shadow:0 4px 14px #f5822040}.btn-accent:hover{background:var(--btn-accent-hover);box-shadow:var(--glow-orange);transform:translateY(-2px)}.btn-accent:active{transform:translateY(0)}.btn-ghost{border:1px solid var(--btn-ghost-border);background:0 0}.btn-ghost:hover{background:var(--btn-ghost-hover);border-color:var(--mi-blue-500);transform:translateY(-1px)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);padding:24px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--mi-blue-500), var(--mi-orange-500));opacity:0;width:100%;height:4px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0}.card:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-md);transform:translateY(-4px)}.card:hover:before{opacity:1}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-active{color:var(--state-active);background-color:var(--state-active-bg)}.badge-pending{color:var(--state-pending);background-color:var(--state-pending-bg)}.badge-approved{color:var(--state-approved);background-color:var(--state-approved-bg)}.badge-rejected{color:var(--state-rejected);background-color:var(--state-rejected-bg)}.badge-warning{color:var(--state-warning);background-color:var(--state-warning-bg)}.badge-sanction{color:var(--state-sanction);background-color:var(--state-sanction-bg)}