:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:#09111f;color:#e7eefb}*{box-sizing:border-box;scrollbar-gutter:stable}body{margin:0;min-width:320px;overflow-y:scroll;background:radial-gradient(circle at top,rgba(43,108,176,.22),transparent 30%),linear-gradient(180deg,#0b1220,#09111f)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid #2b3a55;background:#0b1220e0;color:#e7eefb;border-radius:12px;padding:.72rem .9rem;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}input,select{height:46px}input:focus,select:focus,textarea:focus{outline:none;border-color:#60a5fab8;box-shadow:0 0 0 4px #3b82f61f}textarea{min-height:110px;resize:vertical}.primary-button,.secondary-button{border:0;border-radius:12px;padding:.72rem 1rem;transition:transform .15s ease,opacity .15s ease,background .2s ease}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.primary-button{background:linear-gradient(135deg,#3182ce,#2563eb);color:#fff}.plus-button{box-shadow:0 10px 28px #2563eb47;white-space:nowrap}.secondary-button{background:#94a3b824;color:#dbe7ff}.secondary-button.danger{color:#ffb4b4}.secondary-button.danger:hover{background:#ef444429}.icon-button{width:2.35rem;height:2.35rem;border:1px solid rgba(148,163,184,.18);border-radius:999px;background:#94a3b81f;color:#e7eefb;font-size:1.4rem;line-height:1}.action-icon-button{display:inline-grid;place-items:center;width:2.35rem;height:2.35rem;padding:0;font-size:1.05rem;line-height:1}.action-icon-button svg{width:1.15rem;height:1.15rem;fill:currentColor}.action-icon-button.danger{color:#ffb4b4}.action-icon-button.danger:hover{background:#ef444429}.ghost-button{border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:.72rem 1rem;background:transparent;color:#dbe7ff}.screen-center{min-height:100vh;display:grid;place-items:center}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(280px,420px) minmax(320px,560px);justify-content:center;align-items:center;gap:2rem;padding:2rem}.auth-hero{display:grid;gap:1rem;align-self:stretch;align-content:center}.auth-hero h1{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.hero-badge,.eyebrow,.scope-chip{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;letter-spacing:.02em}.hero-badge,.eyebrow{background:#3b82f624;color:#b9d6ff}.scope-chip{background:#22c55e1f;color:#b7f7c7}.hero-points{display:grid;gap:.75rem}.hero-point,.hint-box{padding:.9rem 1rem;border-radius:16px;background:#0f172a8f;border:1px solid rgba(148,163,184,.12)}.auth-card{width:min(520px,100%);background:#09111fe0;border:1px solid rgba(148,163,184,.18);border-radius:24px;padding:2rem;box-shadow:0 24px 80px #00000059}.auth-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:.5rem}.auth-card h1,.panel h2{margin:0 0 .25rem}.muted{color:#9db0d1}.form-grid{display:grid;gap:1rem}.form-grid.two-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four-columns{grid-template-columns:repeat(4,minmax(0,1fr))}.bank-account-fields{display:grid;grid-column:span 3;grid-template-columns:minmax(110px,.8fr) auto minmax(180px,1.4fr) auto minmax(90px,.7fr);gap:.55rem;align-items:end}.account-separator{display:inline-flex;align-items:center;justify-content:center;height:46px;padding-bottom:1px;color:#cbd5e1;font-size:1.3rem;font-weight:700}.autocomplete-field{position:relative;z-index:2}.autocomplete-menu{position:absolute;z-index:120;top:calc(100% + .35rem);left:0;right:0;max-height:260px;overflow:auto;border:1px solid rgba(96,165,250,.35);border-radius:14px;background:#0b1220;box-shadow:0 18px 50px #0006;padding:.35rem}.autocomplete-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;border:0;border-radius:10px;background:transparent;color:#e7eefb;padding:.55rem .65rem;text-align:left}.autocomplete-option:hover,.autocomplete-option:focus{background:#3b82f629}.autocomplete-option strong{color:#93c5fd;font-size:.8rem}.autocomplete-empty{padding:.65rem;color:#9db0d1}@media (max-width: 980px){.form-grid.three-columns,.form-grid.four-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-account-fields{grid-column:1 / -1}}@media (max-width: 640px){.form-grid.three-columns,.form-grid.four-columns,.bank-account-fields{grid-template-columns:1fr}.account-separator{height:auto;justify-content:flex-start}}.field-label{margin-bottom:.35rem;font-weight:600}.app-shell{min-height:100vh;display:grid;grid-template-columns:290px 1fr;transition:grid-template-columns .18s ease}.app-shell.sidebar-collapsed{grid-template-columns:96px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:1.5rem;border-right:1px solid rgba(148,163,184,.14);background:#060c16b8;display:flex;flex-direction:column;gap:1.2rem;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;border-radius:20px;background:#ffffff08;border:1px solid rgba(148,163,184,.08)}.brand{font-size:1.4rem;font-weight:700;white-space:nowrap}.sidebar-toggle{display:inline-grid;place-items:center;flex:0 0 auto}.sidebar-toggle svg{width:1.25rem;height:1.25rem;fill:currentColor}.nav{display:grid;gap:.5rem;flex:1 1 auto;align-content:start;overflow-y:auto;padding-right:.15rem;scrollbar-gutter:stable}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.95rem 1rem;border-radius:14px;color:#b8c6e3;border:1px solid transparent}.sidebar-icon{width:1.25rem;height:1.25rem;flex:0 0 1.25rem;fill:currentColor}.nav-link.active{background:#3182ce29;border-color:#60a5fa2e;color:#fff}.nav-link:hover{background:#ffffff08}.nav-link-title{font-weight:600;white-space:nowrap}.nav-link-hint,.sidebar-footer{font-size:.84rem}.sidebar-footer{margin-top:auto;flex:0 0 auto;display:grid;gap:.75rem}.sidebar-user{display:flex;align-items:center;gap:.75rem;width:100%;min-width:0;padding:.75rem;border-radius:16px;background:#ffffff08;border:1px solid rgba(148,163,184,.08);color:inherit;text-align:left;transition:border-color .18s ease,background .18s ease,transform .15s ease}.sidebar-user:hover{background:#ffffff0e;border-color:#60a5fa33;transform:translateY(-1px)}.sidebar-user-avatar{display:inline-grid;place-items:center;width:2.15rem;height:2.15rem;flex:0 0 2.15rem;border-radius:999px;background:#3182ce2e;color:#dbeafe;font-size:.78rem;font-weight:800;letter-spacing:.04em}.sidebar-user-meta{display:grid;min-width:0}.sidebar-user-meta strong,.sidebar-user-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-meta strong{color:#e7eefb;font-size:.9rem}.sidebar-user-meta span{color:#9db0d1;font-size:.78rem}.logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.65rem}.logout-button .sidebar-icon{width:1.15rem;height:1.15rem}.sidebar-collapsed .sidebar{padding-inline:1rem;align-items:center}.sidebar-collapsed .sidebar-card{width:100%;justify-content:center;padding:.75rem}.sidebar-collapsed .brand,.sidebar-collapsed .nav-link-title,.sidebar-collapsed .sidebar-user-meta,.sidebar-collapsed .logout-button span{display:none}.sidebar-collapsed .nav,.sidebar-collapsed .sidebar-footer,.sidebar-collapsed .logout-button{width:100%}.sidebar-collapsed .nav-link,.sidebar-collapsed .logout-button{justify-content:center;padding-inline:0}.sidebar-collapsed .sidebar-user{justify-content:center;padding:.55rem}.sidebar-collapsed .sidebar-toggle{margin:0 auto}.content{padding:1.5rem 1.75rem 2rem;display:grid;gap:1.25rem;align-content:start}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.topbar-card{display:grid;gap:.1rem}.panel{background:#09111fd1;border:1px solid rgba(148,163,184,.12);border-radius:24px;padding:1.25rem;box-shadow:0 10px 32px #00000029}.data-section{overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem}.section-heading{display:grid;gap:.18rem}.panel-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.clients-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;width:min(560px,52vw)}.search-field{position:relative;flex:1 1 300px;min-width:260px}.search-field svg{position:absolute;left:.9rem;top:50%;width:1.1rem;height:1.1rem;fill:#9db0d1;pointer-events:none;transform:translateY(-50%)}.search-field input{padding-left:2.55rem;background:#0f172ab8}.clients-toolbar .plus-button{flex:0 0 auto}.archive-toggle{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;padding:0 .85rem;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:#94a3b81a;color:#dbe7ff;white-space:nowrap}.archive-toggle input{width:1rem;height:1rem;accent-color:#2563eb}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}.stat-card{padding:1rem;border-radius:18px;background:#2563eb14;border:1px solid rgba(96,165,250,.14)}.stat-value{font-size:1.8rem;font-weight:700}.table-wrap{overflow:auto;scrollbar-gutter:stable}table{width:100%;border-collapse:collapse}th,td{padding:.8rem .65rem;border-bottom:1px solid rgba(148,163,184,.1);text-align:left;vertical-align:top}th{color:#aab9d6;font-weight:600;background:#09111ff5;position:sticky;top:0}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;padding:.2rem .55rem;background:#94a3b81f;color:#d7e4ff}.status-boolean{min-width:1.9rem;min-height:1.7rem;padding-inline:.45rem;font-size:1rem;font-weight:800;line-height:1}.status-ok,.status-active,.status-sent,.status-true,.status-authenticated,.status-superadmin,.status-internal-admin,.status-client-admin,.status-manager{background:#22c55e1f;color:#b7f7c7}.status-warning,.status-locked,.status-scheduled,.status-queued{background:#f59e0b1f;color:#f7dd9a}.status-error,.status-deactivated,.status-failed,.status-false,.status-canceled{background:#ef44441f;color:#ffb4b4}.inline-actions{display:flex;gap:.75rem;flex-wrap:wrap}.actions-cell{width:1%;white-space:nowrap}.table-icon-actions{flex-wrap:nowrap;gap:.45rem}.split-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.card-list{display:grid;gap:1rem}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.detail-item{padding:.9rem 1rem;border-radius:16px;background:#2563eb0d;border:1px solid rgba(148,163,184,.08)}.mini-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.mini-stat{padding:.75rem .9rem;border-radius:14px;background:#94a3b814;border:1px solid rgba(148,163,184,.1);color:#d7e4ff}.quick-links-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.detail-item strong,.stack strong{display:block;margin-bottom:.25rem}.stack{display:grid;gap:.75rem}.compact-stack{gap:.5rem}.form-section{display:grid;gap:.75rem;padding:1rem;border:1px solid rgba(148,163,184,.1);border-radius:18px;background:#2563eb0a}.form-section h3{margin:0;font-size:1rem}.form-section-header,.form-footer-actions,.toggle-row{display:flex;gap:1rem;align-items:center;justify-content:space-between}.form-section-header .secondary-button,.form-footer-actions .secondary-button,.form-footer-actions .primary-button{width:auto;white-space:nowrap}.toggle-row{justify-content:flex-start;padding:.85rem;border-radius:14px;background:#0f172a80}.toggle-row input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:#2563eb}.toggle-row small{display:block;color:#9db0d1}.recovery-code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.55rem;margin-top:.75rem}.mfa-onboarding-steps{display:grid;gap:.65rem}.mfa-step{display:grid;grid-template-columns:2rem 1fr;gap:.75rem;align-items:center;padding:.75rem;border-radius:14px;background:#0f172a80}.mfa-step strong{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#3182ce2e;color:#bfdbfe}.mfa-app-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:1rem}.mfa-app-card{display:grid;justify-items:center;gap:.75rem;padding:1rem;border-radius:18px;background:#0f172a80;border:1px solid rgba(148,163,184,.12);text-align:center}.mfa-app-grid.compact{gap:.7rem}.mfa-app-grid.compact .mfa-app-card{gap:.5rem;padding:.75rem}.mfa-app-grid.compact .mfa-store-qr{width:132px;min-height:132px}.mfa-store-qr{display:grid;place-items:center;width:150px;min-height:150px;border-radius:14px;background:#f8fafc;color:#0f172a;padding:.45rem}.mfa-store-qr img{width:100%;height:auto;display:block}.mfa-store-note{grid-column:1 / -1}.mfa-setup-grid{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:1rem;align-items:stretch}.mfa-qr-intro{display:grid;gap:.35rem;grid-column:1 / -1}.mfa-qr-column{display:grid}.mfa-qr-card{display:grid;place-items:center;min-height:240px;border-radius:18px;background:#f8fafc;border:1px solid rgba(148,163,184,.18);padding:.75rem}.mfa-qr-card img{width:min(100%,220px);height:auto;display:block}.mfa-backup-code-card{display:grid;align-content:center;min-height:240px}@media (max-width: 720px){.mfa-app-grid,.mfa-setup-grid{grid-template-columns:1fr}}.input-with-status{position:relative}.input-with-status input{padding-right:3.35rem}.input-with-status.success input{border-color:#22c55e8c}.input-with-status.error input{border-color:#ef44448c}.input-with-status.loading input{border-color:#3b82f68c}.ares-status{position:absolute;top:1px;right:1px;bottom:1px;width:2.85rem;display:grid;place-items:center;border-radius:0 11px 11px 0;font-size:1.2rem;font-weight:800;cursor:default}.ares-status:after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + .55rem);z-index:80;width:max-content;max-width:min(320px,78vw);padding:.55rem .7rem;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:#030712f5;color:#e7eefb;font-size:.82rem;font-weight:500;line-height:1.35;text-align:left;white-space:normal;box-shadow:0 16px 40px #0000005c;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease}.ares-status:hover:after{opacity:1;transform:translateY(0)}.ares-status.loading{background:#3b82f652;color:#bfdbfe}.ares-status.success{background:#22c55e57;color:#86efac}.ares-status.error{background:#ef444457;color:#fca5a5}.segmented-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.35rem;border:1px solid #2b3a55;border-radius:14px;background:#0b1220e0;min-height:46px}.segmented-toggle button{border:0;border-radius:10px;padding:.58rem .85rem;background:transparent;color:#9db0d1}.segmented-toggle button.active{background:linear-gradient(135deg,#3182ce,#2563eb);color:#fff;box-shadow:0 8px 22px #2563eb38}.page-actions{display:flex;gap:.75rem;flex-wrap:wrap}.page-title-row{display:flex;justify-content:space-between;gap:1rem;align-items:center}.code-inline{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem}.message{padding:.85rem 1rem;border-radius:14px;margin-bottom:1rem}.message.error{background:#ef44441f;color:#ffb4b4}.message.success{background:#22c55e1f;color:#b7f7c7}.code-block{white-space:pre-wrap;word-break:break-word;background:#0f172aeb;border-radius:14px;padding:1rem;border:1px solid rgba(148,163,184,.12)}.empty-state{padding:1rem;border-radius:14px;text-align:center;color:#9db0d1;background:#94a3b80f;border:1px dashed rgba(148,163,184,.16)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1.5rem;background:#030712b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-panel{width:min(980px,100%);max-height:min(88vh,920px);overflow:hidden;display:grid;grid-template-rows:auto 1fr;border:1px solid rgba(148,163,184,.18);border-radius:26px;background:radial-gradient(circle at top left,rgba(37,99,235,.16),transparent 32%),#09111ffa;box-shadow:0 32px 100px #0000008c}.modal-header{display:flex;justify-content:space-between;gap:1rem;align-items:start;padding:1.25rem 1.35rem;border-bottom:1px solid rgba(148,163,184,.12)}.modal-header h2{margin:0}.modal-content{overflow:auto;scrollbar-gutter:stable;padding:1.35rem}@media (max-width: 980px){.auth-layout,.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;overflow:visible;border-right:0;border-bottom:1px solid rgba(148,163,184,.14);padding-bottom:1rem}.nav{flex:none;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);overflow-x:auto;overflow-y:hidden;padding-bottom:.25rem}.split-layout{grid-template-columns:1fr}.modal-backdrop{padding:.75rem}.modal-panel{max-height:94vh;border-radius:20px}.topbar,.page-title-row,.auth-card-header,.panel-header{grid-template-columns:1fr;display:grid}.clients-toolbar{width:100%;justify-content:stretch}.search-field{min-width:0}}
