:root{font-family:Inter,system-ui,sans-serif;--app-text: #0f172a;--app-muted: #475569;--app-surface: rgba(255, 255, 255, .86);--app-surface-strong: rgba(255, 255, 255, .94);--app-border: rgba(148, 163, 184, .28);--app-panel-highlight: #eff6ff;--app-panel-highlight-text: #1d4ed8;--app-table-head: #f8fafc;--app-shadow: 0 18px 45px rgba(15, 23, 42, .08);--app-background: radial-gradient(circle at top right, rgba(59, 130, 246, .12), transparent 20%), linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);color:var(--app-text);line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--app-text: #e2e8f0;--app-muted: #94a3b8;--app-surface: rgba(15, 23, 42, .78);--app-surface-strong: rgba(15, 23, 42, .92);--app-border: rgba(71, 85, 105, .55);--app-panel-highlight: rgba(30, 41, 59, .95);--app-panel-highlight-text: #93c5fd;--app-table-head: rgba(30, 41, 59, .95);--app-shadow: 0 20px 48px rgba(2, 6, 23, .48);--app-background: radial-gradient(circle at top right, rgba(14, 165, 233, .16), transparent 24%), linear-gradient(180deg, #020617 0%, #111827 100%);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--app-text);background:var(--app-background);transition:background .18s ease,color .18s ease}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;padding:1.5rem;color:var(--app-text)}.app-shell--center{display:grid;place-items:center}.topbar.p-toolbar{margin-bottom:1.5rem;border-radius:1.5rem;border:1px solid var(--app-border);background:var(--app-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-title h1{margin:0;font-size:1.75rem}.topbar-title p{margin:.35rem 0 0;max-width:52rem;color:var(--app-muted)}.topbar-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.admin-layout{display:grid;grid-template-columns:18rem minmax(0,1fr);gap:1.5rem;align-items:start}.admin-sidebar{position:sticky;top:1.5rem;display:grid;gap:1rem}.admin-nav-list{display:grid;gap:.65rem}.admin-nav-link{display:flex;align-items:center;gap:.75rem;padding:.95rem 1rem;border:1px solid var(--app-border);border-radius:.9rem;color:var(--app-text);text-decoration:none;background:color-mix(in srgb,var(--app-surface-strong) 92%,transparent);transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.admin-nav-link:hover{background:color-mix(in srgb,var(--app-panel-highlight) 72%,var(--app-surface-strong));border-color:var(--app-panel-highlight-text);color:var(--app-panel-highlight-text);transform:translateY(-1px)}.admin-nav-link.is-active{background:var(--app-panel-highlight);border-color:var(--app-panel-highlight-text);color:var(--app-panel-highlight-text);font-weight:700;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-panel-highlight-text) 35%,transparent)}.admin-nav-icon{width:1rem;text-align:center}.admin-content,.page-grid{display:grid;gap:1.5rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.chart-grid,.integrations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.chart-grid--stacked{grid-template-columns:1fr}.integrations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integrations-workspace{display:grid;gap:1rem}.integrations-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integrations-ops-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.integration-blueprint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.integration-blueprint-card{display:grid;gap:.85rem;padding:1rem;border:1px solid var(--app-border);border-radius:1rem;background:color-mix(in srgb,var(--app-surface-strong) 92%,transparent)}.onboarding-blueprint-button{width:100%;text-align:left;cursor:pointer;color:inherit}.onboarding-blueprint-button.is-selected{border-color:var(--app-panel-highlight-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-panel-highlight-text) 35%,transparent);background:color-mix(in srgb,var(--app-panel-highlight) 72%,var(--app-surface-strong))}.integration-blueprint-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.integration-blueprint-head h3{margin:0;font-size:1rem}.integration-blueprint-head p{margin:.25rem 0 0;color:var(--app-muted)}.integration-playbook,.integration-platform-summary,.onboarding-launchpad,.onboarding-panel-grid,.onboarding-stepper,.onboarding-summary-grid{display:grid;gap:1rem}.onboarding-launchpad{grid-template-columns:minmax(0,1fr) auto;align-items:center}.onboarding-launchpad-copy{display:grid;gap:.35rem}.onboarding-launchpad-copy p{margin:0;color:var(--app-muted)}.onboarding-stepper{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.onboarding-step{display:grid;gap:.35rem;padding:.85rem 1rem;border:1px solid var(--app-border);border-radius:1rem;background:color-mix(in srgb,var(--app-surface) 88%,transparent)}.onboarding-step span{width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:999px;border:1px solid var(--app-border);font-size:.85rem;font-weight:700}.onboarding-step strong{font-size:.92rem}.onboarding-step.is-active,.onboarding-step.is-complete{border-color:var(--app-panel-highlight-text)}.onboarding-step.is-active{background:var(--app-panel-highlight);color:var(--app-panel-highlight-text)}.onboarding-step.is-active span,.onboarding-step.is-complete span{border-color:var(--app-panel-highlight-text)}.onboarding-step.is-complete span{background:color-mix(in srgb,var(--app-panel-highlight) 80%,transparent)}.onboarding-summary-grid,.integration-platform-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.metric-value{font-size:2rem;font-weight:700;color:var(--app-text)}.surface-copy{margin:0;color:var(--app-muted)}.filter-form,.crud-form,.sidebar-meta,.login-meta,.dialog-actions{display:flex;flex-wrap:wrap;gap:.85rem}.dialog-actions{width:100%;justify-content:flex-end}.table-actions,.checkbox-row{display:flex;align-items:center;gap:.5rem}.governance-inline-editor{display:grid;gap:.4rem}.code-block{margin:0;padding:1rem;border:1px solid var(--app-border);border-radius:1rem;background:color-mix(in srgb,var(--app-surface-strong) 92%,transparent);color:var(--app-text);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.integration-steps{margin:0;padding-left:1.25rem;color:var(--app-muted);display:grid;gap:.45rem}.profile-grid{display:flex;flex-wrap:wrap;gap:.75rem}.identity-profile-panel{display:grid;gap:1rem}.identity-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.identity-summary-card{display:grid;gap:.35rem;padding:.95rem 1rem;border:1px solid var(--app-border);border-radius:1rem;background:color-mix(in srgb,var(--app-surface-strong) 92%,transparent)}.identity-summary-label{color:var(--app-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.identity-photo-card{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--app-border);border-radius:1rem;background:color-mix(in srgb,var(--app-surface-strong) 92%,transparent)}.identity-photo-preview{width:min(12rem,100%);aspect-ratio:1;object-fit:cover;border-radius:1rem;border:1px solid var(--app-border);background:var(--app-surface)}.identity-link{color:var(--app-panel-highlight-text);text-decoration:none}.identity-link:hover{text-decoration:underline}.identity-keypair-layout{display:grid;gap:1rem}.identity-keypair-section{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--app-border);border-radius:1rem;background:color-mix(in srgb,var(--app-surface-strong) 92%,transparent)}.identity-keypair-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.identity-keypair-header p{margin:.35rem 0 0;color:var(--app-muted)}.identity-keypair-list{display:grid;gap:.65rem;max-height:19rem;overflow:auto;padding-right:.2rem}.identity-keypair-item{display:grid;gap:.25rem;padding:.8rem .9rem;border:1px solid var(--app-border);border-radius:.9rem;background:color-mix(in srgb,var(--app-surface) 88%,transparent)}.identity-keypair-item span{color:var(--app-muted);font-size:.88rem;word-break:break-all}.identity-role-catalog{display:grid;gap:.75rem}.identity-role-card{display:grid;gap:.25rem;padding:.95rem 1rem;border:1px solid var(--app-border);border-radius:1rem;background:color-mix(in srgb,var(--app-surface-strong) 92%,transparent)}.identity-role-card span{color:var(--app-muted);font-size:.92rem}.crud-form,.login-card .crud-form{flex-direction:column}.login-card{width:min(38rem,92vw)}.roadmap-list{margin:0;padding-left:1.2rem;color:var(--app-text)}.roadmap-list li+li{margin-top:.55rem}.route-error-state{display:grid;gap:1rem}.route-error-message{display:block;padding:.9rem 1rem;border:1px solid var(--app-border);border-radius:1rem;background:color-mix(in srgb,var(--app-surface-strong) 92%,transparent);color:var(--app-text);white-space:pre-wrap;word-break:break-word}.p-card,.p-panel,.p-dialog,.p-dialog-content,.p-datatable,.p-toolbar{box-shadow:var(--app-shadow)}.p-card{border-radius:1.25rem;background:var(--app-surface-strong);border:1px solid var(--app-border)}.p-dialog{border-radius:1.25rem;overflow:hidden;background:var(--app-surface-strong);border:1px solid var(--app-border)}.p-panel .p-panel-header,.p-card .p-card-title{color:var(--app-text)}.p-card .p-card-content,.p-panel .p-panel-content,.p-dialog .p-dialog-content,.p-dialog .p-dialog-header,.p-dialog .p-dialog-footer,.p-panel .p-panel-header,.p-toolbar,.p-tabmenu .p-tabmenu-nav,.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link,.p-datatable,.p-inputtext,.p-inputtextarea,.p-password-input,.p-inputnumber-input,.p-dropdown,.p-multiselect,.p-selectbutton .p-button,.p-message,.p-chip,.p-tag{background:var(--app-surface-strong);color:var(--app-text);border-color:var(--app-border)}.p-dialog .p-dialog-header{border-bottom:1px solid var(--app-border)}.p-dialog .p-dialog-footer{border-top:1px solid var(--app-border)}.p-dialog .p-dialog-header .p-dialog-title{color:var(--app-text)}.p-dialog .p-dialog-header .p-dialog-header-icon{color:var(--app-muted);background:transparent;border:1px solid transparent;border-radius:.85rem;transition:background .14s ease,border-color .14s ease,color .14s ease}.p-dialog .p-dialog-header .p-dialog-header-icon:hover{background:color-mix(in srgb,var(--app-panel-highlight) 72%,var(--app-surface-strong));border-color:var(--app-border);color:var(--app-panel-highlight-text)}.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible{outline:2px solid rgba(147,197,253,.48);outline-offset:2px}.p-dialog-mask.p-component-overlay{background:#02061799;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.p-panelmenu .p-menuitem-link.is-active,.p-panelmenu .p-menuitem-link:has(.is-active){background:var(--app-panel-highlight)}.p-tabmenu .p-tabmenu-nav{border:1px solid var(--app-border);border-radius:1rem;overflow:hidden}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{border:0}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link,.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{background:var(--app-panel-highlight);color:var(--app-panel-highlight-text)}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-text,.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon{color:inherit}.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{border-bottom:2px solid var(--app-panel-highlight-text)}.p-panelmenu .p-menuitem-content .is-active{background:var(--app-panel-highlight);color:var(--app-panel-highlight-text);font-weight:600}.p-card .p-card-subtitle,.p-panel .p-panel-header .p-panel-title{color:var(--app-muted)}.p-multiselect,.p-dropdown,.p-inputtext,.p-inputtextarea,.p-password,.p-inputnumber{width:100%}.p-datatable .p-datatable-thead>tr>th{background:var(--app-table-head);color:var(--app-text)}.p-datatable .p-datatable-tbody>tr,.p-datatable .p-datatable-header,.p-datatable .p-paginator,.p-panelmenu .p-panelmenu-header-content,.p-panelmenu .p-panelmenu-content,.p-divider.p-divider-horizontal:before,.p-divider.p-divider-horizontal .p-divider-content{background:var(--app-surface-strong);color:var(--app-text)}.p-button.p-button-outlined,.p-button.p-button-text{color:var(--app-text);border-color:var(--app-border)}.p-message .p-message-text,.p-chip-text,.p-inputtext::placeholder,.p-inputtextarea::placeholder{color:var(--app-muted)}.p-dropdown-panel,.p-multiselect-panel{background:var(--app-surface-strong);color:var(--app-text);border:1px solid var(--app-border);box-shadow:var(--app-shadow)}.p-toast .p-toast-message{background:var(--app-surface-strong);color:var(--app-text);border:1px solid var(--app-border);box-shadow:var(--app-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.p-toast .p-toast-message .p-toast-message-content,.p-toast .p-toast-message .p-toast-summary,.p-toast .p-toast-message .p-toast-detail,.p-toast .p-toast-message .p-toast-message-icon,.p-toast .p-toast-message .p-toast-icon-close{color:var(--app-text)}.p-toast .p-toast-message .p-toast-icon-close:hover{background:color-mix(in srgb,var(--app-panel-highlight) 72%,var(--app-surface-strong));color:var(--app-panel-highlight-text)}.p-toast .p-toast-message.p-toast-message-success{border-left:4px solid #22c55e}.p-toast .p-toast-message.p-toast-message-info{border-left:4px solid #38bdf8}.p-toast .p-toast-message.p-toast-message-warn{border-left:4px solid #f59e0b}.p-toast .p-toast-message.p-toast-message-error{border-left:4px solid #ef4444}.p-dropdown-panel .p-dropdown-header,.p-multiselect-panel .p-multiselect-header,.p-dropdown-panel .p-dropdown-items,.p-multiselect-panel .p-multiselect-items,.p-dropdown-panel .p-dropdown-empty-message,.p-multiselect-panel .p-multiselect-empty-message{background:var(--app-surface-strong);color:var(--app-text)}.p-dropdown-panel .p-dropdown-item,.p-multiselect-panel .p-multiselect-item{color:var(--app-text)}.p-dropdown-panel .p-dropdown-item:hover,.p-dropdown-panel .p-dropdown-item.p-highlight,.p-multiselect-panel .p-multiselect-item:hover,.p-multiselect-panel .p-multiselect-item.p-highlight{background:var(--app-panel-highlight);color:var(--app-panel-highlight-text)}.p-dropdown-panel .p-dropdown-filter,.p-multiselect-panel .p-multiselect-filter{background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-border)}.p-dropdown-panel .p-dropdown-filter::placeholder,.p-multiselect-panel .p-multiselect-filter::placeholder{color:var(--app-muted)}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon,.p-dropdown-panel .p-dropdown-header .p-dropdown-clear-icon,.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-icon,.p-multiselect-panel .p-multiselect-header .p-multiselect-close{color:var(--app-muted)}.p-checkbox .p-checkbox-box{background:var(--app-surface-strong);border:1px solid var(--app-border)}.p-checkbox .p-checkbox-box .p-checkbox-icon{color:var(--app-panel-highlight-text)}.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover,.p-checkbox.p-highlight .p-checkbox-box,.p-checkbox.p-highlight:not(.p-checkbox-disabled) .p-checkbox-box:hover{background:var(--app-panel-highlight);border-color:var(--app-panel-highlight-text)}.app-shell--dark .p-panelmenu .p-menuitem-link,.app-shell--dark .p-panelmenu .p-menuitem-text,.app-shell--dark .p-panelmenu .p-submenu-icon,.app-shell--dark .p-tabmenu .p-menuitem-text,.app-shell--dark .p-tabmenu .p-menuitem-icon,.app-shell--dark .p-column-title,.app-shell--dark .p-dropdown-label,.app-shell--dark .p-multiselect-label,.app-shell--dark label{color:var(--app-text)}.app-shell--dark .p-panelmenu .p-menuitem-link:hover,.app-shell--dark .p-tabmenu .p-tabmenuitem .p-menuitem-link:hover,.app-shell--dark .p-datatable .p-datatable-tbody>tr:hover{background:#1e293bd1}:root[data-theme=dark] .p-dropdown-label,:root[data-theme=dark] .p-multiselect-label,:root[data-theme=dark] .p-dropdown-trigger,:root[data-theme=dark] .p-multiselect-trigger,:root[data-theme=dark] .p-dropdown-clear-icon,:root[data-theme=dark] .p-multiselect-clear-icon,:root[data-theme=dark] .p-dropdown-trigger-icon,:root[data-theme=dark] .p-multiselect-trigger-icon,:root[data-theme=dark] .p-checkbox+label,:root[data-theme=dark] .p-dropdown-panel .p-dropdown-item,:root[data-theme=dark] .p-multiselect-panel .p-multiselect-item,:root[data-theme=dark] .p-dropdown-panel .p-dropdown-header,:root[data-theme=dark] .p-multiselect-panel .p-multiselect-header{color:var(--app-text)}@media(max-width:1200px){.kpi-grid,.integrations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integrations-hero-grid,.integrations-ops-grid,.integration-blueprint-grid,.integration-platform-summary,.onboarding-stepper,.onboarding-summary-grid,.onboarding-launchpad,.identity-summary-grid{grid-template-columns:1fr}}@media(max-width:960px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.chart-grid,.integrations-grid{grid-template-columns:1fr}}@media(max-width:640px){.app-shell{padding:1rem}.kpi-grid{grid-template-columns:1fr}.topbar-actions{justify-content:flex-start}}