:root{--xf-bg-900:#090909;--xf-bg-800:#111214;--xf-surface-700:#17191d;--xf-surface-600:#1f2329;--xf-text-100:#f6f8fc;--xf-text-300:#b5bac6;--xf-text-400:#888f9f;--xf-blue-400:#d1d6de;--xf-cyan-400:#c6ccd6;--xf-purple-400:#c7ccd5;--xf-purple-500:#b6bcc7;--xf-success-400:#8bd5b3;--xf-danger-400:#f5a0ad;--xf-warning-400:#dfc78d;--xf-glow-blue:0 0 16px #ffffff1a;--xf-glow-purple:0 0 16px #ffffff14;--xf-radius-sm:12px;--xf-radius-md:18px;--xf-radius-lg:28px;--xf-shadow-soft:0 10px 36px #02060e80;--xf-shadow-card:0 8px 24px #040a188c;--xf-blur-glass:blur(14px)}*,:before,:after{box-sizing:border-box}html,body{background:radial-gradient(circle at 12% 18%,#ffffff0d,transparent 44%),radial-gradient(circle at 86% 82%,#ffffff08,transparent 40%),linear-gradient(160deg,var(--xf-bg-900)0%,var(--xf-bg-800)100%);color:var(--xf-text-100);margin:0;padding:0;font-family:Inter,SF Pro Display,Segoe UI,sans-serif}.xf-noise-overlay:before{content:"";opacity:.07;pointer-events:none;background-image:radial-gradient(#ffffff14 .5px,#0000 .5px);background-size:1.5px 1.5px;position:absolute;inset:0}.xf-hero-4x5{aspect-ratio:4/5;border-radius:var(--xf-radius-lg);width:min(100%,840px);box-shadow:var(--xf-shadow-soft),inset 0 0 40px #ffffff0a;isolation:isolate;border:1px solid #fff3;margin:0 auto;position:relative;overflow:hidden}.xf-hero-content{grid-template-rows:auto 1fr;grid-template-columns:1fr 1.1fr;gap:24px;height:100%;padding:clamp(20px,4vw,36px);display:grid}.xf-logo-lockup{flex-direction:column;grid-column:1/-1;gap:8px;display:flex}.xf-logo-title{letter-spacing:-.03em;align-items:center;gap:10px;margin:0;font-size:clamp(32px,6vw,56px);font-weight:750;display:flex}.xf-logo-x{color:var(--xf-text-100)}.xf-logo-subtitle{color:var(--xf-text-300);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(12px,2vw,16px)}.xf-phone-shell{aspect-ratio:9/19.5;background:linear-gradient(145deg,#23262c9e,#13151aeb);border:1px solid #fff3;border-radius:40px;place-self:center end;width:min(100%,360px);padding:12px;box-shadow:0 28px 55px #0009,0 0 45px #ffffff14}.xf-phone-screen{background:radial-gradient(circle at 85% 10%,#ffffff17,#0000 50%),linear-gradient(160deg,#111316 0%,#101215 40%,#0b0d10 100%);border:1px solid #ffffff26;border-radius:30px;height:100%;padding:16px}.xf-widget{border-radius:var(--xf-radius-md);box-shadow:var(--xf-shadow-card);background:linear-gradient(160deg,#121c30d1,#0a0f1ddb);border:1px solid #aab5cb33}.xf-glass{-webkit-backdrop-filter:var(--xf-blur-glass);backdrop-filter:var(--xf-blur-glass);background:linear-gradient(145deg,#23272f6b,#1012168f);border:1px solid #ffffff29}.xf-card-stack{flex-direction:column;align-self:center;gap:16px;display:flex}.xf-floating-card{border-radius:var(--xf-radius-md);min-height:120px;padding:18px;position:relative;overflow:hidden}.xf-floating-card:after{content:"";filter:blur(22px);z-index:-1;background:linear-gradient(90deg,#ffffff1a,#ffffff0f);height:75%;position:absolute;inset:auto -20% -45%}.xf-card-title{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700}.xf-card-label{color:var(--xf-text-300);margin:8px 0 0;font-size:14px}.xf-chip{color:var(--xf-text-100);background:#111a3885;border:1px solid #ffffff26;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12px;display:inline-flex}.xf-chip-blue{box-shadow:var(--xf-glow-blue)}.xf-chip-purple{box-shadow:var(--xf-glow-purple)}.xf-chart-bars{align-items:end;gap:6px;height:64px;display:flex}.xf-chart-bars span{opacity:.9;background:linear-gradient(#d4d9e0,#aab0ba);border-radius:999px 999px 4px 4px;flex:1}.xf-chart-bars span:first-child{height:34%}.xf-chart-bars span:nth-child(2){height:48%}.xf-chart-bars span:nth-child(3){height:76%}.xf-chart-bars span:nth-child(4){height:62%}.xf-chart-bars span:nth-child(5){height:85%}.xf-token-glyph{background:linear-gradient(145deg,#ffffff24,#ffffff12);border:1px solid #fff3;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:700;display:grid}.xf-node-links{opacity:.75;width:120px;height:72px;position:absolute;inset:auto 16px 14px auto}.xf-node-links line{stroke:#ffffff6b;stroke-width:1.4px}.xf-node-links circle{fill:#ffffffc7}@media (max-width:860px){.xf-hero-content{grid-template-rows:auto auto auto;grid-template-columns:1fr}.xf-card-stack{order:2}.xf-phone-shell{order:3;justify-self:center;width:min(84%,340px)}}
.core-shell{gap:1rem;width:min(1040px,100% - 2rem);margin:0 auto;padding:1rem 0 2rem;display:grid}.hero-card{border-radius:var(--xf-radius-lg);box-shadow:var(--xf-shadow-soft);background:linear-gradient(160deg,#14161be6,#0a0c10f0);border:1px solid #fff3;padding:1rem;position:relative;overflow:hidden}.hero-top{gap:.75rem;display:grid}.eyebrow{color:var(--xf-text-300);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.72rem;font-weight:700}.hero-title{letter-spacing:-.02em;margin:.3rem 0 0;font-size:clamp(1.6rem,6vw,2.45rem)}.hero-copy{max-width:58ch;color:var(--xf-text-300);margin:.6rem 0 0;line-height:1.45}.badge-wrap{flex-wrap:wrap;gap:.45rem;display:flex}.admin-session-panel{justify-items:start;gap:.45rem;display:grid}.admin-session-identity{align-items:center;gap:.45rem;display:flex;position:relative}.admin-session-avatar{object-fit:cover;border:1px solid #ffffff3d;border-radius:999px;width:2.5rem;height:2.5rem}.admin-session-avatar-fallback{color:var(--xf-text-100);background:#14161bdb;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}.status-badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:.4rem .68rem;font-size:.78rem;font-weight:600;display:inline-flex}.status-live{color:var(--xf-success-400)}.status-ready{color:var(--xf-text-300)}.status-warn{color:var(--xf-warning-400)}.cta-row{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.cta{border-radius:var(--xf-radius-sm);justify-content:center;align-items:center;gap:.35rem;padding:.65rem .9rem;font-weight:600;text-decoration:none;transition:transform .12s,opacity .12s;display:inline-flex}.cta:hover{transform:translateY(-1px)}.cta-primary{color:var(--xf-text-100);background:#ffffff0f;border:1px solid #ffffff38}.cta-secondary{color:var(--xf-text-100);background:#ffffff0a;border:1px solid #fff3}.panel{border-radius:var(--xf-radius-md);background:#ffffff08;border:1px solid #ffffff29;padding:1rem}.stack-gap{gap:.9rem;display:grid}.panel-header h2{margin:0;font-size:1.1rem}.panel-header p{color:var(--xf-text-300);margin:.4rem 0 0;font-size:.92rem}.surface-grid{gap:.65rem;margin-top:.9rem;display:grid}.surface-grid.two-col{grid-template-columns:1fr}.admin-function-grid{grid-template-columns:1fr;gap:.7rem;display:grid}.admin-function-card{min-height:84px;color:var(--xf-text-100);box-shadow:var(--xf-shadow-soft);background:linear-gradient(160deg,#121418f5,#0a0c10f5);border:1px solid #ffffff2e;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:.9rem;padding:.95rem 1rem;text-decoration:none;transition:transform .12s,border-color .12s;display:grid}.admin-function-card:hover{border-color:#ffffff57;transform:translateY(-1px)}.admin-function-card.admin-function-card-disabled{opacity:.65;cursor:not-allowed;border-color:#ffffff26}.admin-function-card.admin-function-card-disabled:hover{border-color:#ffffff26;transform:none}.admin-function-icon{color:#f5f8fceb;background:#ffffff08;border:1px solid #ffffff42;border-radius:12px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.admin-function-icon svg{width:1.22rem;height:1.22rem;display:block}.admin-function-copy{gap:.2rem;display:grid}.admin-function-copy strong{font-size:1.02rem}.admin-function-copy span{color:var(--xf-text-300);font-size:.86rem;line-height:1.35}.surface-card{border-radius:var(--xf-radius-sm);padding:.85rem}.surface-card h3{word-break:break-word;margin:.5rem 0 0;font-size:.95rem;line-height:1.35}.surface-card p{color:var(--xf-text-300);margin:.55rem 0 0;font-size:.88rem}.chip{width:fit-content;color:var(--xf-text-100);border:1px solid #ffffff47;border-radius:999px;margin:0;padding:.28rem .52rem;font-size:.72rem;font-weight:700}.section-card h3{margin:0;font-size:1rem}.stack-form{gap:.45rem;margin-top:.7rem;display:grid}.stack-form input,.stack-form select,.stack-form textarea{width:100%;color:var(--xf-text-100);font:inherit;background:#ffffff05;border:1px solid #ffffff38;border-radius:10px;padding:.55rem .65rem}.stack-form textarea{resize:vertical}.tool-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.status-text{color:var(--xf-text-300);margin:0;font-size:.9rem}.status-text.status-error{color:var(--xf-danger-400)}.data-list{gap:.45rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.data-list li{color:var(--xf-text-300);border:1px solid #ffffff29;border-radius:10px;gap:.5rem;padding:.45rem .55rem;font-size:.84rem;display:grid}.data-list-item-main{gap:.2rem;display:grid}.user-summary{grid-template-columns:auto 1fr;align-items:center;gap:.55rem;display:grid}.user-summary-copy{gap:.12rem;display:grid}.user-avatar{object-fit:cover;border:1px solid #ffffff3d;border-radius:999px;width:2rem;height:2rem}.user-avatar-fallback{color:var(--xf-text-100);background:#14161bdb;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:inline-flex}.data-list-item-actions{gap:.4rem;display:grid}.tiny-button{color:var(--xf-text-100);cursor:pointer;background:#ffffff08;border:1px solid #ffffff3d;border-radius:8px;align-items:center;gap:.3rem;padding:.22rem .42rem;font-size:.75rem;display:inline-flex}.crud-icon{flex:none}.crud-table-wrap{width:100%;margin-top:.7rem;overflow-x:auto}.crud-table{border-collapse:collapse;width:100%;min-width:860px;color:var(--xf-text-300);font-size:.84rem}.crud-table th,.crud-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff24;padding:.5rem}.crud-table th{color:var(--xf-text-100);text-transform:uppercase;letter-spacing:.04em;font-size:.76rem}.crud-table td input,.crud-table td select,.crud-table td textarea{width:100%;color:var(--xf-text-100);font:inherit;background:#ffffff05;border:1px solid #fff3;border-radius:8px;padding:.35rem .45rem}.admin-session-popover{z-index:20;width:min(86vw,320px);box-shadow:var(--xf-shadow-soft);background:#101216f5;border:1px solid #ffffff38;border-radius:12px;padding:.65rem .75rem;position:absolute;top:calc(100% + .45rem);right:0}.admin-session-popover p{color:var(--xf-text-100);margin:0;font-size:.82rem;line-height:1.38}.admin-session-popover p+p{margin-top:.35rem}.admin-session-popover strong{color:var(--xf-text-100)}.admin-session-popover-done{width:100%;color:var(--xf-text-100);font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff3d;border-radius:10px;margin-top:.55rem;padding:.5rem .7rem;font-size:.84rem;font-weight:600}.chat-response{white-space:pre-wrap;color:var(--xf-text-100);background:#ffffff05;border:1px solid #fff3;border-radius:12px;margin:.65rem 0 0;padding:.65rem;font-size:.88rem;line-height:1.4}@media (min-width:760px){.core-shell{gap:1.15rem;padding-top:1.6rem}.hero-card,.panel{padding:1.3rem}.hero-top{grid-template-columns:1fr auto;align-items:start}.surface-grid,.surface-grid.two-col,.admin-function-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-function-card{min-height:110px}}