:root{--iof-primary-50:#f0fdfa;--iof-primary-100:#b3f5e1;--iof-primary-200:#6ee7bf;--iof-primary-300:#3dd9a5;--iof-primary-400:#1dba8a;--iof-primary-500:#14997a;--iof-primary-600:#0f7d64;--iof-primary-700:#0d6652;--iof-primary-800:#0a5443;--iof-primary-900:#084638;--iof-secondary-50:#eff6ff;--iof-secondary-100:#dbeafe;--iof-secondary-200:#bfdbfe;--iof-secondary-300:#93c5fd;--iof-secondary-400:#60a5fa;--iof-secondary-500:#3b82f6;--iof-secondary-600:#2563eb;--iof-secondary-700:#1d4ed8;--iof-secondary-800:#1e40af;--iof-secondary-900:#1e3a5f;--iof-neutral-50:#fafafa;--iof-neutral-100:#f4f4f5;--iof-neutral-200:#e4e4e7;--iof-neutral-300:#d4d4d8;--iof-neutral-400:#a1a1aa;--iof-neutral-500:#71717a;--iof-neutral-600:#52525b;--iof-neutral-700:#3f3f46;--iof-neutral-800:#27272a;--iof-neutral-900:#18181b;--iof-success:#14997a;--iof-success-light:#d1fae5;--iof-success-dark:#0f7d64;--iof-warning:#d97706;--iof-warning-light:#fef3c7;--iof-warning-dark:#b45309;--iof-error:#dc2626;--iof-error-light:#fee2e2;--iof-error-dark:#b91c1c;--iof-info:#2563eb;--iof-info-light:#dbeafe;--iof-info-dark:#1d4ed8;--iof-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--iof-font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--iof-space-0:0;--iof-space-1:.25rem;--iof-space-2:.5rem;--iof-space-3:.75rem;--iof-space-4:1rem;--iof-space-5:1.25rem;--iof-space-6:1.5rem;--iof-space-8:2rem;--iof-space-10:2.5rem;--iof-space-12:3rem;--iof-space-16:4rem;--iof-radius-none:0;--iof-radius-sm:.25rem;--iof-radius-md:.375rem;--iof-radius-lg:.5rem;--iof-radius-xl:.75rem;--iof-radius-2xl:1rem;--iof-radius-3xl:1.5rem;--iof-radius-full:9999px;--iof-shadow-xs:0 1px 2px 0 #0000000d;--iof-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--iof-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--iof-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--iof-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--iof-shadow-2xl:0 25px 50px -12px #00000040;--iof-shadow-inner:inset 0 2px 4px 0 #0000000d;--iof-transition-fast:.15s ease;--iof-transition-normal:.2s ease;--iof-transition-slow:.3s ease;--iof-sidebar-width:280px;--iof-sidebar-collapsed:64px;--iof-header-height:64px;--iof-container-max:1440px;--iof-z-dropdown:1000;--iof-z-sticky:1020;--iof-z-fixed:1030;--iof-z-modal-backdrop:1040;--iof-z-modal:1050;--iof-z-popover:1060;--iof-z-tooltip:1070}[data-theme=dark],.dark{--iof-neutral-50:#18181b;--iof-neutral-100:#27272a;--iof-neutral-200:#3f3f46;--iof-neutral-300:#52525b;--iof-neutral-400:#71717a;--iof-neutral-500:#a1a1aa;--iof-neutral-600:#d4d4d8;--iof-neutral-700:#e4e4e7;--iof-neutral-800:#f4f4f5;--iof-neutral-900:#fafafa;--iof-success-light:#05966933;--iof-warning-light:#d9770633;--iof-error-light:#dc262633;--iof-info-light:#2563eb33}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--iof-neutral-50:#18181b;--iof-neutral-100:#27272a;--iof-neutral-200:#3f3f46;--iof-neutral-300:#52525b;--iof-neutral-400:#71717a;--iof-neutral-500:#a1a1aa;--iof-neutral-600:#d4d4d8;--iof-neutral-700:#e4e4e7;--iof-neutral-800:#f4f4f5;--iof-neutral-900:#fafafa;--iof-success-light:#05966933;--iof-warning-light:#d9770633;--iof-error-light:#dc262633;--iof-info-light:#2563eb33}}.iof-heading-1{font-family:var(--iof-font-sans);letter-spacing:-.025em;color:var(--iof-neutral-900);font-size:2.25rem;font-weight:700;line-height:1.2}.iof-heading-2{font-family:var(--iof-font-sans);letter-spacing:-.02em;color:var(--iof-neutral-900);font-size:1.875rem;font-weight:600;line-height:1.3}.iof-heading-3{font-family:var(--iof-font-sans);letter-spacing:-.015em;color:var(--iof-neutral-900);font-size:1.5rem;font-weight:600;line-height:1.4}.iof-heading-4{font-family:var(--iof-font-sans);color:var(--iof-neutral-900);font-size:1.25rem;font-weight:600;line-height:1.4}.iof-body{font-family:var(--iof-font-sans);color:var(--iof-neutral-700);font-size:1rem;font-weight:400;line-height:1.6}.iof-body-sm{font-family:var(--iof-font-sans);color:var(--iof-neutral-600);font-size:.875rem;font-weight:400;line-height:1.5}.iof-caption{font-family:var(--iof-font-sans);letter-spacing:.02em;color:var(--iof-neutral-500);font-size:.75rem;font-weight:500;line-height:1.4}.iof-label{font-family:var(--iof-font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--iof-neutral-500);font-size:.6875rem;font-weight:600;line-height:1.4}.iof-code{font-family:var(--iof-font-mono);background:var(--iof-neutral-100);border-radius:var(--iof-radius-sm);color:var(--iof-primary-700);padding:.125rem .375rem;font-size:.875rem}.iof-btn{justify-content:center;align-items:center;gap:var(--iof-space-2);padding:var(--iof-space-2)var(--iof-space-4);border-radius:var(--iof-radius-lg);font-family:var(--iof-font-sans);cursor:pointer;transition:all var(--iof-transition-normal);white-space:nowrap;border:none;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.iof-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.iof-btn:focus-visible{outline:2px solid var(--iof-primary-500);outline-offset:2px}.iof-btn-primary{background:linear-gradient(135deg,var(--iof-primary-600)0%,var(--iof-primary-700)100%);color:#fff;box-shadow:var(--iof-shadow-sm)}.iof-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--iof-primary-700)0%,var(--iof-primary-800)100%);box-shadow:var(--iof-shadow-md);transform:translateY(-1px)}.iof-btn-primary:active:not(:disabled){box-shadow:var(--iof-shadow-sm);transform:translateY(0)}.iof-btn-secondary{background:var(--iof-neutral-100);color:var(--iof-neutral-700);border:1px solid var(--iof-neutral-200)}.iof-btn-secondary:hover:not(:disabled){background:var(--iof-neutral-200);color:var(--iof-neutral-900)}.iof-btn-gold{background:linear-gradient(135deg,var(--iof-secondary-500)0%,var(--iof-secondary-600)100%);color:#fff;box-shadow:var(--iof-shadow-sm)}.iof-btn-gold:hover:not(:disabled){background:linear-gradient(135deg,var(--iof-secondary-600)0%,var(--iof-secondary-700)100%);box-shadow:var(--iof-shadow-md)}.iof-btn-outline{color:var(--iof-primary-600);border:1px solid var(--iof-primary-600);background:0 0}.iof-btn-outline:hover:not(:disabled){background:var(--iof-primary-50)}.iof-btn-ghost{color:var(--iof-neutral-600);background:0 0}.iof-btn-ghost:hover:not(:disabled){background:var(--iof-neutral-100);color:var(--iof-neutral-900)}.iof-btn-danger{background:var(--iof-error);color:#fff}.iof-btn-danger:hover:not(:disabled){background:var(--iof-error-dark)}.iof-btn-success{background:var(--iof-success);color:#fff}.iof-btn-success:hover:not(:disabled){background:var(--iof-success-dark)}.iof-btn-xs{padding:var(--iof-space-1)var(--iof-space-2);border-radius:var(--iof-radius-md);font-size:.75rem}.iof-btn-sm{padding:var(--iof-space-1)var(--iof-space-3);font-size:.8125rem}.iof-btn-lg{padding:var(--iof-space-3)var(--iof-space-6);font-size:1rem}.iof-btn-xl{padding:var(--iof-space-4)var(--iof-space-8);font-size:1.125rem}.iof-card{border-radius:var(--iof-radius-xl);padding:var(--iof-space-6);box-shadow:var(--iof-shadow-sm);border:1px solid var(--iof-neutral-100);transition:box-shadow var(--iof-transition-normal),transform var(--iof-transition-normal);background:#fff}.iof-card-interactive:hover{box-shadow:var(--iof-shadow-md);transform:translateY(-2px)}.iof-card-header{margin-bottom:var(--iof-space-4);padding-bottom:var(--iof-space-4);border-bottom:1px solid var(--iof-neutral-100);justify-content:space-between;align-items:center;display:flex}.iof-card-title{color:var(--iof-neutral-900);font-size:1.125rem;font-weight:600}.iof-card-subtitle{color:var(--iof-neutral-500);margin-top:var(--iof-space-1);font-size:.875rem}.iof-card-body{color:var(--iof-neutral-700)}.iof-card-footer{justify-content:flex-end;gap:var(--iof-space-3);margin-top:var(--iof-space-6);padding-top:var(--iof-space-4);border-top:1px solid var(--iof-neutral-100);display:flex}.iof-stat-card{border-radius:var(--iof-radius-xl);padding:var(--iof-space-6);border:1px solid var(--iof-neutral-100);box-shadow:var(--iof-shadow-sm);background:#fff}.iof-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--iof-neutral-500);margin-bottom:var(--iof-space-2);font-size:.75rem;font-weight:600}.iof-stat-value{color:var(--iof-neutral-900);font-size:2rem;font-weight:700;line-height:1.2}.iof-stat-change{margin-top:var(--iof-space-2);align-items:center;gap:var(--iof-space-1);font-size:.875rem;display:flex}.iof-stat-change-positive{color:var(--iof-success)}.iof-stat-change-negative{color:var(--iof-error)}.iof-card-highlight{background:linear-gradient(135deg,var(--iof-primary-700)0%,var(--iof-primary-600)100%);color:#fff;border:none}.iof-card-highlight .iof-stat-label,.iof-card-highlight .iof-card-subtitle{color:#fffc}.iof-card-highlight .iof-stat-value,.iof-card-highlight .iof-card-title{color:#fff}.iof-card-gold{background:linear-gradient(135deg,var(--iof-secondary-600)0%,var(--iof-secondary-500)100%);color:#fff;border:none}.iof-card-gold .iof-stat-label,.iof-card-gold .iof-card-subtitle{color:#ffffffd9}.iof-card-gold .iof-stat-value,.iof-card-gold .iof-card-title{color:#fff}.iof-table-container{border-radius:var(--iof-radius-xl);box-shadow:var(--iof-shadow-sm);border:1px solid var(--iof-neutral-100);background:#fff;overflow:hidden}.iof-table-header{padding:var(--iof-space-4)var(--iof-space-6);border-bottom:1px solid var(--iof-neutral-200);background:var(--iof-neutral-50);justify-content:space-between;align-items:center;display:flex}.iof-table{border-collapse:collapse;width:100%}.iof-table th,.iof-table td{padding:var(--iof-space-4)var(--iof-space-6);text-align:left}.iof-table th{background:var(--iof-neutral-50);text-transform:uppercase;letter-spacing:.05em;color:var(--iof-neutral-500);border-bottom:1px solid var(--iof-neutral-200);font-size:.75rem;font-weight:600}.iof-table tbody tr{border-bottom:1px solid var(--iof-neutral-100);transition:background var(--iof-transition-fast)}.iof-table tbody tr:hover{background:var(--iof-neutral-50)}.iof-table tbody tr:last-child{border-bottom:none}.iof-form-group{margin-bottom:var(--iof-space-6)}.iof-form-label{margin-bottom:var(--iof-space-2);color:var(--iof-neutral-700);font-size:.875rem;font-weight:500;display:block}.iof-form-label-required:after{content:"*";color:var(--iof-error);margin-left:var(--iof-space-1)}.iof-form-input,.iof-form-select,.iof-form-textarea{width:100%;padding:var(--iof-space-3)var(--iof-space-4);border:1px solid var(--iof-neutral-300);border-radius:var(--iof-radius-lg);font-family:var(--iof-font-sans);transition:border-color var(--iof-transition-fast),box-shadow var(--iof-transition-fast);color:var(--iof-neutral-900);background:#fff;font-size:.875rem}.iof-form-input::-moz-placeholder{color:var(--iof-neutral-400)}.iof-form-textarea::-moz-placeholder{color:var(--iof-neutral-400)}.iof-form-input::placeholder,.iof-form-textarea::placeholder{color:var(--iof-neutral-400)}.iof-form-input:focus,.iof-form-select:focus,.iof-form-textarea:focus{border-color:var(--iof-primary-500);box-shadow:0 0 0 3px var(--iof-primary-100);outline:none}.iof-form-input:disabled,.iof-form-select:disabled,.iof-form-textarea:disabled{background:var(--iof-neutral-100);cursor:not-allowed;opacity:.7}.iof-form-input-error{border-color:var(--iof-error)}.iof-form-input-error:focus{box-shadow:0 0 0 3px var(--iof-error-light)}.iof-form-error{color:var(--iof-error);margin-top:var(--iof-space-1);font-size:.75rem}.iof-form-hint{color:var(--iof-neutral-500);margin-top:var(--iof-space-1);font-size:.75rem}.iof-badge{padding:var(--iof-space-1)var(--iof-space-3);border-radius:var(--iof-radius-full);font-size:.75rem;font-weight:600;font-family:var(--iof-font-sans);align-items:center;display:inline-flex}.iof-badge-success{background:var(--iof-success-light);color:var(--iof-success)}.iof-badge-warning{background:var(--iof-warning-light);color:var(--iof-warning)}.iof-badge-error{background:var(--iof-error-light);color:var(--iof-error)}.iof-badge-info{background:var(--iof-info-light);color:var(--iof-info)}.iof-badge-default{background:var(--iof-neutral-100);color:var(--iof-neutral-600)}.iof-badge-primary{background:var(--iof-primary-100);color:var(--iof-primary-700)}.iof-badge-gold{background:var(--iof-secondary-100);color:var(--iof-secondary-700)}.iof-badge-murabaha{color:#1e40af;background:#dbeafe}.iof-badge-ijarah{color:#065f46;background:#d1fae5}.iof-badge-musharakah{color:#92400e;background:#fef3c7}.iof-badge-mudarabah{color:#9d174d;background:#fce7f3}.iof-badge-sukuk{color:#3730a3;background:#e0e7ff}.iof-badge-takaful{color:#115e59;background:#ccfbf1}.iof-badge-istisna{color:#86198f;background:#fae8ff}.iof-badge-salam{color:#155e75;background:#cffafe}.iof-badge-qard-hasan{color:#166534;background:#dcfce7}.iof-badge-wadiah{color:#9a3412;background:#fed7aa}.iof-badge-wakalah{color:#6b21a8;background:#e9d5ff}.iof-badge-hibah{color:#9f1239;background:#fecdd3}.iof-alert{padding:var(--iof-space-4);border-radius:var(--iof-radius-lg);align-items:flex-start;gap:var(--iof-space-3);font-size:.875rem;display:flex}.iof-alert-icon{flex-shrink:0;width:20px;height:20px}.iof-alert-content{flex:1}.iof-alert-title{margin-bottom:var(--iof-space-1);font-weight:600}.iof-alert-info{background:var(--iof-info-light);border:1px solid var(--iof-info);color:var(--iof-info-dark)}.iof-alert-success{background:var(--iof-success-light);border:1px solid var(--iof-success);color:var(--iof-success-dark)}.iof-alert-warning{background:var(--iof-warning-light);border:1px solid var(--iof-warning);color:var(--iof-warning-dark)}.iof-alert-error{background:var(--iof-error-light);border:1px solid var(--iof-error);color:var(--iof-error-dark)}.iof-mock-notice{background:var(--iof-warning-light);border:1px solid var(--iof-warning);border-radius:var(--iof-radius-lg);padding:var(--iof-space-3)var(--iof-space-4);margin-bottom:var(--iof-space-6);align-items:center;gap:var(--iof-space-3);color:var(--iof-warning-dark);font-size:.875rem;display:flex}.iof-loading{padding:var(--iof-space-16);color:var(--iof-neutral-500);justify-content:center;align-items:center;display:flex}.iof-spinner{border:3px solid var(--iof-neutral-200);border-top-color:var(--iof-primary-600);border-radius:50%;width:32px;height:32px;animation:1s linear infinite iof-spin}.iof-spinner-sm{border-width:2px;width:16px;height:16px}.iof-spinner-lg{border-width:4px;width:48px;height:48px}@keyframes iof-spin{to{transform:rotate(360deg)}}.iof-skeleton{background:linear-gradient(90deg,var(--iof-neutral-200)25%,var(--iof-neutral-100)50%,var(--iof-neutral-200)75%);border-radius:var(--iof-radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite iof-skeleton}@keyframes iof-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.iof-sidebar{width:var(--iof-sidebar-width);border-right:1px solid var(--iof-neutral-200);height:100vh;z-index:var(--iof-z-fixed);background:#fff;flex-direction:column;display:flex;position:fixed;overflow-y:auto}.iof-sidebar-logo{padding:var(--iof-space-6);border-bottom:1px solid var(--iof-neutral-200);background:linear-gradient(135deg,var(--iof-primary-800)0%,var(--iof-secondary-600)100%);color:#fff}.iof-sidebar-nav{padding:var(--iof-space-4);flex:1}.iof-nav-section{margin-bottom:var(--iof-space-6)}.iof-nav-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--iof-neutral-400);margin-bottom:var(--iof-space-2);padding:0 var(--iof-space-4);font-size:.6875rem;font-weight:600}.iof-nav-item{padding:var(--iof-space-3)var(--iof-space-4);border-radius:var(--iof-radius-lg);color:var(--iof-neutral-700);margin-bottom:var(--iof-space-1);cursor:pointer;transition:all var(--iof-transition-fast);align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.iof-nav-item:hover{background:var(--iof-primary-50);color:var(--iof-primary-700)}.iof-nav-item.active{background:var(--iof-primary-600);color:#fff}.iof-nav-item-icon{width:20px;height:20px;margin-right:var(--iof-space-3);flex-shrink:0}.iof-page-header{border-bottom:1px solid var(--iof-neutral-200);padding:var(--iof-space-6)var(--iof-space-8);z-index:var(--iof-z-sticky);background:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.iof-page-title{color:var(--iof-neutral-900);letter-spacing:-.025em;font-size:1.5rem;font-weight:700}.iof-page-subtitle{color:var(--iof-neutral-500);margin-top:var(--iof-space-1);font-size:.875rem}.iof-main{margin-left:var(--iof-sidebar-width);background:var(--iof-neutral-50);min-height:100vh}.iof-page-content{padding:var(--iof-space-8)}.iof-dashboard-grid{gap:var(--iof-space-6);margin-bottom:var(--iof-space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.iof-modal-backdrop{z-index:var(--iof-z-modal-backdrop);padding:var(--iof-space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.iof-modal{border-radius:var(--iof-radius-xl);box-shadow:var(--iof-shadow-2xl);max-width:90vw;max-height:90vh;z-index:var(--iof-z-modal);background:#fff;overflow:auto}.iof-modal-sm{width:400px}.iof-modal-md{width:560px}.iof-modal-lg{width:720px}.iof-modal-xl{width:960px}.iof-modal-header{padding:var(--iof-space-6);border-bottom:1px solid var(--iof-neutral-200);justify-content:space-between;align-items:center;display:flex}.iof-modal-title{color:var(--iof-neutral-900);font-size:1.25rem;font-weight:600}.iof-modal-close{padding:var(--iof-space-2);cursor:pointer;color:var(--iof-neutral-500);border-radius:var(--iof-radius-md);transition:background var(--iof-transition-fast);background:0 0;border:none}.iof-modal-close:hover{background:var(--iof-neutral-100);color:var(--iof-neutral-700)}.iof-modal-body{padding:var(--iof-space-6)}.iof-modal-footer{padding:var(--iof-space-4)var(--iof-space-6);border-top:1px solid var(--iof-neutral-200);justify-content:flex-end;gap:var(--iof-space-3);display:flex}.iof-text-primary{color:var(--iof-primary-600)}.iof-text-secondary{color:var(--iof-secondary-600)}.iof-text-success{color:var(--iof-success)}.iof-text-warning{color:var(--iof-warning)}.iof-text-error{color:var(--iof-error)}.iof-text-info{color:var(--iof-info)}.iof-text-muted{color:var(--iof-neutral-500)}.iof-bg-primary{background-color:var(--iof-primary-600)}.iof-bg-secondary{background-color:var(--iof-secondary-500)}.iof-bg-success{background-color:var(--iof-success)}.iof-bg-warning{background-color:var(--iof-warning)}.iof-bg-error{background-color:var(--iof-error)}.iof-bg-info{background-color:var(--iof-info)}.iof-flex{display:flex}.iof-flex-col{flex-direction:column}.iof-items-center{align-items:center}.iof-justify-center{justify-content:center}.iof-justify-between{justify-content:space-between}.iof-gap-2{gap:var(--iof-space-2)}.iof-gap-4{gap:var(--iof-space-4)}.iof-gap-6{gap:var(--iof-space-6)}.iof-mt-4{margin-top:var(--iof-space-4)}.iof-mt-6{margin-top:var(--iof-space-6)}.iof-mb-4{margin-bottom:var(--iof-space-4)}.iof-mb-6{margin-bottom:var(--iof-space-6)}.iof-p-4{padding:var(--iof-space-4)}.iof-p-6{padding:var(--iof-space-6)}.iof-border{border:1px solid var(--iof-neutral-200)}.iof-border-t{border-top:1px solid var(--iof-neutral-200)}.iof-border-b{border-bottom:1px solid var(--iof-neutral-200)}.iof-rounded{border-radius:var(--iof-radius-lg)}.iof-rounded-xl{border-radius:var(--iof-radius-xl)}@media (max-width:1024px){.iof-sidebar{width:var(--iof-sidebar-collapsed)}.iof-sidebar .iof-sidebar-logo h1,.iof-sidebar .iof-sidebar-logo span,.iof-sidebar .iof-nav-section-title,.iof-sidebar .iof-nav-item span{display:none}.iof-sidebar .iof-nav-item{padding:var(--iof-space-3);justify-content:center}.iof-sidebar .iof-nav-item-icon{margin-right:0}.iof-main{margin-left:var(--iof-sidebar-collapsed)}}@media (max-width:768px){.iof-sidebar{z-index:var(--iof-z-modal);width:var(--iof-sidebar-width);position:fixed;transform:translate(-100%)}.iof-sidebar.open{transform:translate(0)}.iof-main{margin-left:0}.iof-page-content{padding:var(--iof-space-4)}.iof-dashboard-grid{grid-template-columns:1fr}}@media print{.iof-sidebar,.iof-page-header{display:none!important}.iof-main{margin-left:0!important}.iof-card{box-shadow:none!important;border:1px solid #ccc!important}}:where(.iof-app-landing){--iof-app-accent-50:#f0fdfa;--iof-app-accent-500:#14997a;--iof-app-accent-600:#0f7d64;--iof-app-accent-700:#0d6652;--iof-app-accent-hue:168;--iof-app-label:"Landing"}:where(.iof-app-admin){--iof-app-accent-50:#eef2ff;--iof-app-accent-500:#6366f1;--iof-app-accent-600:#4f46e5;--iof-app-accent-700:#4338ca;--iof-app-accent-hue:243;--iof-app-label:"Admin"}:where(.iof-app-customer){--iof-app-accent-50:#ecfdf5;--iof-app-accent-500:#10b981;--iof-app-accent-600:#059669;--iof-app-accent-700:#047857;--iof-app-accent-hue:160;--iof-app-label:"Customer"}:where(.iof-app-developer){--iof-app-accent-50:#eff6ff;--iof-app-accent-500:#3b82f6;--iof-app-accent-600:#2563eb;--iof-app-accent-700:#1d4ed8;--iof-app-accent-hue:217;--iof-app-label:"Developer"}:where(.iof-app-billing){--iof-app-accent-50:#fff7ed;--iof-app-accent-500:#f59e0b;--iof-app-accent-600:#d97706;--iof-app-accent-700:#b45309;--iof-app-accent-hue:38;--iof-app-label:"Billing"}:where(.iof-app-sandbox){--iof-app-accent-50:#f5f3ff;--iof-app-accent-500:#8b5cf6;--iof-app-accent-600:#7c3aed;--iof-app-accent-700:#6d28d9;--iof-app-accent-hue:262;--iof-app-label:"Sandbox"}:where(.iof-app-compliance){--iof-app-accent-50:#fef2f2;--iof-app-accent-500:#ef4444;--iof-app-accent-600:#dc2626;--iof-app-accent-700:#b91c1c;--iof-app-accent-hue:0;--iof-app-label:"Compliance"}:where(.iof-app-docs){--iof-app-accent-50:#f0f9ff;--iof-app-accent-500:#0ea5e9;--iof-app-accent-600:#0284c7;--iof-app-accent-700:#0369a1;--iof-app-accent-hue:200;--iof-app-label:"Docs"}:where(.iof-app-status){--iof-app-accent-50:#f0fdf4;--iof-app-accent-500:#22c55e;--iof-app-accent-600:#16a34a;--iof-app-accent-700:#15803d;--iof-app-accent-hue:142;--iof-app-label:"Status"}:where(.iof-app-webhooks){--iof-app-accent-50:#fdf4ff;--iof-app-accent-500:#d946ef;--iof-app-accent-600:#c026d3;--iof-app-accent-700:#a21caf;--iof-app-accent-hue:292;--iof-app-label:"Webhooks"}:where(.iof-app-apiexplorer){--iof-app-accent-50:#ecfeff;--iof-app-accent-500:#06b6d4;--iof-app-accent-600:#0891b2;--iof-app-accent-700:#0e7490;--iof-app-accent-hue:190;--iof-app-label:"API Explorer"}:where(.iof-app-euai){--iof-app-accent-50:#eff6ff;--iof-app-accent-500:#2563eb;--iof-app-accent-600:#1d4ed8;--iof-app-accent-700:#1e40af;--iof-app-accent-hue:222;--iof-app-label:"EUAI"}:where([class*=iof-app-]) .iof-app-accent-bg{background-color:var(--iof-app-accent-500);color:#fff}:where([class*=iof-app-]) .iof-app-accent-text{color:var(--iof-app-accent-600)}:where([class*=iof-app-]) .iof-app-accent-border{border-color:var(--iof-app-accent-500)}:where([class*=iof-app-]) .iof-app-accent-ring{box-shadow:0 0 0 3px color-mix(in srgb,var(--iof-app-accent-500)25%,transparent)}:where([class*=iof-app-]):before{content:"";background:linear-gradient(90deg,var(--iof-app-accent-500),var(--iof-app-accent-700));z-index:999;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}[role=dialog][aria-modal=true],.iof-modal-overlay,.iof-modal-backdrop{-webkit-backdrop-filter:blur(6px)saturate(120%);background:#0f172a8c}.iof-modal,.iof-modal-panel,[role=dialog][aria-modal=true]>div,[role=dialog][aria-modal=true] .iof-modal-content{border:1px solid var(--iof-neutral-200,#e4e4e7);border-radius:var(--iof-radius-lg,.75rem);color:var(--iof-neutral-900,#18181b);animation:.2s cubic-bezier(.16,1,.3,1) iof-modal-in;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #0f172a0a;background:var(--iof-neutral-50,#fff)!important}.iof-modal>header,.iof-modal-header{border-bottom:1px solid var(--iof-neutral-200,#e4e4e7);padding:1.25rem 1.5rem}.iof-modal button[aria-label=Close]:hover,[role=dialog] button[aria-label=Close]:hover{background:var(--iof-neutral-100,#f4f4f5)}@keyframes iof-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}html.dark [role=dialog][aria-modal=true],html.dark .iof-modal-overlay,html.dark .iof-modal-backdrop{background:#000000a6}html.dark .iof-modal,html.dark .iof-modal-panel,html.dark [role=dialog][aria-modal=true]>div{border-color:var(--iof-neutral-700,#3f3f46);color:var(--iof-neutral-100,#f4f4f5);background:var(--iof-neutral-900,#18181b)!important}.fixed.inset-0.z-50>.bg-white,.fixed.inset-0.z-40>.bg-white,div[class*=fixed\ inset-0]>.bg-white.rounded-lg,div[class*=fixed\ inset-0]>.bg-white.rounded-xl{border:1px solid var(--iof-neutral-200,#e4e4e7);animation:.2s cubic-bezier(.16,1,.3,1) iof-modal-in;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #0f172a0a}:root{--iof-tm-em-display:.58em;--iof-tm-em-h3:.72em;--iof-tm-em-body:.85em;--iof-tm-em-chrome:.92em;--iof-tm-em-modal:.82em;--iof-tm-rise-display:.46em;--iof-tm-rise-h3:.36em;--iof-tm-rise-body:.3em;--iof-tm-rise-chrome:.28em;--iof-tm-rise-modal:.32em;--iof-tm-em:var(--iof-tm-em-body);--iof-tm-rise:var(--iof-tm-rise-body)}h1,h2,.iof-h-section,.iof-lede{--iof-tm-em:var(--iof-tm-em-display);--iof-tm-rise:var(--iof-tm-rise-display)}h3,h4,h5{--iof-tm-em:var(--iof-tm-em-h3);--iof-tm-rise:var(--iof-tm-rise-h3)}.iof-eyebrow,.iof-pill,.iof-btn,button,.badge{--iof-tm-em:var(--iof-tm-em-chrome);--iof-tm-rise:var(--iof-tm-rise-chrome)}.iof-modal,[role=dialog]{--iof-tm-em:var(--iof-tm-em-modal);--iof-tm-rise:var(--iof-tm-rise-modal)}.tm,.reg,sup.tm,sup.reg{font-weight:inherit;color:inherit;margin-left:.04em;margin-right:.02em;font-size:var(--iof-tm-em)!important;vertical-align:var(--iof-tm-rise)!important;line-height:1!important}:root{--iof-content-strong:#0f172a;--iof-content:#334155;--iof-content-muted:#475569;--iof-content-subtle:#64748b;--iof-content-inverse:#fff;--iof-surface-1:#fff;--iof-surface-2:#fff;--iof-surface-3:#fff;--iof-surface-muted:#f8fafc;--iof-line:#e2e8f0;--iof-line-strong:#cbd5e1;--iof-line-subtle:#f1f5f9}.dark{--iof-content-strong:#fff;--iof-content:#e2e8f0;--iof-content-muted:#cbd5e1;--iof-content-subtle:#94a3b8;--iof-content-inverse:#0f172a;--iof-surface-1:#020617;--iof-surface-2:#0f172a;--iof-surface-3:#1e293b;--iof-surface-muted:#0f172a;--iof-line:#1e293b;--iof-line-strong:#334155;--iof-line-subtle:#0f172a}.text-content-strong{color:var(--iof-content-strong)}.text-content{color:var(--iof-content)}.text-content-muted{color:var(--iof-content-muted)}.text-content-subtle{color:var(--iof-content-subtle)}.text-content-inverse{color:var(--iof-content-inverse)}.bg-surface-1{background-color:var(--iof-surface-1)}.bg-surface-2{background-color:var(--iof-surface-2)}.bg-surface-3{background-color:var(--iof-surface-3)}.bg-surface-muted{background-color:var(--iof-surface-muted)}.border-line{border-color:var(--iof-line)}.border-line-strong{border-color:var(--iof-line-strong)}.border-line-subtle{border-color:var(--iof-line-subtle)}.divide-line>*+*{border-color:var(--iof-line)}:root{--iof-brand-iof-teal-50:#f0fdfa;--iof-brand-iof-teal-100:#ccfbf1;--iof-brand-iof-teal-200:#99f6e4;--iof-brand-iof-teal-300:#5eead4;--iof-brand-iof-teal-400:#2dd4bf;--iof-brand-iof-teal-500:#14b8a6;--iof-brand-iof-teal-600:#0d9488;--iof-brand-iof-teal-700:#0f766e;--iof-brand-iof-teal-800:#115e59;--iof-brand-iof-teal-900:#134e4a;--iof-brand-obf-navy-50:#eff6ff;--iof-brand-obf-navy-100:#dbeafe;--iof-brand-obf-navy-200:#bfdbfe;--iof-brand-obf-navy-300:#93c5fd;--iof-brand-obf-navy-400:#60a5fa;--iof-brand-obf-navy-500:#3b82f6;--iof-brand-obf-navy-600:#2563eb;--iof-brand-obf-navy-700:#1d4ed8;--iof-brand-obf-navy-800:#1e40af;--iof-brand-obf-navy-900:#1e3a5f;--iof-brand-neutral-0:#fff;--iof-brand-neutral-50:#f8fafc;--iof-brand-neutral-100:#f1f5f9;--iof-brand-neutral-200:#e2e8f0;--iof-brand-neutral-300:#cbd5e1;--iof-brand-neutral-400:#94a3b8;--iof-brand-neutral-500:#64748b;--iof-brand-neutral-600:#475569;--iof-brand-neutral-700:#334155;--iof-brand-neutral-800:#1e293b;--iof-brand-neutral-900:#0f172a;--iof-brand-neutral-950:#020617;--iof-semantic-success-50:#f0fdf4;--iof-semantic-success-200:#bbf7d0;--iof-semantic-success-600:#16a34a;--iof-semantic-success-800:#166534;--iof-semantic-warning-50:#fffbeb;--iof-semantic-warning-200:#fde68a;--iof-semantic-warning-600:#d97706;--iof-semantic-warning-800:#92400e;--iof-semantic-danger-50:#fef2f2;--iof-semantic-danger-200:#fecaca;--iof-semantic-danger-600:#dc2626;--iof-semantic-danger-800:#991b1b;--iof-semantic-info-50:#eff6ff;--iof-semantic-info-200:#bfdbfe;--iof-semantic-info-600:#2563eb;--iof-semantic-info-800:#1e40af;--iof-content-strong:#0f172a;--iof-content-default:#334155;--iof-content-muted:#475569;--iof-content-subtle:#64748b;--iof-content-inverse:#fff;--iof-surface-1:#fff;--iof-surface-2:#fff;--iof-surface-3:#fff;--iof-surface-muted:#f8fafc;--iof-line-default:#e2e8f0;--iof-line-strong:#cbd5e1;--iof-line-subtle:#f1f5f9;--iof-accent-brand-primary:var(--iof-brand-iof-teal-700);--iof-accent-brand-secondary:var(--iof-brand-iof-teal-500);--iof-accent-link:var(--iof-brand-obf-navy-600);--iof-accent-focus-ring:var(--iof-brand-iof-teal-500);--iof-type-family-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--iof-type-family-mono:"JetBrains Mono","Fira Code",Menlo,Consolas,monospace;--iof-type-family-serif:"Source Serif Pro",Georgia,serif;--iof-type-size-11:11px;--iof-type-size-12:12px;--iof-type-size-13:13px;--iof-type-size-14:14px;--iof-type-size-16:16px;--iof-type-size-18:18px;--iof-type-size-22:22px;--iof-type-size-28:28px;--iof-type-size-36:36px;--iof-type-size-48:48px;--iof-type-weight-regular:400;--iof-type-weight-medium:500;--iof-type-weight-semibold:600;--iof-type-weight-bold:700;--iof-type-line-height-tight:1.2;--iof-type-line-height-normal:1.4;--iof-type-line-height-relaxed:1.6;--iof-type-letter-spacing-tighter:-.03em;--iof-type-letter-spacing-tight:-.02em;--iof-type-letter-spacing-normal:0;--iof-type-letter-spacing-wide:.02em;--iof-type-letter-spacing-widest:.08em;--iof-space-0:0;--iof-space-1:4px;--iof-space-2:8px;--iof-space-3:12px;--iof-space-4:16px;--iof-space-5:24px;--iof-space-6:32px;--iof-space-7:48px;--iof-space-8:64px;--iof-space-9:96px;--iof-radius-none:0;--iof-radius-sm:4px;--iof-radius-md:6px;--iof-radius-lg:8px;--iof-radius-xl:12px;--iof-radius-2xl:16px;--iof-radius-full:999px;--iof-shadow-sm:0 1px 2px 0 #0000000a,0 1px 3px 0 #0000000d;--iof-shadow-md:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a;--iof-shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;--iof-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;--iof-shadow-focus-ring:0 0 0 2px var(--iof-surface-1),0 0 0 5px var(--iof-accent-focus-ring);--iof-motion-duration-instant:.1s;--iof-motion-duration-fast:.15s;--iof-motion-duration-normal:.2s;--iof-motion-duration-slow:.3s;--iof-motion-duration-deliberate:.5s;--iof-motion-easing-standard:cubic-bezier(.2,0,0,1);--iof-motion-easing-accelerate:cubic-bezier(.3,0,1,1);--iof-motion-easing-decelerate:cubic-bezier(0,0,0,1);--iof-motion-easing-emphasized:cubic-bezier(.2,0,0,1);--iof-motion-easing-linear:linear;--iof-breakpoint-xs:480px;--iof-breakpoint-sm:760px;--iof-breakpoint-md:1024px;--iof-breakpoint-lg:1280px;--iof-breakpoint-xl:1600px;--iof-container-xs:100%;--iof-container-sm:720px;--iof-container-md:960px;--iof-container-lg:1200px;--iof-container-xl:1440px;--iof-z-base:0;--iof-z-raised:10;--iof-z-navigation:20;--iof-z-drawer:30;--iof-z-popover:40;--iof-z-modal:50;--iof-z-toast:60;--iof-z-command:70}@media (prefers-reduced-motion:reduce){:root{--iof-motion-duration-instant:.01ms;--iof-motion-duration-fast:.01ms;--iof-motion-duration-normal:.01ms;--iof-motion-duration-slow:.01ms;--iof-motion-duration-deliberate:.01ms}}.dark{--iof-content-strong:#fff;--iof-content-default:#e2e8f0;--iof-content-muted:#cbd5e1;--iof-content-subtle:#94a3b8;--iof-content-inverse:#0f172a;--iof-surface-1:#020617;--iof-surface-2:#0f172a;--iof-surface-3:#1e293b;--iof-surface-muted:#0f172a;--iof-line-default:#1e293b;--iof-line-strong:#334155;--iof-line-subtle:#0f172a;--iof-shadow-sm:0 1px 2px 0 #0000004d,0 1px 3px 0 #0006;--iof-shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--iof-shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0006;--iof-shadow-xl:0 20px 25px -5px #0009,0 8px 10px -6px #0006}
:root{--radius:.625rem;--background:0 0% 100%;--foreground:222 47% 11%;--card:0 0% 100%;--card-foreground:222 47% 11%;--popover:0 0% 100%;--popover-foreground:222 47% 11%;--primary:168 76% 42%;--primary-foreground:0 0% 100%;--primary-50:167 85% 97%;--primary-100:168 84% 90%;--primary-200:170 77% 76%;--primary-300:171 69% 64%;--primary-400:172 66% 51%;--primary-500:168 76% 42%;--primary-600:170 78% 31%;--primary-700:172 72% 26%;--primary-800:173 67% 22%;--primary-900:175 62% 19%;--primary-950:176 84% 10%;--secondary:217 91% 53%;--secondary-foreground:0 0% 100%;--secondary-50:214 100% 97%;--secondary-100:214 95% 93%;--secondary-200:213 97% 87%;--secondary-300:212 96% 78%;--secondary-400:213 94% 68%;--secondary-500:217 91% 60%;--secondary-600:217 91% 53%;--secondary-700:221 83% 48%;--secondary-800:224 76% 41%;--secondary-900:226 71% 34%;--secondary-950:226 82% 17%;--accent:239 84% 67%;--accent-foreground:0 0% 100%;--accent-50:238 100% 97%;--accent-100:240 100% 94%;--accent-200:239 100% 91%;--accent-300:239 94% 85%;--accent-400:240 82% 78%;--accent-500:239 84% 67%;--accent-600:243 75% 59%;--accent-700:245 58% 51%;--accent-800:244 55% 41%;--accent-900:242 47% 34%;--accent-950:244 47% 20%;--muted:210 40% 96%;--muted-foreground:215 16% 47%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--success:142 71% 45%;--success-foreground:0 0% 100%;--warning:38 92% 50%;--warning-foreground:0 0% 100%;--border:214 32% 91%;--input:214 32% 91%;--ring:168 76% 42%;--scrollbar-track:0 0% 96%;--scrollbar-thumb:0 0% 78%;--scrollbar-thumb-hover:0 0% 60%;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Plus Jakarta Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--gold-50:48 100% 96%;--gold-100:48 96% 89%;--gold-200:48 97% 77%;--gold-300:46 97% 65%;--gold-400:43 96% 56%;--gold-500:38 92% 50%;--gold-600:32 95% 44%;--gold-700:26 90% 37%;--gold-800:23 83% 31%;--gold-900:22 78% 26%;--gold-950:21 92% 14%;--space-px:1px;--space-0\.5:.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.4,0,.2,1);--animation-ease:cubic-bezier(.4,0,.2,1);--animation-spring:cubic-bezier(.34,1.56,.64,1);--shadow-xs:0 1px 2px #1abc9c0a,0 1px 1px #0f172905;--shadow-sm:0 2px 4px #1abc9c0f,0 1px 2px #0f172908;--shadow-md:0 4px 12px #1abc9c14,0 2px 4px #0f17290a;--shadow-lg:0 8px 24px #1abc9c1a,0 4px 8px #0f17290d;--shadow-2xl:0 16px 48px #1abc9c24,0 8px 16px #0f172912;--gradient-primary:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));--gradient-surface:linear-gradient(180deg,hsl(var(--background)),hsl(var(--muted)));--gradient-accent:linear-gradient(135deg,hsl(var(--accent)),hsl(var(--primary)));--gradient-gold:linear-gradient(135deg,hsl(var(--gold-400)),hsl(var(--gold-600)))}.dark{--background:224 71% 4%;--foreground:210 20% 93%;--card:224 48% 10%;--card-foreground:210 20% 93%;--popover:224 48% 10%;--popover-foreground:210 20% 93%;--primary:172 66% 51%;--primary-foreground:176 84% 10%;--primary-50:176 84% 10%;--primary-100:175 62% 19%;--primary-200:173 67% 22%;--primary-300:172 72% 26%;--primary-400:170 78% 31%;--primary-500:168 76% 42%;--primary-600:172 66% 51%;--primary-700:171 69% 64%;--primary-800:170 77% 76%;--primary-900:168 84% 90%;--primary-950:167 85% 97%;--secondary:213 94% 68%;--secondary-foreground:226 82% 17%;--secondary-50:226 82% 17%;--secondary-100:226 71% 34%;--secondary-200:224 76% 41%;--secondary-300:221 83% 48%;--secondary-400:217 91% 53%;--secondary-500:217 91% 60%;--secondary-600:213 94% 68%;--secondary-700:212 96% 78%;--secondary-800:213 97% 87%;--secondary-900:214 95% 93%;--secondary-950:214 100% 97%;--accent:240 82% 78%;--accent-foreground:244 47% 20%;--accent-50:244 47% 20%;--accent-100:242 47% 34%;--accent-200:244 55% 41%;--accent-300:245 58% 51%;--accent-400:243 75% 59%;--accent-500:239 84% 67%;--accent-600:240 82% 78%;--accent-700:239 94% 85%;--accent-800:239 100% 91%;--accent-900:240 100% 94%;--accent-950:238 100% 97%;--muted:223 47% 11%;--muted-foreground:215 20% 65%;--destructive:0 63% 31%;--destructive-foreground:0 86% 97%;--success:142 64% 24%;--success-foreground:138 76% 97%;--warning:32 95% 44%;--warning-foreground:48 96% 89%;--border:216 32% 17%;--input:216 32% 17%;--ring:172 66% 51%;--scrollbar-track:224 71% 6%;--scrollbar-thumb:215 19% 30%;--scrollbar-thumb-hover:215 19% 42%;--gold-50:21 92% 14%;--gold-100:22 78% 26%;--gold-200:23 83% 31%;--gold-300:26 90% 37%;--gold-400:32 95% 44%;--gold-500:38 92% 50%;--gold-600:43 96% 56%;--gold-700:46 97% 65%;--gold-800:48 97% 77%;--gold-900:48 96% 89%;--gold-950:48 100% 96%;--shadow-xs:0 1px 2px #1abc9c05,0 1px 1px #00000014;--shadow-sm:0 2px 4px #1abc9c08,0 1px 2px #0000001f;--shadow-md:0 4px 12px #1abc9c0a,0 2px 4px #00000029;--shadow-lg:0 8px 24px #1abc9c0d,0 4px 8px #0003;--shadow-2xl:0 16px 48px #1abc9c0f,0 8px 16px #00000047}