@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";.sp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:var(--sp-radius-md);padding:0 16px;font-size:14px;font-weight:850;letter-spacing:0;transition:transform .12s ease,border-color .12s ease,background .12s ease}.sp-button:hover{transform:translateY(-1px)}.sp-button:focus-visible,.sp-input:focus-visible{outline:3px solid rgba(104,34,246,.28);outline-offset:2px}.sp-button--primary{background:var(--ll-brand-gradient);color:#fff;border-color:var(--sp-color-teal)}.sp-button--secondary{background:var(--sp-color-surface);color:var(--sp-color-ink);border-color:var(--sp-color-line)}.sp-button--ghost{background:transparent;color:var(--sp-color-ink)}.sp-button--danger{background:var(--sp-color-danger);color:#fff;border-color:var(--sp-color-danger)}.sp-button__icon{display:inline-flex}.sp-badge{display:inline-flex;align-items:center;width:fit-content;min-height:26px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:850;white-space:nowrap}.sp-badge--neutral{background:var(--sp-color-soft);color:var(--sp-color-muted)}.sp-badge--success{background:var(--sp-color-success-bg);color:var(--sp-color-success)}.sp-badge--warning{background:var(--sp-color-warning-bg);color:var(--sp-color-warning)}.sp-badge--danger{background:var(--sp-color-danger-bg);color:var(--sp-color-danger)}.sp-badge--info{background:var(--sp-color-info-bg);color:var(--sp-color-info)}.sp-badge--teal{background:#eee7ff;color:var(--sp-color-teal-edge)}.sp-card{border:1px solid var(--sp-color-line);border-radius:var(--sp-radius-lg);box-shadow:var(--sp-shadow-sm);padding:18px}.sp-card--surface{background:var(--sp-color-surface)}.sp-card--mint{background:var(--sp-color-mint)}.sp-card--ink{background:var(--sp-color-ink);color:#fff}.sp-card-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}.sp-card-header h2{margin:0;font-size:20px;line-height:1.25;font-weight:850;letter-spacing:0}.sp-card-header p{margin:6px 0 0;color:var(--sp-color-muted);font-size:14px;line-height:1.5}.sp-stat-card{display:grid;min-height:142px;align-content:space-between}.sp-stat-card__label{color:var(--sp-color-muted);font-size:13px;font-weight:800}.sp-stat-card strong{display:block;color:var(--sp-color-ink);font-size:31px;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:0}.sp-field{display:grid;gap:8px;color:var(--sp-color-ink);font-size:13px;font-weight:800}.sp-field small{color:var(--sp-color-muted);font-size:12px;font-weight:600}.sp-field__error{color:var(--sp-color-danger);font-size:12px;font-style:normal;font-weight:750}.sp-input{min-height:44px;width:100%;border:1px solid var(--sp-color-line);border-radius:var(--sp-radius-md);background:var(--sp-color-surface);color:var(--sp-color-ink);padding:0 12px;font-size:14px;font-weight:650}.sp-filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.sp-search{display:flex;align-items:center;gap:8px;min-width:min(340px,100%);min-height:44px;border:1px solid var(--sp-color-line);border-radius:var(--sp-radius-md);background:var(--sp-color-surface);padding:0 12px;color:var(--sp-color-muted)}.sp-search .sp-input{min-height:auto;border:0;border-radius:0;padding:0}.sp-filter-bar>.sp-input{width:168px}.sp-filter-bar__action{margin-left:auto}.sp-table-wrap{overflow:auto;border:1px solid var(--sp-color-line);border-radius:var(--sp-radius-lg);background:var(--sp-color-surface)}.sp-table{width:100%;min-width:760px;border-collapse:collapse}.sp-table th,.sp-table td{border-bottom:1px solid var(--sp-color-line);padding:16px;text-align:left;vertical-align:middle}.sp-table th{color:var(--sp-color-muted);font-size:12px;font-weight:850;text-transform:uppercase}.sp-table td{color:var(--sp-color-ink);font-size:14px;font-weight:650}.sp-table tbody tr:last-child td{border-bottom:0}.sp-align-right{text-align:right!important;font-variant-numeric:tabular-nums}.sp-empty-table{display:grid;min-height:180px;place-items:center;border:1px dashed var(--sp-color-line);border-radius:var(--sp-radius-lg);background:var(--sp-color-surface);color:var(--sp-color-muted);font-weight:750}.sp-empty{display:grid;gap:12px;justify-items:center;padding:42px;border:1px dashed var(--sp-color-line);border-radius:var(--sp-radius-lg);background:var(--sp-color-surface);text-align:center}.sp-empty__icon{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:var(--sp-color-mint);color:var(--sp-color-teal-edge)}.sp-empty h3{margin:0;font-size:20px}.sp-empty p{margin:0;max-width:460px;color:var(--sp-color-muted);line-height:1.55}.sp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#0b17208a;padding:24px}.sp-modal,.sp-sheet{display:grid;max-height:min(760px,calc(100vh - 48px));border:1px solid var(--sp-color-line);background:var(--sp-color-surface);box-shadow:var(--sp-shadow-md)}.sp-modal{width:min(560px,100%);border-radius:var(--sp-radius-xl)}.sp-sheet{position:fixed;top:0;bottom:0;width:min(520px,100%);max-height:100vh;border-radius:0}.sp-sheet--right{right:0}.sp-sheet--left{left:0}.sp-dialog-header,.sp-dialog-footer{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:20px}.sp-dialog-header{border-bottom:1px solid var(--sp-color-line)}.sp-dialog-footer{align-items:center;justify-content:flex-end;border-top:1px solid var(--sp-color-line)}.sp-dialog-header h2{margin:0;font-size:22px;font-weight:900;letter-spacing:0}.sp-dialog-header p{margin:6px 0 0;color:var(--sp-color-muted);line-height:1.5}.sp-dialog-body{overflow:auto;padding:20px}.sp-tabs{display:flex;gap:6px;border-bottom:1px solid var(--sp-color-line)}.sp-tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--sp-color-muted);padding:0 14px;font-size:14px;font-weight:850}.sp-tab--active{border-bottom-color:var(--sp-color-teal);color:var(--sp-color-ink)}.sp-tab span{border-radius:999px;background:var(--sp-color-soft);padding:3px 8px;font-size:12px}.sp-segmented{display:inline-flex;gap:4px;border:1px solid var(--sp-color-line);border-radius:var(--sp-radius-md);background:var(--sp-color-soft);padding:4px}.sp-segment{min-height:34px;border:0;border-radius:9px;background:transparent;color:var(--sp-color-muted);padding:0 12px;font-size:13px;font-weight:850}.sp-segment--active{background:var(--sp-color-surface);color:var(--sp-color-ink);box-shadow:var(--sp-shadow-sm)}.sp-check-row,.sp-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--sp-color-line);border-radius:var(--sp-radius-md);background:var(--sp-color-surface);padding:14px}.sp-check-row{justify-content:flex-start}.sp-check-row input{width:18px;height:18px;accent-color:var(--sp-color-teal)}.sp-check-row span,.sp-toggle-row>span{display:grid;gap:4px}.sp-check-row strong,.sp-toggle-row strong{font-size:14px}.sp-check-row small,.sp-toggle-row small{color:var(--sp-color-muted);font-size:12px;line-height:1.45}.sp-toggle{position:relative;width:48px;height:28px;flex:0 0 48px;border:1px solid var(--sp-color-line);border-radius:999px;background:var(--sp-color-soft);padding:0}.sp-toggle span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--sp-color-surface);box-shadow:var(--sp-shadow-sm);transition:transform .16s ease}.sp-toggle--checked{background:var(--sp-color-teal);border-color:var(--sp-color-teal)}.sp-toggle--checked span{transform:translate(20px)}.sp-menu{position:relative;display:inline-block}.sp-menu__content{position:absolute;right:0;top:calc(100% + 8px);z-index:20;display:none;width:260px;border:1px solid var(--sp-color-line);border-radius:var(--sp-radius-lg);background:var(--sp-color-surface);box-shadow:var(--sp-shadow-md);padding:8px}.sp-menu:hover .sp-menu__content,.sp-menu:focus-within .sp-menu__content{display:grid}.sp-menu__item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;width:100%;border:0;border-radius:var(--sp-radius-md);background:transparent;padding:10px;text-align:left}.sp-menu__item:hover{background:var(--sp-color-mint)}.sp-menu__item[data-destructive=true]{color:var(--sp-color-danger)}.sp-menu__item strong,.sp-menu__item small{display:block}.sp-menu__item small{margin-top:3px;color:var(--sp-color-muted);font-size:12px;line-height:1.35}.sp-tooltip{position:relative;display:inline-flex}.sp-tooltip__bubble{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:30;width:max-content;max-width:240px;transform:translate(-50%);border-radius:var(--sp-radius-md);background:var(--sp-color-ink);color:#fff;padding:8px 10px;font-size:12px;font-weight:700;line-height:1.35;opacity:0;pointer-events:none;transition:opacity .12s ease}.sp-tooltip:hover .sp-tooltip__bubble,.sp-tooltip:focus-within .sp-tooltip__bubble{opacity:1}.sp-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--sp-color-line);padding-top:14px;color:var(--sp-color-muted);font-size:13px;font-weight:750}.sp-pagination>div{display:flex;align-items:center;gap:10px}.sp-alert,.sp-toast{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;border:1px solid var(--sp-color-line);border-radius:var(--sp-radius-lg);background:var(--sp-color-surface);padding:14px}.sp-alert strong,.sp-toast strong{display:block;margin-bottom:4px}.sp-alert p,.sp-toast p{margin:0;color:var(--sp-color-muted);line-height:1.45}.sp-alert--success,.sp-toast--success{border-color:var(--sp-color-success-bg)}.sp-alert--warning,.sp-toast--warning{border-color:var(--sp-color-warning-bg)}.sp-alert--danger,.sp-toast--danger{border-color:var(--sp-color-danger-bg)}.sp-alert--info,.sp-toast--info{border-color:var(--sp-color-info-bg)}.sp-alert--success>span,.sp-toast--success>span{color:var(--sp-color-success)}.sp-alert--warning>span,.sp-toast--warning>span{color:var(--sp-color-warning)}.sp-alert--danger>span,.sp-toast--danger>span{color:var(--sp-color-danger)}.sp-alert--info>span,.sp-toast--info>span{color:var(--sp-color-info)}.sp-toast{max-width:420px;box-shadow:var(--sp-shadow-md)}.sp-skeleton{display:block;min-height:18px;border-radius:var(--sp-radius-sm);background:linear-gradient(90deg,var(--sp-color-soft),#e5efeb,var(--sp-color-soft));background-size:200% 100%;animation:sp-skeleton-pulse 1.35s infinite linear}.sp-skeleton-table{display:grid;gap:10px;border:1px solid var(--sp-color-line);border-radius:var(--sp-radius-lg);background:var(--sp-color-surface);padding:14px}.sp-skeleton-table>div{display:grid;grid-template-columns:1.3fr .8fr .6fr .7fr;gap:14px;min-height:48px;align-items:center;border-bottom:1px solid var(--sp-color-line)}.sp-skeleton-table>div:last-child{border-bottom:0}@keyframes sp-skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.sp-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--sp-color-muted);font-size:13px;font-weight:800}.sp-breadcrumbs span{display:inline-flex;gap:8px}.sp-breadcrumbs em{color:var(--sp-color-line);font-style:normal}.sp-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.sp-timeline li{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding-bottom:18px}.sp-timeline li:before{position:absolute;top:18px;bottom:0;left:8px;width:2px;content:"";background:var(--sp-color-line)}.sp-timeline li:last-child:before{display:none}.sp-timeline li>span{position:relative;z-index:1;width:18px;height:18px;border:4px solid var(--sp-color-mint);border-radius:50%;background:var(--sp-color-teal)}.sp-timeline strong,.sp-timeline small{display:block}.sp-timeline small{margin-top:3px;color:var(--sp-color-muted);font-size:12px;font-weight:750}.sp-timeline p{margin:8px 0 0;color:var(--sp-color-muted);line-height:1.45}@media(max-width:720px){.sp-dialog-header,.sp-dialog-footer,.sp-pagination{display:grid}.sp-sheet{width:100%}}.ll-maintenance,.ll-maintenance *{box-sizing:border-box}.ll-maintenance{--ll-ink: #0e1b3d;--ll-purple: #5b24e8;--ll-muted: #68738f;position:relative;isolation:isolate;min-height:100vh;overflow:hidden;display:grid;place-items:center;align-content:center;gap:18px;padding:32px 20px;color:var(--ll-ink);background:radial-gradient(circle at 50% 0%,#f0ebff 0,#f8f7fb 38%,#f7f5f1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ll-maintenance--checking{gap:12px}.ll-maintenance--checking>img{width:168px;height:auto}.ll-maintenance--checking>p{margin:0;color:var(--ll-muted);font-size:13px}.ll-maintenance__spinner{width:26px;height:26px;border:2px solid #ded8ef;border-top-color:var(--ll-purple);border-radius:50%;animation:ll-spin .8s linear infinite}.ll-maintenance__glow{position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;filter:blur(2px);opacity:.5}.ll-maintenance__glow--one{top:-260px;right:-120px;background:radial-gradient(circle,#c7b8ff,transparent 68%)}.ll-maintenance__glow--two{bottom:-300px;left:-160px;background:radial-gradient(circle,#bceee2,transparent 68%)}.ll-maintenance__card{width:min(590px,100%);padding:30px;border:1px solid rgba(14,27,61,.11);border-radius:24px;background:#ffffffeb;box-shadow:0 28px 90px #0e1b3d1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center}.ll-maintenance__brand{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid rgba(14,27,61,.08)}.ll-maintenance__brand img{width:154px;height:auto;display:block}.ll-maintenance__brand>span{display:inline-flex;align-items:center;gap:7px;color:var(--ll-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.ll-maintenance__brand i{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 5px #f59e0b1f}.ll-maintenance__icon{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;border-radius:20px;color:var(--ll-purple);background:#ede9fe;box-shadow:inset 0 0 0 1px #5b24e817}.ll-maintenance__eyebrow{margin:0 0 7px;color:var(--ll-purple);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ll-maintenance h1{margin:0;color:var(--ll-ink);font-size:clamp(27px,5vw,38px);line-height:1.1;letter-spacing:-.035em}.ll-maintenance__message{max-width:470px;margin:14px auto 22px;color:var(--ll-muted);font-size:15px;line-height:1.65}.ll-maintenance__timing{display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:13px;background:#f7f5f1;text-align:left}.ll-maintenance__timing>svg{flex:none;color:var(--ll-purple)}.ll-maintenance__timing>span{display:grid;gap:2px}.ll-maintenance__timing small{color:var(--ll-muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.ll-maintenance__timing strong{color:var(--ll-ink);font-size:12px}.ll-maintenance__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:22px 0}.ll-maintenance__actions button,.ll-maintenance__actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 16px;border-radius:11px;font:inherit;font-size:12px;font-weight:750;text-decoration:none;cursor:pointer;transition:.15s ease}.ll-maintenance__actions button{border:0;color:#fff;background:var(--ll-ink)}.ll-maintenance__actions button:hover{transform:translateY(-1px);background:#162956}.ll-maintenance__actions button:disabled{opacity:.65;cursor:wait}.ll-maintenance__actions a{border:1px solid rgba(14,27,61,.14);color:var(--ll-ink);background:#fff}.ll-maintenance__actions a:hover{border-color:var(--ll-purple);transform:translateY(-1px)}.ll-maintenance__card footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:20px;border-top:1px solid rgba(14,27,61,.08);color:var(--ll-muted);font-size:11px}.ll-maintenance__card footer svg{color:#159477}.ll-maintenance__card footer strong{color:var(--ll-ink)}.ll-maintenance__support{margin:0;color:var(--ll-muted);font-size:12px}.ll-maintenance__support a{color:var(--ll-purple);font-weight:700}.ll-maintenance-banner{position:fixed;z-index:9999;top:10px;left:50%;transform:translate(-50%);width:min(720px,calc(100% - 24px));display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 13px;border:1px solid #f4d58d;border-radius:12px;color:#6d4b00;background:#fff8e7;box-shadow:0 10px 30px #422d0021;font:12px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}.ll-maintenance-banner>svg{flex:none}.ll-maintenance-banner span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ll-maintenance-banner a{margin-left:auto;color:#5b24e8;font-weight:700}.is-spinning{animation:ll-spin .8s linear infinite}@keyframes ll-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.ll-maintenance__card{padding:22px 18px;border-radius:20px}.ll-maintenance__brand{align-items:flex-start;flex-direction:column}.ll-maintenance__card footer{align-items:flex-start;text-align:left}.ll-maintenance-banner{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.ll-maintenance__spinner,.is-spinning{animation-duration:1.8s}.ll-maintenance__actions *{transition:none!important}}:root{--ll-electric-violet: #6822f6;--ll-deep-indigo: #1c1499;--ll-ledger-navy: #0e1b3d;--ll-mist: #cedcfa;--ll-white-smoke: #f5f5f7;--ll-brand-gradient: linear-gradient(135deg, #6822f6 0%, #1c1499 100%);--sp-color-ink: var(--ll-ledger-navy);--sp-color-ink-2: var(--ll-deep-indigo);--sp-color-teal: var(--ll-electric-violet);--sp-color-teal-edge: var(--ll-deep-indigo);--sp-color-mint: #f1edff;--sp-color-canvas: var(--ll-white-smoke);--sp-color-surface: #ffffff;--sp-color-line: #dfe4f3;--sp-color-muted: #6e7391;--sp-color-soft: #eef2fc;--sp-color-success: #15803d;--sp-color-success-bg: #dcfce7;--sp-color-warning: #b7791f;--sp-color-warning-bg: #fef3c7;--sp-color-danger: #b42318;--sp-color-danger-bg: #fee4e2;--sp-color-info: #2563eb;--sp-color-info-bg: #dbeafe;--sp-radius-sm: 8px;--sp-radius-md: 12px;--sp-radius-lg: 16px;--sp-radius-xl: 24px;--sp-shadow-sm: 0 1px 2px rgba(14, 27, 61, .06);--sp-shadow-md: 0 14px 36px rgba(14, 27, 61, .12);--sp-font: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sp-font-display: "Space Grotesk", var(--sp-font)}*{box-sizing:border-box}html{color:var(--sp-color-ink);background:var(--sp-color-canvas);font-family:var(--sp-font)}body{margin:0;min-width:360px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.sp-app{min-height:100vh;background:var(--sp-color-canvas)}.sp-page{display:flex;min-height:100vh}.sp-sidebar{width:252px;flex:0 0 252px;background:linear-gradient(180deg,var(--ll-ledger-navy) 0%,var(--ll-deep-indigo) 100%);color:#fff;padding:24px 18px}.sp-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}.sp-logo-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;overflow:hidden;background:var(--ll-brand-gradient)}.sp-logo-mark img{width:100%;height:100%;object-fit:cover}.sp-logo-text{display:grid;gap:2px}.sp-logo-title{font-family:var(--sp-font-display);font-size:18px;font-weight:850}.sp-logo-subtitle{color:var(--ll-mist);font-size:12px;font-weight:650}.sp-nav{display:grid;gap:6px}.sp-nav-item{display:flex;align-items:center;gap:10px;min-height:42px;border-radius:var(--sp-radius-md);color:var(--ll-mist);padding:0 12px;font-size:14px;font-weight:750}.sp-nav-item[data-active=true]{background:#6822f647;color:#fff}.sp-main{min-width:0;flex:1;padding:24px}.sp-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.sp-title-block{display:grid;gap:6px}.sp-kicker{color:var(--sp-color-teal-edge);font-size:12px;font-weight:850;letter-spacing:0;text-transform:uppercase}.sp-title{margin:0;color:var(--sp-color-ink);font-family:var(--sp-font-display);font-size:34px;line-height:1.08;font-weight:850;letter-spacing:0}.sp-subtitle{margin:0;max-width:720px;color:var(--sp-color-muted);font-size:15px;line-height:1.6}.sp-grid{display:grid;gap:16px}.sp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-panel-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);gap:16px;margin-top:16px}@media(max-width:1080px){.sp-page{display:block}.sp-sidebar{width:auto}.sp-grid-4,.sp-grid-3,.sp-grid-2,.sp-panel-layout{grid-template-columns:1fr}}.sp-portal-app{--portal-brand: #6822f6;--portal-ink: #0e1b3d;--portal-muted: #6e7391;--portal-border: #dfe4f3;--portal-surface: #ffffff;box-sizing:border-box;min-height:100vh;padding:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--portal-brand) 10%,#ffffff),#f5f5f7 280px);color:var(--portal-ink);font-family:IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sp-portal-app--modal{min-height:auto;padding:20px}.sp-portal-app *,.sp-portal-app *:before,.sp-portal-app *:after{box-sizing:border-box}.sp-portal-host-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:grid;place-items:center;padding:16px;background:#050e1285}.sp-portal-host-panel{width:min(1120px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:8px;background:#f5f8f7;box-shadow:0 30px 100px #00000042}.sp-portal-closebar{width:min(1120px,100%);display:flex;justify-content:flex-end;margin:0 auto 14px}.sp-portal-topbar,.sp-portal-hero,.sp-portal-grid,.sp-portal-alert{width:min(1120px,100%);margin-inline:auto}.sp-portal-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.sp-portal-brand,.sp-portal-secure{display:flex;align-items:center;gap:12px}.sp-portal-brand__mark{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:var(--portal-brand);color:#fff;font-weight:800;overflow:hidden}.sp-portal-brand__mark img{width:100%;height:100%;object-fit:cover}.sp-portal-brand strong,.sp-portal-secure span{display:block;font-size:14px}.sp-portal-hero h1,.sp-portal-panel__head strong{font-family:Space Grotesk,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif}.sp-portal-brand small{display:block;color:var(--portal-muted);font-size:12px}.sp-portal-secure{padding:9px 12px;border:1px solid var(--portal-border);border-radius:8px;background:#ffffffb8;color:var(--portal-muted);font-size:13px}.sp-portal-alert{margin-bottom:16px;padding:12px 14px;border:1px solid #f2b8b5;border-radius:8px;background:#fff6f5;color:#8c1d18;font-size:13px}.sp-portal-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px;border:1px solid color-mix(in srgb,var(--portal-brand) 18%,#d7e7e2);border-radius:8px;background:#ffffffe0;box-shadow:0 18px 50px #0b172014}.sp-portal-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--portal-brand);font-size:12px;font-weight:700;text-transform:uppercase}.sp-portal-hero h1{margin:10px 0 6px;font-size:32px;line-height:1.1}.sp-portal-hero p{margin:0;color:var(--portal-muted)}.sp-portal-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;margin-top:16px}.sp-portal-panel{padding:18px;border:1px solid var(--portal-border);border-radius:8px;background:var(--portal-surface);box-shadow:0 8px 26px #0b17200d}.sp-portal-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.sp-portal-panel__head strong{display:block;font-size:15px}.sp-portal-panel__head small{display:block;margin-top:2px;color:var(--portal-muted);font-size:12px}.sp-portal-invoices{display:grid;gap:10px}.sp-portal-invoice,.sp-portal-history li,.sp-portal-detail{display:grid;align-items:center;gap:12px}.sp-portal-invoice{grid-template-columns:minmax(0,1fr) auto auto auto;padding:12px;border:1px solid var(--portal-border);border-radius:8px}.sp-portal-invoice strong,.sp-portal-history strong{display:block;font-size:13px}.sp-portal-invoice small,.sp-portal-history small{display:block;color:var(--portal-muted);font-size:12px}.sp-portal-invoice>span,.sp-portal-history>li>span{font-weight:700}.sp-portal-methods{display:grid;gap:10px;margin-bottom:14px}.sp-portal-method{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:0;padding:14px;border-radius:8px;background:color-mix(in srgb,var(--portal-brand) 8%,#f7fbfa)}.sp-portal-method__info{display:grid;gap:4px;min-width:0}.sp-portal-method__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sp-portal-method__badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--portal-brand) 16%,#ffffff);color:var(--portal-brand);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sp-portal-method span{color:var(--portal-brand);font-size:12px;font-weight:800;text-transform:uppercase}.sp-portal-method small{color:var(--portal-muted)}.sp-portal-form__check{display:flex;flex-direction:row;align-items:center;gap:8px;margin-top:4px;font-size:13px;color:var(--portal-ink);cursor:pointer}.sp-portal-form__check input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--portal-brand);cursor:pointer}.sp-portal-form__check input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.sp-portal-detail{grid-template-columns:90px minmax(0,1fr);padding:10px 0;border-bottom:1px solid var(--portal-border)}.sp-portal-detail span{color:var(--portal-muted);font-size:12px}.sp-portal-detail strong{font-size:13px}.sp-portal-panel__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--portal-border)}.sp-portal-panel__actions .sp-portal-button{flex:1 1 auto;min-width:140px}.sp-portal-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid var(--portal-brand);border-radius:8px;background:var(--portal-brand);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.sp-portal-button:disabled{cursor:not-allowed;opacity:.62}.sp-portal-button--secondary,.sp-portal-button--ghost{border-color:var(--portal-border);background:#fff;color:var(--portal-ink)}.sp-portal-button--danger{border-color:#b42318;background:#b42318}.sp-portal-history{display:grid;gap:10px;padding:0;margin:0;list-style:none}.sp-portal-history li{grid-template-columns:minmax(0,1fr) auto auto;padding:12px;border:1px solid var(--portal-border);border-radius:8px}.sp-portal-empty{margin:0;color:var(--portal-muted);font-size:13px}.sp-portal-status{min-height:calc(100vh - 48px);display:grid;place-items:center;align-content:center;gap:14px;text-align:center}.sp-portal-app--modal .sp-portal-status{min-height:340px}.sp-portal-status p{margin:0;color:var(--portal-muted)}.sp-portal-spinner{width:28px;height:28px;border-radius:999px;border:3px solid color-mix(in srgb,var(--portal-brand) 20%,#d7e7e2);border-top-color:var(--portal-brand);animation:sp-portal-spin .9s linear infinite}.sp-portal-badge{display:inline-flex;align-items:center;width:fit-content;min-height:24px;padding:3px 8px;border-radius:999px;background:#eef3f1;color:var(--portal-muted);font-size:12px;font-weight:800}.sp-portal-badge--success{background:#e8f5ee;color:#087443}.sp-portal-badge--warning{background:#fff7e6;color:#a15c00}.sp-portal-badge--danger{background:#fff1f0;color:#b42318}.sp-portal-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#050e126b}.sp-portal-modal__panel{width:min(520px,100%);padding:20px;border-radius:8px;background:#fff;box-shadow:0 24px 80px #0000002e}.sp-portal-modal__panel--wide{width:min(720px,100%);max-height:calc(100vh - 40px);overflow-y:auto}.sp-portal-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}.sp-portal-plan-card{display:grid;gap:10px;padding:14px;border:1px solid var(--portal-border);border-radius:10px;background:#fff;color:var(--portal-ink);text-align:left;font:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.sp-portal-plan-card:hover:not(:disabled){border-color:var(--portal-brand);box-shadow:0 6px 20px #0b172014}.sp-portal-plan-card:disabled{cursor:not-allowed;opacity:.7}.sp-portal-plan-card--selected{border-color:var(--portal-brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-brand) 30%,transparent)}.sp-portal-plan-card--current{background:color-mix(in srgb,var(--portal-brand) 6%,#f7fbfa)}.sp-portal-plan-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sp-portal-plan-card__head strong{display:block;font-size:14px}.sp-portal-plan-card__head small{display:block;margin-top:2px;color:var(--portal-muted);font-size:12px}.sp-portal-plan-card__price{display:flex;align-items:baseline;gap:4px}.sp-portal-plan-card__price strong{font-size:18px}.sp-portal-plan-card__price small{color:var(--portal-muted);font-size:12px}.sp-portal-plan-card__features{display:grid;gap:4px;margin:0;padding:0;list-style:none;color:var(--portal-muted);font-size:12px}.sp-portal-plan-card__features li:before{content:"• ";color:var(--portal-brand)}.sp-portal-preview{margin-top:18px;padding:14px;border:1px solid var(--portal-border);border-radius:10px;background:color-mix(in srgb,var(--portal-brand) 5%,#f7fbfa)}.sp-portal-preview>strong{display:block;margin-bottom:10px;font-size:13px}.sp-portal-preview__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px}.sp-portal-preview__row--total{margin-top:4px;padding-top:10px;border-top:1px solid var(--portal-border);font-size:14px}.sp-portal-preview>small{display:block;margin-top:8px;color:var(--portal-muted);font-size:12px}.sp-portal-preview--loading{display:flex;align-items:center;gap:10px}.sp-portal-modal__foot{margin-top:18px}.sp-portal-modal__head,.sp-portal-modal__foot{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sp-portal-modal__head h2{margin:0;font-size:20px}.sp-portal-modal__head p{margin:6px 0 0;color:var(--portal-muted);font-size:13px}.sp-portal-form{display:grid;gap:14px;margin-top:18px}.sp-portal-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sp-portal-form label{display:grid;gap:6px;color:var(--portal-muted);font-size:12px;font-weight:700}.sp-portal-form input,.sp-portal-form select{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--portal-border);border-radius:8px;color:var(--portal-ink);font:inherit}@keyframes sp-portal-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.sp-portal-app{padding:16px}.sp-portal-host-modal{padding:0}.sp-portal-host-panel{width:100%;height:100vh;max-height:100vh;border-radius:0}.sp-portal-topbar,.sp-portal-hero{align-items:flex-start;flex-direction:column}.sp-portal-secure{width:100%}.sp-portal-hero{padding:20px}.sp-portal-hero h1{font-size:26px}.sp-portal-grid,.sp-portal-form__row{grid-template-columns:1fr}.sp-portal-invoice,.sp-portal-history li{grid-template-columns:1fr;justify-items:start}}:root{color:#0e1b3d;background:#f5f5f7;font-family:IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2,h3{font-family:Space Grotesk,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif}body{margin:0}button,input,select{font:inherit}.demo-shell{min-height:100vh;background:#f5f5f7}.demo-console{display:grid;gap:18px;padding:28px;border-bottom:1px solid #DFE4F3;background:#fff}.demo-console__intro{max-width:960px}.demo-console__intro span{color:#6822f6;font-size:12px;font-weight:800;text-transform:uppercase}.demo-console__intro h1{margin:8px 0;font-size:34px;line-height:1.08}.demo-console__intro p{max-width:780px;margin:0;color:#6e7391;line-height:1.6}.demo-controls{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.2fr) minmax(160px,.6fr) minmax(120px,.45fr) auto;gap:12px;align-items:end}.demo-controls label{display:grid;gap:6px}.demo-controls span{color:#6e7391;font-size:12px;font-weight:800}.demo-controls input,.demo-controls select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #DFE4F3;border-radius:8px;color:#0e1b3d;background:#fff;box-sizing:border-box}.demo-actions{display:flex;gap:8px;align-items:center}.demo-actions button,.demo-snippet button{min-height:40px;padding:8px 12px;border:1px solid #6822F6;border-radius:8px;background:#6822f6;color:#fff;font-weight:800;cursor:pointer}.demo-actions button:disabled{cursor:not-allowed;opacity:.65}.demo-actions .demo-button-secondary,.demo-snippet button{border-color:#dfe4f3;background:#fff;color:#0e1b3d}.demo-status{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;color:#6e7391;font-size:13px}.demo-status strong{color:#0e1b3d}.demo-snippets{display:grid;grid-template-columns:minmax(200px,.65fr) repeat(2,minmax(280px,1fr));gap:12px}.demo-snippet{min-width:0;border:1px solid #DFE4F3;border-radius:8px;background:#f5f5f7;overflow:hidden}.demo-snippet>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #DFE4F3}.demo-snippet strong{font-size:13px}.demo-snippet button{min-height:30px;padding:5px 9px;font-size:12px}.demo-snippet pre{min-height:96px;max-height:260px;margin:0;padding:12px;overflow:auto;color:#0e1b3d;font-size:12px;line-height:1.5;white-space:pre-wrap}.demo-preview{min-height:100vh}@media(max-width:1040px){.demo-controls,.demo-snippets{grid-template-columns:1fr}.demo-actions{justify-content:flex-start}}@media(max-width:640px){.demo-console{padding:20px 16px}.demo-console__intro h1{font-size:28px}.demo-actions{flex-direction:column;align-items:stretch}}
