:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--xpd-primary:#245ee8;--xpd-secondary:#0e9f8f;--xpd-accent:#f59e0b;--xpd-primary-rgb:36, 94, 232;--xpd-secondary-rgb:14, 159, 143;--xpd-accent-rgb:245, 158, 11;--background:#f6f8fb;--foreground:#111827;--muted:#64748b;--card:#fff;--border:#d9e2f1;--accent:var(--xpd-primary);--accent-soft:rgba(var(--xpd-primary-rgb), .12);--panel:#07194d;--panel-secondary:var(--xpd-primary)}*{box-sizing:border-box}html,body{background:var(--background);color:var(--foreground);scroll-behavior:smooth;margin:0;padding:0;font-family:Inter,Arial,Helvetica,sans-serif}body,main{min-height:100vh}a{color:inherit;text-decoration:none}input,button,select,textarea{font:inherit}button{border:0}.container{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 4rem}.hero{gap:1.5rem;display:grid}.hero h1{margin:0;font-size:clamp(2.25rem,4vw,4rem)}.hero p{max-width:60rem;color:var(--muted);margin:0;line-height:1.7}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:2rem;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:0 10px 30px #0f172a0d}.card h2,.card h3{margin-top:0}.card p,.card li{color:var(--muted);line-height:1.6}.status{border-radius:999px;align-items:center;gap:.5rem;width:fit-content;padding:.5rem .85rem;font-size:.95rem;font-weight:600;display:inline-flex}.status.ok{color:#166534;background:#dcfce7}.status.error{color:#991b1b;background:#fee2e2}.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:700}.inline-list{flex-wrap:wrap;gap:.75rem;padding:0;list-style:none;display:flex}.inline-list li{background:var(--accent-soft);color:#1d4ed8;border-radius:999px;padding:.45rem .8rem;font-weight:600}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1rem;transition:all .16s;display:inline-flex}.button.primary{background:var(--accent);color:#fff}.button.secondary{color:var(--foreground);border-color:var(--border);background:#fff}.button:disabled{opacity:.6;cursor:wait}.auth-error,.auth-success{margin:0;font-size:.95rem;line-height:1.6}.auth-error{color:#b42318}.auth-success{color:#067647}.app-shell{background:#f5f7fb;grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--xpd-primary), #00133f 48%) 0%, color-mix(in srgb, var(--xpd-primary), #00133f 58%) 58%, color-mix(in srgb, var(--xpd-primary), #00133f 36%) 100%);color:#fff;align-content:start;align-self:start;gap:1.25rem;min-height:100vh;padding:1.25rem;display:grid;position:sticky;top:0}.app-brand{color:#fff;letter-spacing:0;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;min-height:40px;font-size:1.2rem;font-weight:800;display:flex}.app-sidebar nav{gap:.35rem;display:grid}.app-sidebar nav span,.app-sidebar nav a{color:#ffffffc7;border-radius:8px;align-items:center;min-height:38px;padding:0 .75rem;font-size:.92rem;font-weight:700;text-decoration:none;display:flex}.app-sidebar nav a:hover{color:#fff;background:#ffffff14}.app-sidebar nav span.is-active,.app-sidebar nav a.is-active{background:var(--xpd-primary);color:#fff}.app-workspace{min-width:0}.app-topbar{z-index:5;border-bottom:1px solid var(--border);background:#fffffff0;justify-content:space-between;align-items:center;gap:1rem;min-height:76px;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.app-topbar h1{color:#111827;letter-spacing:0;margin:.2rem 0 0;font-size:1.55rem;line-height:1.2}.app-eyebrow{color:var(--xpd-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.app-topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.app-content{gap:1rem;width:min(1180px,100%);margin:0 auto;padding:1.25rem 1.25rem 2rem;display:grid}.dashboard-stats,.dashboard-grid{gap:1rem;display:grid}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xui-container,.xui-row,.xui-column{min-width:0}.xui-row{gap:1rem;display:flex}.xui-column{gap:1rem;display:grid}.xui-heading,.xui-text{letter-spacing:0;margin:0}.xui-heading{color:#111827;font-size:1.05rem;font-weight:850;line-height:1.18}.xui-text{color:#667085;line-height:1.55}.xui-card{background:#fff;border:1px solid #d7e1f2;border-radius:8px;width:100%;overflow:hidden}.xui-card-body{padding:1rem}.xui-card-header{margin-bottom:1rem}.xui-form{gap:1rem;display:grid}.xui-divider{color:#98a2b3;align-items:center;gap:.8rem;margin:1rem 0;display:flex}.xui-divider span{background:#d7e1f2;flex:1;height:1px}.xui-divider strong{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.xui-container-access-page{background:#eef4ff;min-height:100vh;overflow:hidden}.xui-row-access-shell{grid-template-columns:54.1% 45.9%;min-height:100vh;display:grid}.xui-surface.xui-surface-access-panel{box-shadow:none;color:#fff;background:radial-gradient(circle at 78% 21%,#2a5bcab8,#0000 21%),radial-gradient(circle at 63% 76%,#256fe285,#0000 24%),linear-gradient(#06184b 0%,#071d5a 54%,#173e99 100%);border:0;border-radius:0;align-content:normal;gap:0;padding:0;display:block;position:relative;overflow:hidden}.xui-column-access-panel-inner{z-index:2;flex-direction:column;min-height:100vh;padding:3.85rem 3.4rem 0;display:flex;position:relative}.xpd-brand{letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:.85rem;font-size:1.18rem;font-weight:800;line-height:1;display:inline-flex}.xpd-brand-mark{flex:none;width:31px;height:31px}.xpd-brand-text{color:#fffffff2}.xui-column-access-copy{max-width:540px;margin-top:7.5rem}.xui-heading-access-hero{color:#fff;letter-spacing:0;margin:0;font-size:4.25rem;font-weight:900;line-height:1.05}.xui-text-access-hero{color:#dde7ffe6;max-width:520px;margin:1.55rem 0 0;font-size:1.2rem;font-weight:500;line-height:1.7}.xui-surface.xui-surface-access-grid{pointer-events:none;height:12.5rem;box-shadow:none;opacity:.72;background:linear-gradient(#5195ff00,#378bff33),radial-gradient(circle at 54% 100%,#5fadff47,#0000 48%);border:0;border-radius:0;align-content:normal;gap:0;padding:0;display:block;position:absolute;bottom:-3.5rem;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 45%);mask-image:linear-gradient(#0000 0%,#000 45%)}.xui-surface.xui-surface-access-grid:before{content:"";transform-origin:bottom;background-image:linear-gradient(#7ebeff38 1px,#0000 1px),linear-gradient(90deg,#7ebeff2e 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;transform:perspective(760px)rotateX(70deg)scale(1.22)}.xui-column-access-card-wrap{justify-content:center;align-items:center;padding:2.5rem;display:flex}.xui-card-access{background:#fffffff5;border:1px solid #d5deef;border-radius:28px;max-width:540px;margin:0 auto;overflow:hidden;box-shadow:0 32px 84px #0f172a24}.xui-card-access .xui-card-body{padding:2.35rem 2.2rem 1.75rem}.xui-card-access .xui-card-header{text-align:center;margin-bottom:0}.xui-heading-access-card{color:#111827;letter-spacing:0;margin:0;font-size:2.9rem;font-weight:900;line-height:1.06}.xui-form-access{gap:1.15rem;margin-top:1.95rem;display:grid}.auth-icon{color:#94a3b8;flex:none;width:19px;height:19px}.auth-button-icon{width:18px;height:18px;display:block}.access-helper-text,.access-secondary-text{text-align:center;color:#7a8699;margin:0;font-size:.94rem}.xui-divider-access{color:#98a2b3;align-items:center;gap:.95rem;margin:1.2rem 0;display:flex}.xui-divider-access span{background:#e4e9f1;flex:1;height:1px}.xui-divider-access strong{text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:800}.microsoft-icon{grid-template-rows:repeat(2,10px);grid-template-columns:repeat(2,10px);gap:2px;display:grid}.microsoft-icon span:first-child{background:#f25022}.microsoft-icon span:nth-child(2){background:#7fba00}.microsoft-icon span:nth-child(3){background:#00a4ef}.microsoft-icon span:nth-child(4){background:#ffb900}@media (max-width:1180px){.xui-container-access-page{overflow:auto}.xui-row-access-shell{grid-template-columns:1fr}.xui-surface.xui-surface-access-panel{min-height:auto}.xui-column-access-panel-inner{min-height:auto;padding-bottom:2.5rem}.xui-column-access-copy{margin-top:4rem}}@media (max-width:720px){.xui-column-access-panel-inner,.xui-column-access-card-wrap{padding:1.5rem}.xui-column-access-copy{margin-top:2.8rem}.xui-heading-access-hero{font-size:2.5rem}.xui-text-access-hero{font-size:1.05rem}.xui-heading-access-card{font-size:2.4rem}.xpd-brand{letter-spacing:.16em;font-size:.95rem}.xui-card-access .xui-card-body{padding:1.5rem}}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.app-sidebar{min-height:auto;padding:.85rem 1rem;position:static}.app-brand{border-bottom:0}.app-sidebar nav{gap:.4rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.app-sidebar nav span,.app-sidebar nav a{flex:none}.app-topbar{flex-direction:column;align-items:stretch;position:static}.app-topbar-actions{justify-content:flex-start}.dashboard-stats,.dashboard-grid{grid-template-columns:1fr}}.xui-container-not-found{color:#111827;text-align:center;background:#f5f7fb;align-content:center;justify-items:center;gap:1rem;min-height:100vh;padding:2rem;display:grid}.xui-container-not-found .xui-heading{font-size:1.6rem;font-weight:850}.xui-container-not-found .xui-text{color:#667085;max-width:420px}.ds-hero,.ds-token-strip,.ds-shell{width:min(1180px,100%);margin:0 auto}.ds-hero{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:2rem;min-height:min(720px,100vh - 6rem);padding:1rem 0 2.5rem;display:grid}.ds-hero-copy{gap:1.15rem;max-width:680px;display:grid}.ds-library-lockup,.component-kicker{color:#12357d;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.65rem;width:fit-content;font-size:.82rem;font-weight:850;line-height:1;display:inline-flex}.ds-spark-icon{width:24px;height:24px;color:var(--xpd-primary)}.ds-hero h1,.ds-toolbar h2,.ds-product-header h3{letter-spacing:0;margin:0}.ds-hero h1{color:#07194d;max-width:720px;font-size:clamp(2.7rem,5.8vw,5.65rem);font-weight:900;line-height:.98}.ds-hero p{color:#465a7d;max-width:650px;margin:0;font-size:1.08rem;font-weight:550;line-height:1.7}.ds-hero-actions{flex-wrap:wrap;gap:.75rem;padding-top:.35rem;display:flex}.ds-hero-panel{background:#ffffffe6;border:1px solid #c5d2e9e6;border-radius:28px;gap:1rem;padding:1rem;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 84px #0f172a24}.ds-hero-panel:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#68a4ff2b 1px,#0000 1px),linear-gradient(90deg,#68a4ff1f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:120px;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000 0%,#000 80%);mask-image:linear-gradient(#0000 0%,#000 80%)}.ds-preview-window{z-index:1;border:1px solid var(--ds-line);background:#fff;border-radius:16px;gap:1rem;padding:1rem;display:grid;position:relative}.ds-preview-window header,.ds-preview-row,.ds-hero-stats,.ds-toolbar,.ds-product-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ds-preview-window header span{color:var(--ds-muted);font-size:.82rem;font-weight:800;display:block}.ds-preview-window header strong{color:#111827;margin-top:.2rem;font-size:1.25rem;display:block}.ds-preview-form{gap:.9rem;display:grid}.ds-preview-row{flex-wrap:wrap;justify-content:flex-start}.ds-hero-stats{z-index:1;align-items:stretch;position:relative}.ds-hero-stats article,.ds-token-strip article{background:#ffffffdb;border:1px solid #d9e2f1e6;border-radius:8px;gap:.25rem;min-width:0;padding:.9rem;display:grid}.ds-hero-stats strong{color:#07194d;font-size:1.65rem;line-height:1}.ds-hero-stats span,.ds-token-strip span,.ds-token-strip p{color:var(--ds-muted)}.ds-token-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.ds-token-strip article{min-height:148px;padding:1rem;position:relative;overflow:hidden}.ds-token-strip article:before{content:"";background:currentColor;border-radius:999px;height:10px;position:absolute;inset:auto 1rem 1rem}.ds-token-strip span{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:850}.ds-token-strip strong{color:#111827;font-size:1.6rem}.ds-token-strip p{max-width:330px;margin:0;line-height:1.55}.ds-token-primary{color:var(--xpd-primary)}.ds-token-secondary{color:var(--xpd-secondary)}.ds-token-accent{color:var(--xpd-accent)}.ds-eyebrow{color:var(--xpd-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:850}.ds-shell{border:1px solid rgba(var(--xpd-primary-rgb), .16);background:var(--ds-surface);border-radius:18px;overflow:hidden;box-shadow:0 24px 80px #0f172a1a}.ds-toolbar{border-bottom:1px solid var(--ds-line);align-items:end;padding:1.25rem}.ds-presets{flex-wrap:wrap;gap:.5rem;display:flex}.ds-presets button,.ds-product-header button,.ds-button-primary,.ds-button-secondary{cursor:pointer;border-radius:8px;min-height:38px;padding:0 .85rem;font-weight:800}.ds-presets button{border:1px solid var(--ds-line);color:var(--ds-ink);background:#fff}.ds-presets button:hover{border-color:rgba(var(--xpd-primary-rgb), .36);color:var(--xpd-primary)}.ds-color-grid{background:var(--ds-line);border-bottom:1px solid var(--ds-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.ds-color-field{background:linear-gradient(180deg, rgba(var(--xpd-primary-rgb), .04), #fff0), var(--ds-surface-soft);gap:.75rem;padding:1rem 1.25rem;display:grid}.ds-color-field span{color:var(--ds-muted);font-size:.9rem;font-weight:750}.ds-color-control{grid-template-columns:46px 1fr;gap:.7rem;display:grid}.ds-color-control input[type=color]{border:1px solid var(--ds-line);background:0 0;border-radius:8px;width:46px;height:42px;padding:0}.ds-color-control input[type=text]{border:1px solid var(--ds-line);width:100%;min-width:0;color:var(--ds-ink);background:#fff;border-radius:8px;padding:0 .75rem;font-weight:750}.ds-color-control input:focus{border-color:rgba(var(--xpd-primary-rgb), .55);box-shadow:0 0 0 3px rgba(var(--xpd-primary-rgb), .11);outline:0}.ds-preview{grid-template-columns:220px 1fr;min-height:560px;display:grid}.ds-sidebar{background:radial-gradient(circle at 74% 12%, #4784ff70, transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--xpd-primary), #06184b 34%), #06184b);color:#fff;padding:1.25rem}.ds-sidebar strong{letter-spacing:.08em;margin-bottom:2rem;font-size:1.2rem;display:block}.ds-sidebar nav{gap:.35rem;display:grid}.ds-sidebar a{color:#ffffffc7;border-radius:8px;padding:.7rem .75rem;font-weight:700}.ds-sidebar a.is-active{color:#fff;background:#ffffff26}.ds-product-surface{background:linear-gradient(90deg, rgba(var(--xpd-secondary-rgb), .08), transparent 42%), var(--ds-surface-soft);align-content:start;gap:1rem;padding:1.25rem;display:grid}.ds-product-header{align-items:start}.ds-product-header h3{margin-top:.35rem;font-size:1.7rem}.ds-product-header button,.ds-button-primary{background:linear-gradient(180deg, color-mix(in srgb, var(--xpd-primary), #fff 16%), var(--xpd-primary));color:#fff;box-shadow:0 14px 28px rgba(var(--xpd-primary-rgb), .24)}.ds-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.ds-metric{border:1px solid var(--ds-line);background:#fff;border-top-width:4px;border-radius:8px;gap:.4rem;padding:1rem;display:grid}.ds-metric-1{border-top-color:var(--xpd-primary)}.ds-metric-2{border-top-color:var(--xpd-secondary)}.ds-metric-3{border-top-color:var(--xpd-accent)}.ds-metric span,.ds-metric small{color:var(--ds-muted)}.ds-metric strong{font-size:1.75rem}.ds-component-row{border:1px solid var(--ds-line);background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.65rem;padding:1rem;display:flex}.ds-button-secondary{border:1px solid rgba(var(--xpd-secondary-rgb), .32);background:rgba(var(--xpd-secondary-rgb), .1);color:color-mix(in srgb, var(--xpd-secondary), #0f172a 34%)}.ds-chip{background:rgba(var(--xpd-secondary-rgb), .12);min-height:30px;color:color-mix(in srgb, var(--xpd-secondary), #0f172a 36%);border-radius:8px;align-items:center;padding:0 .65rem;font-size:.85rem;font-weight:800;display:inline-flex}.ds-chip-warn{background:rgba(var(--xpd-accent-rgb), .16);color:color-mix(in srgb, var(--xpd-accent), #7c2d12 42%)}.ds-table{border:1px solid var(--ds-line);background:#fff;border-radius:8px;overflow:hidden}.ds-table div{grid-template-columns:1.4fr .8fr .7fr;gap:1rem;padding:.9rem 1rem;display:grid}.ds-table div+div{border-top:1px solid var(--ds-line)}.ds-table span:not(:first-child){color:var(--ds-muted)}.component-gallery>*,.component-grid>*,.component-browser>*,.component-browser-header>*,.xui-toolbar>*,.xui-surface>*{min-width:0}.component-grid{gap:1rem;display:grid}.component-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.component-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.component-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.component-flow{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.component-stack,.component-form-grid,.component-toggle-stack{gap:.9rem;display:grid}.primitive-coverage{border:1px solid rgba(var(--xpd-primary-rgb), .16);background:#ffffffd1;border-radius:8px;flex-wrap:wrap;gap:.5rem;padding:.75rem;display:flex}.primitive-coverage a{border:1px solid rgba(var(--xpd-primary-rgb), .15);background:rgba(var(--xpd-primary-rgb), .06);min-height:30px;color:color-mix(in srgb, var(--xpd-primary), #0f172a 24%);border-radius:8px;align-items:center;padding:0 .65rem;font-size:.82rem;font-weight:800;display:inline-flex}.component-browser{border:1px solid rgba(var(--xpd-primary-rgb), .16);background:#ffffffe0;border-radius:8px;gap:1rem;padding:1rem;display:grid;box-shadow:0 18px 46px #0f172a12}.component-browser-header{grid-template-columns:1fr minmax(260px,360px);align-items:end;gap:1rem;display:grid}.component-browser-header h3{color:#111827;margin:.45rem 0 0}.component-browser-header p{color:#667085;margin:.35rem 0 0;line-height:1.55}.component-search{gap:.4rem;display:grid}.component-search span{color:#344054;font-size:.88rem;font-weight:750}.component-search input{border:1px solid var(--ds-line);border-radius:8px;outline:0;width:100%;min-height:42px;padding:0 .8rem;box-shadow:inset 0 1px #ffffffd1}.component-search input:focus{border-color:rgba(var(--xpd-primary-rgb), .55);box-shadow:0 0 0 3px rgba(var(--xpd-primary-rgb), .11)}.component-filter{flex-wrap:wrap;gap:.5rem;display:flex}.component-filter button{border:1px solid var(--ds-line);color:#475467;cursor:pointer;background:#fff;border-radius:8px;min-height:34px;padding:0 .75rem;font-weight:750}.component-filter button.is-active{border-color:rgba(var(--xpd-primary-rgb), .4);background:rgba(var(--xpd-primary-rgb), .09);color:color-mix(in srgb, var(--xpd-primary), #0f172a 22%)}.component-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.component-index a{border:1px solid var(--ds-line);background:linear-gradient(#fff,#f7faff);border-radius:8px;gap:.35rem;min-height:126px;padding:.85rem;display:grid}.component-index a:hover{border-color:rgba(var(--xpd-primary-rgb), .34);box-shadow:0 12px 28px #0f172a14}.component-index a:focus-visible,.primitive-coverage a:focus-visible{outline:3px solid rgba(var(--xpd-primary-rgb), .2);outline-offset:2px}.component-index span,.component-index small{color:#667085;line-height:1.45}.component-index span{font-size:.78rem;font-weight:850}.component-index strong{color:#111827}.component-index small{font-size:.84rem}.component-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-dialog-preview{min-height:240px;position:relative}.component-dialog-preview .xui-dialog-overlay{background:#e2e8f0;border-radius:8px;min-height:240px;padding:16px;position:static}.component-dialog-preview .xui-dialog-panel{width:100%;max-height:none}.component-toggle-stack{grid-column:1/-1}.component-form-grid .xui-field:has(.xui-textarea){grid-column:1/-1}.xui-button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:0;font-weight:800;line-height:1;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s,opacity .14s,transform .14s;display:inline-flex;box-shadow:inset 0 1px #ffffff9e}.xui-button-sm{min-height:32px;padding:0 .7rem;font-size:.86rem}.xui-button-md{min-height:40px;padding:0 .9rem;font-size:.92rem}.xui-button-lg{min-height:48px;padding:0 1.1rem;font-size:1rem}.xui-button-primary{background:linear-gradient(180deg, color-mix(in srgb, var(--xpd-primary), #fff 16%), var(--xpd-primary));color:#fff;box-shadow:0 14px 28px rgba(var(--xpd-primary-rgb), .23), 0 1px 0 #fff3 inset}.xui-button-secondary{background:linear-gradient(180deg, rgba(var(--xpd-secondary-rgb), .16), rgba(var(--xpd-secondary-rgb), .08));color:color-mix(in srgb, var(--xpd-secondary), #0f172a 38%);border-color:rgba(var(--xpd-secondary-rgb), .28)}.xui-button-outline{color:var(--foreground);background:linear-gradient(#fff,#f8fbff);border-color:#d7e1f2}.xui-button-ghost{color:color-mix(in srgb, var(--xpd-primary), #0f172a 28%);background:0 0}.xui-button-danger{color:#fff;background:linear-gradient(#dc362e,#b42318);box-shadow:0 14px 28px #b423182e}.xui-button:not(:disabled):hover{filter:brightness(.985);transform:translateY(-1px)}.xui-button:focus-visible{box-shadow:0 0 0 3px rgba(var(--xpd-primary-rgb), .16), 0 14px 28px rgba(var(--xpd-primary-rgb), .18);outline:0}.xui-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.xui-button-icon{width:1rem;height:1rem;display:inline-flex}.xui-button-icon svg{width:100%;height:100%}.xui-icon-button{width:32px;min-width:32px;min-height:32px;padding:0}.xui-field{gap:.45rem;min-width:0;display:grid}.xui-label,.xui-toggle strong{color:#182235;font-size:.92rem;font-weight:800}.xui-control-wrap,.xui-select-wrap{background:linear-gradient(#fff,#fbfdff);border:1px solid #d7e1f2;border-radius:8px;align-items:center;min-width:0;height:44px;min-height:44px;display:flex;box-shadow:inset 0 1px #ffffffd9}.xui-control-wrap:focus-within,.xui-select-wrap:focus-within,.xui-control:focus{border-color:rgba(var(--xpd-primary-rgb), .55);box-shadow:0 0 0 3px rgba(var(--xpd-primary-rgb), .11)}.xui-control{width:100%;min-width:0;height:42px;min-height:42px;color:var(--foreground);background:#fff;border:1px solid #d7e1f2;border-radius:8px;outline:0;padding:0 .8rem;font-weight:650;line-height:1.2}.xui-control-wrap .xui-control,.xui-select-wrap .xui-control{box-shadow:none;border:0}.xui-control::placeholder{color:#98a2b3}.xui-control-inset{color:#667085;border-right:1px solid #d7e1f2;align-self:stretch;align-items:center;padding:0 .75rem;font-size:.88rem;font-weight:800;display:inline-flex}.xui-control-leading{color:#94a3b8;flex:none;justify-content:center;align-items:center;width:1.1rem;height:1.1rem;display:inline-flex}.xui-control-leading svg{width:100%;height:100%}.xui-select{appearance:none;padding-right:2rem;display:block}.xui-select-wrap{position:relative}.xui-select-wrap:after{content:"";pointer-events:none;border-bottom:1.5px solid #667085;border-right:1.5px solid #667085;width:.45rem;height:.45rem;position:absolute;top:50%;right:.9rem;transform:translateY(-58%)rotate(45deg)}.xui-textarea{resize:vertical;height:auto;min-height:104px;padding-top:.75rem}.xui-help,.xui-error,.xui-toggle small{color:#667085;font-size:.84rem;line-height:1.45}.xui-error{color:#b42318}.xui-field-error .xui-control,.xui-field-error .xui-control-wrap,.xui-field-error .xui-select-wrap{border-color:#f04438;box-shadow:0 0 0 3px #f0443814}.xui-compact-filter-surface{gap:.65rem;padding:.75rem .85rem;box-shadow:0 10px 28px #0f172a0b}.xui-compact-filter-surface .xui-surface-header h3{font-size:.92rem}.xui-compact-filter-form{grid-template-columns:minmax(135px,.85fr) minmax(170px,1.1fr) minmax(120px,.75fr) minmax(105px,.65fr) minmax(135px,.78fr) minmax(135px,.78fr);align-items:end;gap:.55rem}.xui-compact-filter-form .xui-field{gap:.25rem}.xui-compact-filter-form .xui-label{color:#667085;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.xui-compact-filter-form .xui-control-wrap,.xui-compact-filter-form .xui-select-wrap{border-radius:7px;height:36px;min-height:36px}.xui-compact-filter-form .xui-control{height:34px;min-height:34px;padding:0 .62rem;font-size:.86rem}.xui-compact-filter-actions{flex-wrap:nowrap;grid-column:1/-1;justify-content:flex-end}@media (max-width:1180px){.xui-compact-filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.xui-compact-filter-form{grid-template-columns:1fr}.xui-compact-filter-actions,.xui-compact-filter-actions .xui-button{width:100%}.xui-compact-filter-actions{justify-content:flex-start}}.xui-toggle{cursor:pointer;grid-template-columns:18px 1fr;align-items:start;gap:.7rem;min-width:0;display:grid}.xui-toggle input{opacity:0;pointer-events:none;position:absolute}.xui-toggle input:focus-visible+.xui-toggle-mark{border-color:rgba(var(--xpd-primary-rgb), .7);box-shadow:0 0 0 3px rgba(var(--xpd-primary-rgb), .12)}.xui-toggle-mark{background:linear-gradient(#fff,#f7faff);border:1px solid #c3d0e4;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:inline-flex}.xui-toggle input:checked+.xui-toggle-mark{border-color:var(--xpd-primary);background:linear-gradient(180deg, color-mix(in srgb, var(--xpd-primary), #fff 16%), var(--xpd-primary))}.xui-toggle input:checked+.xui-toggle-mark:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:4px;transform:rotate(-45deg)translate(1px,-1px)}.xui-switch{grid-template-columns:38px 1fr}.xui-switch .xui-toggle-mark{border-radius:999px;justify-content:flex-start;width:38px;padding:2px}.xui-switch input:checked+.xui-toggle-mark{border-color:var(--xpd-secondary);background:linear-gradient(180deg, color-mix(in srgb, var(--xpd-secondary), #fff 16%), var(--xpd-secondary))}.xui-switch .xui-toggle-mark:after{content:"";background:#94a3b8;border:0;border-radius:999px;width:14px;height:14px;transition:transform .14s,background-color .14s;transform:none}.xui-switch input:checked+.xui-toggle-mark:after{background:#fff;transform:translate(18px)}.xui-toggle span:last-child{gap:.2rem;display:grid}.xui-badge{border:1px solid #0000;border-radius:7px;align-items:center;width:fit-content;min-height:24px;padding:0 .5rem;font-size:.78rem;font-weight:850;line-height:1;display:inline-flex}.xui-badge-neutral{color:#475569;background:#f5f8fc;border-color:#d7e1f2}.xui-badge-success{color:#027a48;background:#ecfdf3;border-color:#abefc6}.xui-badge-info{background:rgba(var(--xpd-primary-rgb), .11);color:color-mix(in srgb, var(--xpd-primary), #0f172a 20%);border-color:rgba(var(--xpd-primary-rgb), .18)}.xui-badge-warning{background:rgba(var(--xpd-accent-rgb), .14);color:color-mix(in srgb, var(--xpd-accent), #7c2d12 45%);border-color:rgba(var(--xpd-accent-rgb), .25)}.xui-badge-danger{color:#b42318;background:#fef3f2;border-color:#fecdca}.xui-surface,.xui-stat-card,.xui-star-card{background:linear-gradient(#fff,#fbfdff);border:1px solid #d7e1f2;border-radius:8px;box-shadow:0 16px 42px #0f172a0f}.xui-surface{align-content:start;gap:1rem;padding:1.05rem;display:grid}.xui-surface-header,.xui-toolbar{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.xui-surface-header h3,.xui-toolbar h3{color:#111827;margin:0;font-size:1.04rem;font-weight:850}.xui-surface-header p,.xui-toolbar p{color:#667085;margin:.3rem 0 0;line-height:1.5}.xui-surface-action,.xui-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.xui-toolbar{background:linear-gradient(90deg, rgba(var(--xpd-primary-rgb), .06), transparent 36%), linear-gradient(180deg, #fff, #fbfdff);border:1px solid #d7e1f2;border-radius:8px;align-items:center;padding:1rem;box-shadow:0 18px 46px #0f172a12}.xui-stat-card{border-top-width:4px;gap:.35rem;padding:1rem;display:grid}.xui-stat-card span,.xui-stat-card small{color:#667085}.xui-stat-card span{font-size:.9rem;font-weight:800}.xui-stat-card strong{color:#111827;font-size:1.7rem;font-weight:850;line-height:1.1}.xui-stat-neutral{border-top-color:#94a3b8}.xui-stat-primary{border-top-color:var(--xpd-primary)}.xui-stat-secondary{border-top-color:var(--xpd-secondary)}.xui-stat-accent{border-top-color:var(--xpd-accent)}.xui-stat-primary{background:linear-gradient(180deg, rgba(var(--xpd-primary-rgb), .06), #fff 62%)}.xui-stat-secondary{background:linear-gradient(180deg, rgba(var(--xpd-secondary-rgb), .08), #fff 62%)}.xui-stat-accent{background:linear-gradient(180deg, rgba(var(--xpd-accent-rgb), .1), #fff 62%)}.xui-star-card{gap:.8rem;padding:1rem;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid}.xui-star-card:hover{border-color:rgba(var(--xpd-primary-rgb), .3);transform:translateY(-1px);box-shadow:0 22px 54px #0f172a1a}.xui-star-card.is-active{border-color:rgba(var(--xpd-primary-rgb), .34);background:radial-gradient(circle at 88% 0%, rgba(var(--xpd-primary-rgb), .16), transparent 30%), linear-gradient(180deg, rgba(var(--xpd-primary-rgb), .08), #fff 58%)}.xui-star-card-top{justify-content:space-between;gap:1rem;display:flex}.xui-star-icon{width:22px;height:22px;color:var(--xpd-primary)}.xui-star-card strong{color:#111827;font-size:1rem;font-weight:850}.xui-star-card p{color:#667085;margin:0;line-height:1.55}.xui-alert{border:1px solid;border-radius:8px;gap:.25rem;padding:.85rem;display:grid;box-shadow:0 10px 26px #0f172a0a}.xui-alert strong{font-size:.92rem;font-weight:850}.xui-alert p{margin:0;line-height:1.5}.xui-alert-dismissible{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem}.xui-alert-dismiss{min-height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;padding:.35rem .65rem;font-size:.82rem;font-weight:800}.xui-alert-dismiss:hover{background:#ffffff8f}.xui-alert-dismiss:focus-visible{outline:3px solid rgba(var(--xpd-primary-rgb), .22);outline-offset:2px}.xui-alert-info{background:linear-gradient(180deg, rgba(var(--xpd-primary-rgb), .1), rgba(var(--xpd-primary-rgb), .05));border-color:rgba(var(--xpd-primary-rgb), .2);color:color-mix(in srgb, var(--xpd-primary), #0f172a 30%)}.xui-alert-success{color:#027a48;background:linear-gradient(#ecfdf3,#f7fffb);border-color:#abefc6}.xui-alert-warning{background:linear-gradient(180deg, rgba(var(--xpd-accent-rgb), .14), rgba(var(--xpd-accent-rgb), .07));border-color:rgba(var(--xpd-accent-rgb), .26);color:color-mix(in srgb, var(--xpd-accent), #7c2d12 45%)}.xui-alert-danger{color:#b42318;background:linear-gradient(#fef3f2,snow);border-color:#fecdca}.xui-forbidden-state{color:#b42318;background:linear-gradient(snow,#fff);border:1px solid #fecdca;border-radius:8px;justify-items:start;gap:.7rem;padding:1.1rem;display:grid;box-shadow:0 10px 26px #0f172a0a}.xui-forbidden-state strong{color:#7a271a;font-weight:850}.xui-forbidden-state p{color:#b42318;margin:0;line-height:1.5}.xui-disabled-action{flex-direction:column;align-items:flex-start;gap:.35rem;display:inline-flex}.xui-disabled-action small{color:#667085;max-width:220px;font-size:.72rem;line-height:1.25}.xui-disabled-action.is-disabled{cursor:not-allowed}.xui-tabs{background:#f7faff;border:1px solid #d7e1f2;border-radius:8px;gap:.35rem;padding:.28rem;display:flex;overflow-x:auto}.xui-tabs button{color:#667085;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:.45rem;min-height:36px;padding:0 .65rem;font-weight:800;display:inline-flex}.xui-tabs button.is-active{border-color:rgba(var(--xpd-primary-rgb), .2);color:color-mix(in srgb, var(--xpd-primary), #0f172a 16%);background:#fff;box-shadow:0 8px 22px #0f172a12}.xui-tabs small{background:rgba(var(--xpd-primary-rgb), .1);color:#475569;border-radius:6px;min-width:20px;padding:.15rem .35rem}.xui-data-table{background:#fff;border:1px solid #d7e1f2;border-radius:8px;overflow-x:auto;box-shadow:0 14px 36px #0f172a0d}.xui-data-row{grid-template-columns:var(--xui-table-columns);min-width:var(--xui-table-min-width);display:grid}.xui-data-row+.xui-data-row{border-top:1px solid #e5ecf7}.xui-data-row-action{cursor:pointer}.xui-data-row-action:hover{background:#f8fbff}.xui-data-row-action:focus-visible{outline:3px solid rgba(var(--xpd-primary-rgb), .28);outline-offset:-3px}.xui-data-row-selected{box-shadow:inset 4px 0 0 rgb(var(--xpd-primary-rgb));background:#eef6ff}.xui-data-row span{color:#475467;overflow-wrap:anywhere;min-width:0;padding:.8rem .9rem;font-size:.9rem}.xui-data-row span small{color:#8a95a6;font-size:.82rem;font-weight:500}.xui-data-row span:first-child{color:#111827;font-weight:800}.xui-data-head{background:linear-gradient(#f8fbff,#eef4ff)}.xui-data-head span,.xui-data-head span:first-child{color:#667085;font-size:.78rem;font-weight:800}.xui-empty-state{background:linear-gradient(90deg, rgba(var(--xpd-primary-rgb), .06), transparent 44%), #f8fbff;border:1px dashed #bdd0ef;border-radius:8px;justify-items:start;gap:.65rem;padding:1rem;display:grid}.xui-empty-icon{border:1px solid rgba(var(--xpd-primary-rgb), .22);background:linear-gradient(90deg, rgba(var(--xpd-primary-rgb), .3) 45%, transparent 45%), linear-gradient(180deg, rgba(var(--xpd-secondary-rgb), .16) 50%, transparent 50%), #fff;border-radius:8px;width:28px;height:28px}.xui-empty-state strong{color:#111827;font-weight:850}.xui-empty-state p{color:#667085;margin:0;line-height:1.5}.xui-progress{gap:.45rem;display:grid}.xui-progress>div{color:#475467;justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.xui-progress>div span,.xui-progress>div strong{font-weight:800}.xui-progress-track{background:#dfe8f6;border-radius:999px;height:10px;display:block;overflow:hidden}.xui-progress-track span{border-radius:inherit;height:100%;display:block}.xui-progress-primary .xui-progress-track span{background:linear-gradient(90deg, color-mix(in srgb, var(--xpd-primary), #fff 18%), var(--xpd-primary))}.xui-progress-secondary .xui-progress-track span{background:linear-gradient(90deg, color-mix(in srgb, var(--xpd-secondary), #fff 18%), var(--xpd-secondary))}.xui-progress-accent .xui-progress-track span{background:linear-gradient(90deg, color-mix(in srgb, var(--xpd-accent), #fff 18%), var(--xpd-accent))}.xui-skeleton{background:#fff;border:1px solid #d7e1f2;border-radius:8px;gap:.65rem;padding:1rem;display:grid}.xui-skeleton span{background:linear-gradient(90deg,#edf3fb 0%,#fff 42%,#edf3fb 84%) 0 0/220% 100%;border-radius:6px;height:14px;animation:1.4s infinite xui-shimmer}.xui-skeleton span:nth-child(2){width:82%}.xui-skeleton span:nth-child(3){width:64%}.xui-skeleton span:nth-child(4){width:72%}@keyframes xui-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (max-width:860px){.xui-container-design-system{padding:2rem 1rem 3rem}.ds-hero{grid-template-columns:1fr;min-height:auto;padding-top:0}.ds-hero-panel{border-radius:20px}.ds-hero-stats{flex-wrap:wrap}.ds-hero-stats article{flex:140px}.ds-toolbar,.ds-product-header{flex-direction:column;align-items:stretch}.ds-token-strip,.ds-color-grid,.ds-preview,.ds-metrics{grid-template-columns:1fr}.ds-preview{min-height:auto}.ds-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-table div{grid-template-columns:1fr;gap:.35rem}.component-grid-2,.component-grid-3,.component-grid-4,.component-form-grid,.component-browser-header,.component-index{grid-template-columns:1fr}.xui-surface-header,.xui-toolbar{flex-direction:column}.xui-surface-action,.xui-toolbar-actions{justify-content:flex-start}}.xui-container-design-system{--ds-surface:#fff;--ds-surface-soft:#f4f7fc;--ds-ink:#101828;--ds-muted:#667085;--ds-line:#d7e1f2;min-height:100vh;color:var(--ds-ink);background:#eef4ff;padding:1.25rem}.component-gallery{gap:.85rem;width:min(1280px,100%);margin:0 auto;display:grid}.showcase-header{justify-content:space-between;align-items:center;gap:1rem;min-height:52px;display:flex}.showcase-header h1{color:#07194d;letter-spacing:0;margin:0;font-size:clamp(1.6rem,3vw,2.55rem);font-weight:900;line-height:1}.showcase-header span{border:1px solid rgba(var(--xpd-primary-rgb), .18);min-width:42px;min-height:34px;color:var(--xpd-primary);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:.92rem;font-weight:900;display:inline-flex}.showcase-tabs{border:1px solid rgba(var(--xpd-primary-rgb), .14);background:#ffffffc7;border-radius:8px;gap:.4rem;padding:.35rem;display:flex;overflow-x:auto}.showcase-tabs button{color:#516078;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;min-height:38px;padding:0 .85rem;font-weight:850}.showcase-tabs button:focus-visible{outline:3px solid rgba(var(--xpd-primary-rgb), .18);outline-offset:2px}.showcase-tabs button.is-active{border-color:rgba(var(--xpd-primary-rgb), .22);background:linear-gradient(180deg, rgba(var(--xpd-primary-rgb), .12), #fff 82%);color:color-mix(in srgb, var(--xpd-primary), #0f172a 16%);box-shadow:0 10px 24px #0f172a12}.showcase-board{grid-template-columns:188px minmax(0,1fr);align-items:start;gap:.85rem;display:grid}.showcase-rail{border:1px solid rgba(var(--xpd-primary-rgb), .14);background:linear-gradient(#fff,#f8fbff);border-radius:8px;gap:.45rem;padding:.65rem;display:grid;position:sticky;top:1.25rem}.showcase-rail span{color:#25324a;background:#fff;border:1px solid #d7e1f2;border-radius:7px;align-items:center;min-height:34px;padding:0 .65rem;font-size:.86rem;font-weight:850;display:flex}.showcase-canvas,.showcase-panel{min-width:0}.showcase-canvas{border:1px solid rgba(var(--xpd-primary-rgb), .14);background:#ffffffd1;border-radius:8px;padding:.85rem}.showcase-panel{gap:.85rem;display:grid}.showcase-sample{background:#fff;border:1px solid #d7e1f2;border-radius:8px;gap:.75rem;min-width:0;padding:1rem;display:grid;box-shadow:0 16px 42px #0f172a0b}.showcase-sample-label{color:#475467;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:900;line-height:1}.showcase-flow,.showcase-button-grid,.showcase-toggle-grid{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.showcase-button-grid{align-items:stretch}.showcase-stack{gap:.75rem;display:grid}.showcase-form-grid,.showcase-alert-grid,.showcase-grid-2,.showcase-grid-3,.showcase-grid-4{gap:.85rem;display:grid}.showcase-form-grid,.showcase-alert-grid,.showcase-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.xui-container-design-system{padding:1rem}.showcase-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.showcase-tabs button{justify-content:center;min-width:0}.showcase-board{grid-template-columns:1fr}.showcase-rail{flex-wrap:wrap;display:flex;position:static}.showcase-form-grid,.showcase-alert-grid,.showcase-grid-2,.showcase-grid-3,.showcase-grid-4{grid-template-columns:1fr}.showcase-canvas{padding:.65rem}}.xui-field-access{gap:.55rem}.xui-field-access .xui-label{color:#111827;font-size:.95rem;font-weight:800}.xui-field-access .xui-control-wrap{height:58px;min-height:58px;box-shadow:none;background:#fff;border-color:#d5deef;border-radius:13px;gap:.8rem;padding:0 1.05rem}.xui-field-access .xui-control-wrap:focus-within{border-color:#2563eb80;box-shadow:0 0 0 4px #2563eb14}.xui-field-access .xui-control-leading{color:#94a3b8;width:19px;height:19px}.xui-field-access .xui-control-wrap .xui-control{height:56px;min-height:56px;color:var(--foreground);padding:0;font-size:1rem;font-weight:600}.xui-button-access-primary,.xui-button-access-provider{border-radius:12px;gap:.75rem;width:100%;min-height:54px;font-size:1rem;font-weight:800}.xui-button-access-primary{color:#fff;background:linear-gradient(#346dff 0%,#2257df 100%);border-color:#0000;box-shadow:0 16px 30px #245ce23d}.xui-button-access-provider{color:#5d6673;box-shadow:none;background:#fff;border-color:#dfe6f2}.xui-button-access-primary:not(:disabled):hover,.xui-button-access-provider:not(:disabled):hover{filter:none;transform:translateY(-1px)}.xui-button-access-primary:disabled,.xui-button-access-provider:disabled{opacity:.62}.xui-card-access .xui-button-icon{width:18px;height:18px}.xui-action-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.xui-record-list{gap:10px;display:grid}.xui-record-row{color:#0f172a;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px;transition:border-color .14s,box-shadow .14s,background .14s;display:flex}button.xui-record-row{cursor:pointer}button.xui-record-row:hover{border-color:rgba(var(--xpd-primary-rgb), .42);box-shadow:0 6px 18px #0f172a0f}.xui-record-row.is-selected{border-color:var(--xpd-primary);background:color-mix(in srgb, var(--xpd-primary), #fff 92%);box-shadow:inset 4px 0 0 var(--xpd-primary)}.xui-record-row.is-selected strong{color:var(--xpd-primary)}.xui-record-content{gap:3px;min-width:0;display:grid}.xui-record-content strong,.xui-record-content small{overflow-wrap:anywhere}.xui-record-content small{color:#64748b}.xui-record-trailing{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.xui-dialog-overlay{z-index:50;background:#0f172a6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.xui-dialog-panel{background:#fff;border:1px solid #dbe3ef;border-radius:8px;width:min(680px,100%);max-height:min(760px,100vh - 48px);overflow:auto;box-shadow:0 24px 60px #0f172a3d}.xui-confirmation{gap:20px;padding:22px;display:grid}.xui-confirmation-copy{gap:8px;display:grid}.xui-confirmation h2{color:#0f172a;letter-spacing:0;margin:0;font-size:1.05rem;font-weight:850;line-height:1.2}.xui-confirmation p{color:#667085;margin:0;font-size:.95rem;line-height:1.55}.xui-confirmation-danger{border-top:4px solid #d92d20}.xui-checkbox-list{border:1px solid #e2e8f0;border-radius:8px;gap:8px;max-height:280px;padding:8px;display:grid;overflow:auto}.xui-checkbox-list legend{color:#0f172a;padding:0 4px;font-weight:700}.xui-checkbox-list-readonly{max-height:420px}.xui-checkbox-list label{border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px 10px;padding:8px;display:grid}.xui-checkbox-list label:hover{background:#f8fafc}.xui-checkbox-list small{color:#64748b;grid-column:2}.access-admin{gap:18px;display:grid}.access-admin-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.access-admin-step-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr) max-content;align-items:end}.access-admin-step-editor>.xui-button{grid-column:3;align-self:end}.access-admin-step-panel{border:1px solid color-mix(in srgb, var(--step-color), #fff 55%);border-left:5px solid var(--step-color);background:color-mix(in srgb, var(--step-color), #fff 94%);border-radius:8px;padding:14px}.access-admin-step-panel-1{--step-color:var(--xpd-primary)}.access-admin-step-panel-2{--step-color:var(--xpd-secondary)}.access-admin-step-panel-3{--step-color:var(--xpd-accent)}.access-admin-step-panel-4{--step-color:#0f766e}.access-admin-step-panel-5{--step-color:#7c3aed}.access-admin-step-panel-6{--step-color:#be123c}.access-admin-filter{grid-template-columns:minmax(0,1fr) minmax(140px,200px);align-items:end;gap:10px;margin-bottom:14px;display:grid}.access-admin-detail{gap:12px;display:grid}.access-admin-section-heading{color:#0f172a;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-bottom:6px;font-size:.95rem;display:flex}.access-admin-section-heading strong{letter-spacing:-.01em}.access-admin-section-heading small{color:#64748b;font-size:.82rem;font-weight:600}.xui-pagination{color:#64748b;justify-content:space-between;align-items:center;gap:12px;padding-top:4px;font-size:.86rem;font-weight:600;display:flex}.xui-pagination>span{white-space:nowrap}.xui-form-access-admin{gap:14px;padding:20px;display:grid}.xui-form-access-admin .xui-heading{margin:0;font-size:1.05rem}.access-admin-permission-groups{gap:12px;display:grid}@media (max-width:900px){.access-admin-grid,.access-admin-step-panel{border:1px solid color-mix(in srgb, var(--step-color), #fff 55%);border-left:5px solid var(--step-color);background:color-mix(in srgb, var(--step-color), #fff 94%);border-radius:8px;padding:14px}.access-admin-step-panel-1{--step-color:var(--xpd-primary)}.access-admin-step-panel-2{--step-color:var(--xpd-secondary)}.access-admin-step-panel-3{--step-color:var(--xpd-accent)}.access-admin-step-panel-4{--step-color:#0f766e}.access-admin-step-panel-5{--step-color:#7c3aed}.access-admin-step-panel-6{--step-color:#be123c}.access-admin-filter{grid-template-columns:1fr}}.xui-notification-viewport{z-index:70;pointer-events:none;gap:10px;width:min(360px,100vw - 48px);display:grid;position:fixed;top:24px;right:24px}.xui-notification-viewport>div{gap:10px;display:grid}.xui-notification{pointer-events:auto;background:#fff;border:1px solid;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:.85rem;display:grid;box-shadow:0 18px 40px #0f172a24}.xui-notification strong{font-size:.92rem;font-weight:850;display:block}.xui-notification p{color:#475467;margin:.2rem 0 0;line-height:1.45}.xui-notification-info{border-color:rgba(var(--xpd-primary-rgb), .22);color:color-mix(in srgb, var(--xpd-primary), #0f172a 24%)}.xui-notification-success{color:#027a48;border-color:#abefc6}.xui-notification-warning{border-color:rgba(var(--xpd-accent-rgb), .3);color:color-mix(in srgb, var(--xpd-accent), #7c2d12 45%)}.xui-notification-danger{color:#b42318;border-color:#fecdca}@media (max-width:720px){.xui-notification-viewport{width:auto;inset:auto 16px 16px}}