:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#111821;--color-background-deep:#0e151d;--color-surface:#18222d;--color-surface-secondary:#202c38;--color-surface-soft:#24384d;--color-text-primary:#e6edf3;--color-text-secondary:#b8c3cd;--color-text-tertiary:#8793a0;--color-border:#2c3946;--color-border-strong:#415264;--color-brand:#8faecc;--color-brand-hover:#a6bfd8;--color-brand-soft:#8faecc24;--color-brand-soft-strong:#8faecc33;--color-shadow:#00000047;--color-shadow-soft:#00000038;color:var(--color-text-primary);background:radial-gradient(circle at top, #8faecc29, transparent 32%), linear-gradient(180deg, var(--color-background) 0%, var(--color-background-deep) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:var(--color-background);margin:0}a{color:inherit;text-decoration:none}button,textarea{font:inherit}code{font-family:SFMono-Regular,ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace}.app-shell{flex-direction:column;width:min(1120px,100% - 32px);min-height:100vh;margin:0 auto;padding:24px 0 64px;display:flex}.site-content{flex:1}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 40px var(--color-shadow-soft);background:#18222dc7;border:1px solid #2c3946eb;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;position:sticky;top:16px}.brand{letter-spacing:.02em;font-size:1.05rem;font-weight:700}.nav{align-items:center;gap:8px;display:flex}.nav__link{color:var(--color-text-tertiary);border-radius:999px;padding:8px 12px}.nav__link--active,.nav__link:hover{color:var(--color-text-primary);background:var(--color-brand-soft)}.environment-pill,.badge,.eyebrow,.chip{border-radius:999px;align-items:center;gap:8px;display:inline-flex}.environment-pill,.badge{background:var(--color-brand-soft);color:var(--color-brand);border:1px solid #415264eb;padding:6px 10px;font-size:.85rem}.page{padding:56px 0 0}.page--home{gap:36px;display:grid}.home-intro{max-width:720px;box-shadow:0 18px 60px var(--color-shadow);text-align:center;background:#18222ddb;border:1px solid #2c3946eb;border-radius:32px;justify-items:center;margin:48px auto 0;padding:56px 32px;display:grid}.home-intro__logo{width:72px;height:72px;box-shadow:0 14px 40px var(--color-shadow-soft);border-radius:18px;margin-bottom:16px}.home-intro h1{margin:10px 0 16px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}.home-intro__lead,.home-intro__subcopy{color:var(--color-text-secondary);max-width:58ch;margin:0}.home-intro__subcopy{margin-top:12px}.hero{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:stretch;gap:24px;display:grid}.hero__copy,.hero__card,.info-card,.demo-panel{box-shadow:0 18px 60px var(--color-shadow);background:#18222dd6;border:1px solid #2c3946eb;border-radius:28px;padding:28px}.hero__copy h1,.section-heading h1{margin:10px 0 16px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}.hero__copy p,.section-heading p,.info-card p,.hero__card li,.demo-panel__label,.muted{color:var(--color-text-secondary)}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button,.chip{cursor:pointer;color:var(--color-background);background:var(--color-brand);border:0;padding:12px 16px;font-weight:700}.button--secondary,.chip--ghost{color:var(--color-text-primary);background:var(--color-brand-soft);border:1px solid #415264eb}.hero__card h2,.info-card h3{margin:16px 0 12px}.hero__card ul{margin:0;padding-left:18px}.grid-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.section-heading{gap:8px;margin-bottom:28px;display:grid}.legal-page{gap:24px;max-width:860px;margin:0 auto;display:grid}.legal-page__lead{color:var(--color-text-secondary);margin:0;font-size:1.05rem}.legal-section{background:#18222dd1;border:1px solid #2c3946eb;border-radius:24px;padding:24px 28px;box-shadow:0 18px 60px #0000002e}.legal-section h2{margin:0 0 14px;font-size:1.25rem}.legal-section p{color:var(--color-text-secondary);margin:0}.legal-section p+p,.legal-list+p,.legal-section ul+p{margin-top:12px}.legal-list{color:var(--color-text-secondary);margin:0;padding-left:20px}.legal-list li+li{margin-top:10px}.eyebrow{background:var(--color-brand-soft);width:fit-content;color:var(--color-brand);text-transform:uppercase;letter-spacing:.08em;border:1px solid #415264eb;padding:6px 10px;font-size:.8rem}.demo-panel{gap:20px;display:grid}.demo-panel__toolbar,.demo-panel__metrics{flex-wrap:wrap;gap:12px;display:flex}.demo-panel__metrics article{background:#24384d85;border:1px solid #415264eb;border-radius:20px;flex:160px;padding:16px}.demo-panel__metrics span{color:var(--color-text-tertiary);font-size:.85rem;display:block}.demo-panel__metrics strong{margin-top:6px;font-size:1.4rem;display:block}.demo-panel__sample{color:var(--color-text-primary);background:#202c38bd;border:1px solid #415264b3;border-radius:20px;margin:0;padding:20px}.demo-panel__sample--focus{box-shadow:inset 0 0 0 1px #8faecc52}.demo-panel__label{font-size:.95rem}.demo-panel__input{resize:vertical;width:100%;min-height:180px;color:var(--color-text-primary);background:#111821f5;border:1px solid #415264eb;border-radius:20px;padding:18px}.demo-panel__input:focus{outline-offset:2px;outline:2px solid #8faecc57}.site-footer{color:var(--color-text-tertiary);border-top:1px solid #2c3946b8;justify-content:flex-end;margin-top:40px;padding:20px 4px 0;display:flex}.site-footer__copy{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin:0;display:flex}.site-footer__link{color:var(--color-brand)}.site-footer__separator{color:var(--color-text-tertiary)}.site-footer__link:hover{color:var(--color-brand-hover)}.admin-shell{grid-template-columns:240px minmax(0,1fr);gap:24px;width:min(1280px,100% - 32px);min-height:100vh;margin:0 auto;padding:24px 0 40px;display:grid}.admin-sidebar,.admin-header,.admin-panel,.admin-stat-card,.admin-action-card{box-shadow:0 18px 60px var(--color-shadow);background:#18222dd6;border:1px solid #2c3946eb}.admin-sidebar{border-radius:24px;align-self:start;gap:20px;padding:20px;display:grid;position:sticky;top:24px}.admin-brand{font-size:1.1rem;font-weight:700}.admin-nav{gap:8px;display:grid}.admin-nav__link{color:var(--color-text-secondary);border-radius:14px;padding:10px 12px}.admin-nav__link--active,.admin-nav__link:hover{color:var(--color-text-primary);background:var(--color-brand-soft)}.admin-main{min-width:0}.admin-header{border-radius:24px;margin-bottom:24px;padding:24px 28px}.admin-header h1{margin:6px 0 0;font-size:clamp(2rem,4vw,2.8rem)}.admin-header__eyebrow{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.8rem}.admin-page{gap:20px;display:grid}.admin-panel{border-radius:24px;padding:24px}.admin-panel--error{border-color:#c85c5cb8}.admin-stats-grid,.admin-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.admin-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stat-card,.admin-action-card{border-radius:24px;padding:22px}.admin-stat-card__label{color:var(--color-text-tertiary);font-size:.9rem;display:block}.admin-stat-card strong{margin-top:8px;font-size:2rem;display:block}.admin-action-card h2{margin:0 0 12px}.admin-action-card p{color:var(--color-text-secondary);margin:0}.admin-filters{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) auto;gap:12px;display:grid}.admin-input,.admin-select{width:100%;color:var(--color-text-primary);background:#111821f5;border:1px solid #415264eb;border-radius:14px;padding:12px 14px}.admin-table-meta,.admin-pagination,.admin-detail__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-table-meta{color:var(--color-text-secondary);margin-bottom:16px}.admin-table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid #2c3946eb;padding:14px 12px}.admin-table th{color:var(--color-text-tertiary);font-size:.85rem;font-weight:600}.admin-table__preview{min-width:280px;color:var(--color-text-secondary)}.admin-table__actions{flex-wrap:wrap;gap:8px;display:flex}.admin-table__empty{text-align:center;color:var(--color-text-secondary)}.admin-pagination{margin-top:16px}.admin-detail{gap:16px}.admin-detail__meta{flex-wrap:wrap}.admin-detail__meta>div{flex-wrap:wrap;gap:8px;display:flex}.admin-detail__content{color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;background:#111821f5;border:1px solid #415264eb;border-radius:18px;margin:0;padding:20px}@media (width<=900px){.home-intro{margin-top:24px}.hero,.grid-section{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.site-footer,.site-footer__copy{justify-content:flex-end}.nav{order:3;justify-content:flex-start;width:100%;overflow-x:auto}.admin-shell,.admin-stats-grid,.admin-actions-grid{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-filters{grid-template-columns:1fr}}@media (width<=640px){.app-shell{width:min(100% - 24px,1120px)}.hero__copy,.hero__card,.info-card,.demo-panel,.legal-section,.home-intro{border-radius:22px;padding:22px}.button,.chip{justify-content:center;width:100%}.hero__actions{display:grid}.admin-shell{width:min(100% - 24px,1280px)}.admin-header,.admin-panel,.admin-stat-card,.admin-action-card,.admin-sidebar{border-radius:20px;padding:20px}.admin-table-meta,.admin-pagination,.admin-detail__meta{flex-direction:column;align-items:flex-start}}.ops-admin-no-bounce{overscroll-behavior:none;height:100%;overflow:hidden}.ops-admin-shell{--ops-bg:#f3f1eb;--ops-surface:#fff;--ops-surface-muted:#fbfaf7;--ops-text:#17212b;--ops-text-muted:#5e6d7a;--ops-text-soft:#8493a1;--ops-border:#d8d9d3;--ops-border-strong:#c2cad2;--ops-primary:#4f6b87;--ops-primary-strong:#3f5970;--ops-primary-soft:#eaf0f5;--ops-primary-softer:#f4f7fa;--ops-sidebar:#18222d;--ops-sidebar-surface:#212d39;--ops-sidebar-text:#e5edf4;--ops-sidebar-text-muted:#9eb1c3;--ops-success:#1f8a59;--ops-error:#bf4c46;--ops-warning:#b5761d;--ops-radius-sm:4px;--ops-radius-md:8px;--ops-radius-lg:14px;--ops-shadow:0 20px 40px #17212b0a;background:var(--ops-bg);height:100vh;color:var(--ops-text);font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;display:flex;overflow:hidden}.ops-admin-sidebar{background:var(--ops-sidebar);width:248px;height:100vh;color:var(--ops-sidebar-text);flex-shrink:0;align-self:flex-start;padding:24px 20px;position:sticky;top:0;overflow-y:auto}.ops-admin-brand{align-items:center;gap:12px;display:flex}.ops-admin-brand__mark{width:44px;height:44px;color:var(--ops-sidebar-text);letter-spacing:.18em;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.ops-admin-brand__caption{color:var(--ops-sidebar-text-muted)}.ops-admin-brand__meta{color:var(--ops-sidebar-text-muted);word-break:break-all;margin-top:4px}.ops-admin-nav{gap:8px;margin-top:40px;display:grid}.ops-admin-nav-link{color:var(--ops-sidebar-text-muted);border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:flex}.ops-admin-nav-link:hover{color:var(--ops-sidebar-text);background:#ffffff0d}.ops-admin-nav-link.is-active{color:var(--ops-sidebar-text);background:#ffffff0f;border-color:#c2cad23d}.ops-admin-nav-link__icon{color:currentColor;justify-content:center;width:16px;display:inline-flex}.ops-admin-sidebar__logout{width:100%;margin-top:24px}.ops-admin-main{overscroll-behavior:none;background:var(--ops-bg);flex:1;height:100vh;overflow-y:auto}.ops-admin-main__inner{width:min(100%,1320px);min-height:100%;margin:0 auto;padding:32px 40px 40px}.ops-page-section{gap:18px;display:grid}.ops-admin-state{margin-top:8px}.ops-page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;display:flex}.ops-page-head__meta{align-items:center;gap:12px;display:flex}.ops-page-eyebrow{color:var(--ops-text-muted);text-transform:uppercase;letter-spacing:.24em}.ops-caption{font-size:.82rem;font-weight:500;line-height:1.45}.ops-h1{letter-spacing:-.03em;margin:8px 0 0;font-size:clamp(1.65rem,1.45rem + .55vw,2.25rem);font-weight:700;line-height:1.12}.ops-h3{margin:0;font-size:1rem;font-weight:600;line-height:1.35}.ops-body{font-size:.95rem;line-height:1.58}.ops-muted-text{color:var(--ops-text-muted)}.ops-panel,.ops-kpi-card{background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:var(--ops-radius-lg);box-shadow:var(--ops-shadow)}.ops-panel{padding:18px}.ops-error-panel{border-color:#bf4c4633;justify-content:space-between;align-items:center;gap:16px;display:flex}.ops-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ops-kpi-card{padding:20px}.ops-kpi-card__top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ops-kpi-value{letter-spacing:-.04em;margin-top:12px;font-size:clamp(2rem,1.78rem + .4vw,2.4rem);font-weight:700;line-height:1}.ops-kpi-value.is-loading,.ops-h3.is-loading{align-items:center;display:flex}.ops-kpi-dot{background:var(--ops-primary);border-radius:999px;width:11px;height:11px;margin-top:8px;box-shadow:0 0 0 6px #4f6b871f}.ops-trend-module{border-top:1px solid #d8d9d3e6;margin-top:18px;padding-top:16px}.ops-trend-module__head{justify-content:space-between;align-items:center;gap:16px;display:flex}.ops-chart-frame{background:linear-gradient(#4f6b870f,#4f6b8704);border-radius:12px;height:112px;margin-top:12px;overflow:hidden}.ops-chart-frame.is-loading{position:relative}.ops-chart-frame.is-loading:after{content:"";background:linear-gradient(90deg,#4f6b8708 0%,#4f6b871c 48%,#4f6b8708 100%);animation:1.4s ease-in-out infinite opsSkeletonPulse;position:absolute;inset:0}.ops-chart-svg{width:100%;height:100%}.ops-chart-line{fill:none;stroke:var(--ops-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ops-chart-dot{fill:var(--ops-primary)}.ops-axis{color:var(--ops-text-soft);grid-template-columns:repeat(7,1fr);gap:8px;margin-top:10px;font-size:.76rem;display:grid}.ops-card-error{color:var(--ops-error);border-top:1px dashed #bf4c4638;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.ops-skeleton-line{background:linear-gradient(90deg,#4f6b8714 0%,#4f6b872e 48%,#4f6b8714 100%) 0 0/200% 100%;border-radius:999px;animation:1.4s ease-in-out infinite opsSkeletonPulse;display:inline-flex}.ops-skeleton-line--value{width:132px;height:34px}.ops-skeleton-line--trend{width:86px;height:20px}.ops-filter-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.ops-field{gap:8px;display:grid}.ops-field label{color:var(--ops-text-muted);font-size:.82rem;font-weight:500}.ops-field--actions{align-self:end}.ops-field-actions{gap:10px;display:flex}.ops-input,.ops-select{border:1px solid var(--ops-border);background:var(--ops-surface-muted);width:100%;min-height:44px;color:var(--ops-text);border-radius:12px;outline:none;padding:0 14px;font-size:.95rem}.ops-input:focus,.ops-select:focus{border-color:#4f6b8780;box-shadow:0 0 0 4px #4f6b8714}.ops-primary-btn,.ops-secondary-btn,.ops-row-btn{border:1px solid var(--ops-border);cursor:pointer;border-radius:12px;min-height:44px;font-size:.92rem;font-weight:600;transition:transform .15s,box-shadow .15s,border-color .15s,background-color .15s}.ops-primary-btn:disabled,.ops-secondary-btn:disabled,.ops-row-btn:disabled{cursor:not-allowed;opacity:.55}.ops-primary-btn{background:var(--ops-primary);color:#fff;border-color:var(--ops-primary);padding:0 16px}.ops-secondary-btn{background:var(--ops-surface-muted);color:var(--ops-text);padding:0 16px}.ops-secondary-btn--small{border-radius:10px;min-height:34px;padding:0 12px;font-size:.84rem}.ops-row-btn{background:var(--ops-primary-softer);min-height:36px;color:var(--ops-primary-strong);border-color:#4f6b872e;padding:0 12px}.ops-toolbar{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.ops-chip{background:var(--ops-primary-softer);min-height:32px;color:var(--ops-primary-strong);border:1px solid #4f6b8724;border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;font-weight:600;display:inline-flex}.ops-panel__meta{justify-content:flex-end;margin-bottom:14px;display:flex}.ops-table-wrap{background:#fff;border:1px solid #d8d9d3e6;border-radius:14px;overflow:auto}.ops-table{border-collapse:collapse;width:100%;min-width:920px}.ops-table th,.ops-table td{text-align:left;vertical-align:top;border-bottom:1px solid #d8d9d3d9;padding:14px 16px;font-size:.92rem}.ops-table th{color:var(--ops-text-muted);white-space:nowrap;background:var(--ops-surface-muted);font-weight:600}.ops-table tbody tr:last-child td{border-bottom:none}.ops-meta-stack{gap:4px;display:grid}.ops-status-pill{border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.8rem;font-weight:600;display:inline-flex}.ops-status-pill.is-enabled{color:var(--ops-success);background:#1f8a591a}.ops-status-pill.is-disabled{color:var(--ops-error);background:#bf4c461a}.ops-table__preview{max-width:360px;color:var(--ops-text-muted)}.ops-table__empty{text-align:center;color:var(--ops-text-muted)}.ops-pagination{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.ops-pagination__meta{color:var(--ops-text-muted);font-size:.9rem}@keyframes opsSkeletonPulse{0%{background-position:100%}to{background-position:0}}@media (width<=1100px){.ops-kpi-grid{grid-template-columns:1fr}.ops-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-field--actions{grid-column:1/-1}.ops-page-head__meta{justify-content:space-between;width:100%}}@media (width<=820px){.ops-admin-shell{flex-direction:column;height:auto;overflow:visible}.ops-admin-sidebar{width:auto;height:auto;position:static;overflow-y:visible}.ops-admin-main__inner{padding:24px 18px 28px}.ops-admin-main{height:auto;overflow-y:visible}}@media (width<=640px){.ops-filter-grid{grid-template-columns:1fr}.ops-page-head{flex-direction:column}.ops-field-actions,.ops-pagination,.ops-error-panel,.ops-page-head__meta{flex-direction:column;align-items:stretch}}