:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111315;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.45;transform:none}.site{--bg: #ffffff;--panel: #f6f7f8;--panel-strong: #eef1f3;--text: #111315;--muted: #66707a;--border: rgba(17, 19, 21, .1);--line: rgba(17, 19, 21, .08);--brand: #0f766e;--brand-dark: #134e4a;--accent: #2563eb;--warning: #b45309;--success: #047857;min-height:100vh;background:linear-gradient(180deg,#0f766e14,#fff0 420px),var(--bg);color:var(--text)}.site.dark{--bg: #07090b;--panel: #101417;--panel-strong: #171d21;--text: #f6f8fb;--muted: #a8b2bd;--border: rgba(255, 255, 255, .12);--line: rgba(255, 255, 255, .08);--brand: #2dd4bf;--brand-dark: #14b8a6;--accent: #60a5fa;--warning: #f59e0b;--success: #34d399;background:linear-gradient(180deg,#2dd4bf1f,#07090b00 420px),var(--bg)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:12px clamp(18px,4vw,64px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.desktop-nav,.top-actions,.section-row,.hero-actions,.tag-row,.segmented,.h5-actions,.task-row{display:flex;align-items:center}.brand{gap:10px;color:var(--text);background:transparent;text-align:left;cursor:pointer}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#111315;color:#fff;font-weight:800}.dark .brand-mark{background:#fff;color:#07100f}.brand strong,.brand small{display:block}.brand strong{font-size:15px;line-height:1.15}.brand small{margin-top:3px;color:var(--muted);font-size:11px}.desktop-nav{gap:6px;padding:4px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--panel) 80%,transparent)}.desktop-nav button,.drawer-panel>button{min-height:34px;padding:0 12px;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.desktop-nav button:hover,.drawer-panel>button:hover{background:var(--panel-strong);color:var(--text)}.top-actions{gap:8px}.icon-button,.ghost-button,.primary-button,.soft-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:8px;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.icon-button{width:38px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.ghost-button,.soft-button{border:1px solid var(--border);background:var(--bg);color:var(--text);padding:0 14px}.primary-button{background:#111315;color:#fff;padding:0 16px}.dark .primary-button{background:#f7fafc;color:#07100f}.large{min-height:48px;padding-inline:20px;font-weight:700}.icon-button:hover,.ghost-button:hover,.primary-button:hover,.soft-button:hover{transform:translateY(-1px)}.mobile-menu{display:none}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000073;padding:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#00000075;padding:18px}.login-modal{display:grid;gap:14px;width:min(100%,420px);border:1px solid var(--border);border-radius:12px;background:var(--bg);padding:18px;box-shadow:0 26px 90px #00000047}.login-modal label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.login-modal input{min-height:42px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);padding:0 12px}.form-error{margin:0;border-radius:8px;background:#b91c1c1a;color:#b91c1c;padding:10px 12px;font-size:13px;font-weight:800}.login-hint{margin-bottom:0;font-size:13px}.drawer-panel{margin-left:auto;max-width:320px;border:1px solid var(--border);border-radius:12px;background:var(--bg);padding:14px;box-shadow:0 24px 80px #00000040}.drawer-panel>button{width:100%;justify-content:flex-start;margin-top:8px}.drawer-panel .icon-button{flex:0 0 38px;width:38px;margin:0}.drawer-panel .section-row strong{min-width:0;overflow-wrap:anywhere}.hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr);gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(42px,8vw,96px) clamp(18px,4vw,64px) 42px}.hero-copy{max-width:720px}.pill,.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--brand-dark);font-weight:800;text-transform:uppercase}.pill{min-height:34px;padding:0 12px;border:1px solid rgba(15,118,110,.22);border-radius:999px;background:#0f766e14;font-size:13px;text-transform:none}.dark .pill,.dark .eyebrow{color:var(--brand)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:20px;max-width:720px;font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:0}h2{margin-bottom:12px;font-size:clamp(28px,4vw,48px);line-height:1.08;letter-spacing:0}h3{margin-bottom:8px;font-size:18px}p{color:var(--muted);line-height:1.75}.hero-copy>p{max-width:650px;font-size:17px}.hero-actions{flex-wrap:wrap;gap:12px;margin:30px 0}.hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hero-metrics div{min-height:86px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.hero-metrics strong,.hero-metrics span{display:block}.hero-metrics span{margin-top:6px;color:var(--muted);font-size:13px}.hero-product{min-width:0}.admin-preview{display:grid;grid-template-columns:188px minmax(0,1fr);overflow:hidden;width:100%;min-height:560px;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:0 30px 80px #0a161e29}.admin-sidebar{padding:16px 12px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg) 72%,var(--panel))}.brand-mini{display:flex;align-items:center;gap:9px;margin-bottom:16px;font-weight:800}.brand-mini span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#111315;color:#fff}.dark .brand-mini span{background:#fff;color:#111315}.side-item{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;margin-bottom:4px;padding:0 10px;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.side-item.active,.side-item:hover{background:#111315;color:#fff}.dark .side-item.active,.dark .side-item:hover{background:#f7fafc;color:#07100f}.admin-main{min-width:0;padding:14px}.admin-bar{display:grid;grid-template-columns:38px 1fr 38px;gap:10px;margin-bottom:12px}.search-box{display:flex;align-items:center;gap:8px;min-width:0;height:38px;border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:0 12px;color:var(--muted)}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text)}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-stat,.flow-card,.task-card,.table-card,.resource-card,.module-card,.price-card,.copy-card,.usage-card,.package-item,.workbench,.detail-panel,.asset-console,.ops-console,.ops-card{border:1px solid var(--border);border-radius:8px;background:var(--bg)}.admin-stat{min-height:98px;padding:13px}.admin-stat span,.admin-stat em,.copy-card span,.eyebrow{color:var(--muted);font-size:12px;font-style:normal}.admin-stat strong{display:block;margin:10px 0 6px;font-size:25px}.admin-stat em{color:var(--success);font-weight:800}.console-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:10px;margin-top:10px}.flow-card,.task-card,.table-card{padding:14px}.section-row{justify-content:space-between;gap:16px}.section-row h3{margin-bottom:0}.bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;height:122px;padding-top:18px}.bars span{display:block;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--brand),var(--accent))}.task-row{gap:8px;min-height:38px;margin-top:10px;padding:0 10px;border-radius:7px;background:var(--panel);color:var(--text);font-size:13px}.table-card{margin-top:10px}.table-wrap{overflow-x:auto;margin-top:12px}table{width:100%;min-width:620px;border-collapse:collapse;font-size:13px}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:var(--panel)}th,td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);font-size:12px;font-weight:700}.status{display:inline-flex;min-height:24px;align-items:center;border-radius:999px;padding:0 8px;font-size:12px;font-weight:800}.status.ok{background:#0478571f;color:var(--success)}.status.warn{background:#b453091f;color:var(--warning)}.demo-strip,.closing{display:grid;grid-template-columns:minmax(0,.75fr) minmax(420px,1fr);gap:24px;align-items:center;margin:0 clamp(18px,4vw,64px);padding:28px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.copy-card{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;min-height:74px;padding:12px;color:var(--text);text-align:left;cursor:pointer}.copy-card span{grid-column:1 / -1}.copy-card strong{overflow-wrap:anywhere;font-size:14px}.section{padding:clamp(64px,9vw,104px) clamp(18px,4vw,64px) 0}.section-heading{max-width:780px;margin-bottom:26px}.resource-grid,.module-grid,.pricing-grid{display:grid;gap:14px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-card,.module-card,.price-card{padding:22px}.card-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:18px;border-radius:8px;background:#0f766e1a;color:var(--brand-dark)}.dark .card-icon{color:var(--brand)}.tag-row{flex-wrap:wrap;gap:8px;margin-top:18px}.tag-row span{min-height:28px;border-radius:999px;background:var(--panel);padding:5px 10px;color:var(--muted);font-size:12px;font-weight:700}.system-section{padding-top:clamp(54px,8vw,92px)}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-card{min-height:172px}.module-card svg{margin-bottom:20px;color:var(--brand-dark)}.dark .module-card svg{color:var(--brand)}.preview-section{overflow:hidden}.segmented{width:fit-content;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.segmented button{min-width:112px;min-height:36px;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.segmented button.active{background:var(--bg);color:var(--text);box-shadow:0 6px 18px #00000014}.preview-stage{margin-top:18px}.preview-stage .admin-preview{max-width:1180px}.workbench-section{padding-top:clamp(54px,8vw,92px)}.workbench{padding:16px}.module-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.module-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);padding:0 12px;cursor:pointer}.module-tabs button.active,.module-tabs button:hover{background:#111315;color:#fff}.dark .module-tabs button.active,.dark .module-tabs button:hover{background:#f7fafc;color:#07100f}.workbench-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px;margin-bottom:14px}.workbench-toolbar select{min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);padding:0 10px}.asset-section{padding-top:clamp(54px,8vw,92px)}.asset-console{padding:16px}.asset-head,.asset-tools,.form-actions,.row-actions{display:flex;align-items:center}.asset-head{justify-content:space-between;gap:18px;margin-bottom:14px}.asset-head h3{margin-top:8px}.api-status{margin:4px 0 0;color:var(--brand-dark);font-size:13px;font-weight:700}.dark .api-status{color:var(--brand)}.account-badge{display:inline-flex;min-height:26px;align-items:center;border-radius:999px;background:#b453091f;color:var(--warning);padding:0 10px;font-size:12px;font-weight:800}.account-badge.on{background:#0478571f;color:var(--success)}.asset-tools{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px;margin-bottom:14px}.asset-tools select,.asset-form select,.asset-form input{min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);padding:0 10px}.asset-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:12px}.asset-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.form-actions{align-self:end;gap:8px}.asset-table{overflow-x:auto;border:1px solid var(--border);border-radius:8px}.asset-table table{min-width:900px}.row-actions{gap:6px}.row-actions .icon-button{width:32px;min-height:32px}.icon-button.danger{color:#b91c1c}.ops-section{padding-top:clamp(54px,8vw,92px)}.ops-console{padding:16px}.ops-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.ops-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);padding:0 12px;cursor:pointer}.ops-tabs button.active,.ops-tabs button:hover{background:#111315;color:#fff}.dark .ops-tabs button.active,.dark .ops-tabs button:hover{background:#f7fafc;color:#07100f}.ops-panel{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:14px}.ops-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.ops-panel-head p{margin-bottom:0}.ops-list{display:grid;gap:10px}.ops-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px}.ops-card h4{margin:8px 0 4px;font-size:17px}.ops-card p{margin-bottom:0}.ops-card>strong{font-size:20px}.ops-table{overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.ops-table table{min-width:820px}.admin-console-section{padding-top:clamp(54px,8vw,92px)}.admin-console-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 340px;gap:14px}.console-menu,.console-overview,.api-log-panel{border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:16px}.console-menu{align-self:start}.console-menu button{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;margin-top:6px;border-radius:7px;background:transparent;color:var(--muted);padding:0 10px;cursor:pointer;text-align:left}.console-menu button:hover{background:#111315;color:#fff}.dark .console-menu button:hover{background:#f7fafc;color:#07100f}.console-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.console-status h3{margin-top:8px}.console-status p{margin-bottom:0}.console-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.console-metrics div{min-height:92px;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:14px}.console-metrics span{color:var(--muted);font-size:12px;font-weight:800}.console-metrics strong{display:block;margin-top:12px;font-size:30px}.integration-panel{margin-top:14px;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:14px}.integration-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.integration-result{display:grid;gap:6px;margin-top:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:12px}.integration-result span{color:var(--muted);font-size:12px;font-weight:800}.integration-result p{margin-bottom:0}.user-section{padding-top:clamp(54px,8vw,92px)}.user-console{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px}.user-form,.user-card{display:grid;gap:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:16px}.user-form label,.user-card label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.user-form input,.user-card input[type=text],.user-card input:not([type]){min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);padding:0 10px}.permission-pills{display:flex;flex-wrap:wrap;gap:8px}.permission-pills label{display:inline-flex;align-items:center;gap:6px;min-height:30px;border:1px solid var(--border);border-radius:999px;background:var(--panel);padding:0 10px}.user-list{display:grid;gap:10px}.user-card{grid-template-columns:220px minmax(0,1fr) auto;align-items:center}.user-card h3{margin:8px 0}.api-log-list{display:grid;gap:8px;margin-top:12px}.api-log-item{display:grid;gap:5px;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:10px}.api-log-item span,.api-log-item em{color:var(--muted);font-size:12px;font-style:normal}.api-log-item strong{font-size:13px;line-height:1.45}.workbench-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.workbench-table{overflow-x:auto;border:1px solid var(--border);border-radius:8px}.workbench-table table{min-width:760px}.empty-state{padding:26px;color:var(--muted);text-align:center}.detail-panel{align-self:start;padding:18px}.detail-panel h3{margin-top:8px;overflow-wrap:anywhere}.detail-list{display:grid;gap:10px;margin:18px 0}.detail-list div{display:flex;justify-content:space-between;gap:12px;min-height:42px;align-items:center;border-bottom:1px solid var(--line)}.detail-list span{color:var(--muted)}.detail-actions{display:grid;gap:8px}.phone-shell{width:min(100%,380px);margin-inline:auto;border:1px solid var(--border);border-radius:30px;background:#111315;padding:10px;box-shadow:0 24px 60px #0000003d}.phone-top{width:98px;height:4px;margin:8px auto 10px;border-radius:999px;background:#ffffff52}.phone-screen{min-height:640px;overflow:hidden;border-radius:22px;background:#f4f7f6;padding:14px;color:#111315}.phone-hero{min-height:160px;border-radius:16px;background:linear-gradient(135deg,#0f766ee6,#2563ebd1),#0f766e;padding:20px;color:#fff}.phone-hero span,.phone-hero strong,.phone-hero p{display:block}.phone-hero span{opacity:.78;font-size:13px}.phone-hero strong{margin-top:8px;font-size:28px}.phone-hero p{margin-top:28px;margin-bottom:0;color:#ffffffd1}.usage-card{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:16px}.usage-card span{color:#66707a;font-size:13px}.usage-card strong{display:block;margin-top:4px;font-size:28px}.ring{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:conic-gradient(#0f766e 0,#0f766e 68%,#dce6e4 68%,#dce6e4)}.ring span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;color:#111315;font-weight:800}.h5-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.h5-actions button{min-height:54px;border-radius:10px;background:#fff;color:#111315;font-weight:700;cursor:pointer}.package-list{display:grid;gap:10px;margin-top:12px}.package-item{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:14px;color:#111315;cursor:pointer}.package-item span{display:grid;gap:6px;text-align:left;font-weight:800}.package-item em{color:#0f766e;font-size:12px;font-style:normal}.package-item strong{color:#0f766e;font-size:20px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.price-card{position:relative;min-height:410px}.price-card.featured{border-color:#0f766e73;box-shadow:0 24px 60px #0f766e24}.recommend{position:absolute;top:18px;right:18px;border-radius:999px;background:#111315;color:#fff;padding:5px 10px;font-size:12px;font-weight:800}.price-card>strong{display:block;margin:14px 0;font-size:34px}.price-card ul{display:grid;gap:10px;padding:0;margin:22px 0;list-style:none}.price-card li{display:flex;align-items:center;gap:8px;color:var(--text)}.price-card li svg{color:var(--brand-dark)}.closing{margin-top:clamp(70px,9vw,110px);margin-bottom:28px;grid-template-columns:1fr auto}.closing h2{max-width:760px}.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px clamp(18px,4vw,64px) 36px;color:var(--muted)}.footer .brand{pointer-events:none}@media(max-width:1180px){.hero{grid-template-columns:1fr}.hero-product{max-width:980px}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.desktop-nav,.top-actions .ghost-button,.top-actions .primary-button{display:none}.mobile-menu{display:inline-flex}.resource-grid,.module-grid,.pricing-grid,.demo-strip,.closing,.workbench-body,.asset-form,.admin-console-grid,.user-console,.user-card,.ops-card{grid-template-columns:1fr}.demo-strip,.closing{padding:22px}.admin-preview{grid-template-columns:1fr}.admin-sidebar{display:none}}@media(max-width:680px){.topbar{min-height:64px;padding-inline:14px}.hero{padding:34px 14px 28px}h1{font-size:42px;line-height:1.02}h2{font-size:30px}.hero-actions,.hero-actions button{width:100%}.hero-metrics,.admin-stats,.console-grid,.copy-grid,.workbench-toolbar,.asset-tools{grid-template-columns:1fr}.asset-head{align-items:stretch;flex-direction:column}.asset-head .primary-button{width:100%}.ops-panel-head{align-items:stretch;flex-direction:column}.ops-panel-head .primary-button,.ops-card .ghost-button,.ops-card .primary-button{width:100%}.console-status{align-items:stretch;flex-direction:column}.console-status .primary-button{width:100%}}.data-screen-section{padding-top:clamp(64px,8vw,110px)}.screen-shell{position:relative;overflow:hidden;border:1px solid rgba(45,212,191,.22);border-radius:28px;background:radial-gradient(circle at 22% 12%,rgba(45,212,191,.18),transparent 28%),radial-gradient(circle at 82% 16%,rgba(96,165,250,.18),transparent 30%),linear-gradient(145deg,#071016,#091923 48%,#05080d);padding:clamp(18px,2vw,28px);color:#e8fbff;box-shadow:0 34px 120px #00000061}.screen-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(45,212,191,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(45,212,191,.055) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000 0,transparent 78%);mask-image:radial-gradient(circle at 50% 20%,#000 0,transparent 78%)}.screen-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(45,212,191,.09) 48%,transparent 55%);mix-blend-mode:screen}.screen-shell>*{position:relative;z-index:1}.screen-header,.screen-kpi-grid,.screen-layout,.screen-bottom-grid,.screen-panel-head,.channel-row,.alert-item,.screen-mini-table div,.screen-feed div{display:grid}.screen-header{grid-template-columns:minmax(0,1fr) 180px;gap:18px;align-items:start;margin-bottom:18px}.screen-kicker{display:inline-flex;width:fit-content;margin-bottom:10px;border:1px solid rgba(125,211,252,.28);border-radius:999px;background:#0ea5e91f;color:#67e8f9;padding:6px 12px;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.screen-header h2{margin:0;color:#f8feff;font-size:clamp(32px,4.8vw,64px);letter-spacing:-.06em;text-shadow:0 0 26px rgba(45,212,191,.26)}.screen-header p{max-width:820px;color:#dbf6ffb8}.screen-clock{border:1px solid rgba(125,211,252,.22);border-radius:18px;background:#040c1494;padding:14px;text-align:right}.screen-actions{display:grid;gap:10px;align-items:start}.screen-mode-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid rgba(125,211,252,.28);border-radius:999px;background:linear-gradient(135deg,#2dd4bf33,#60a5fa29);color:#dffbff;cursor:pointer;font-weight:900;box-shadow:0 0 28px #2dd4bf24}.screen-clock span,.screen-clock em,.screen-kpi span,.screen-kpi em,.screen-panel-head span,.channel-row span,.channel-row em,.alert-item span,.alert-item em,.screen-mini-table span,.screen-mini-table em,.screen-feed span,.screen-feed em{color:#dbf6ff9e;font-size:12px;font-style:normal}.screen-clock strong{display:block;color:#67e8f9;font-size:31px;letter-spacing:-.04em}.screen-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.screen-kpi,.screen-panel,.screen-chart-card,.screen-table-card{border:1px solid rgba(125,211,252,.18);border-radius:20px;background:linear-gradient(180deg,#0a1925d1,#040a12b8);box-shadow:inset 0 1px #ffffff0d,0 18px 54px #0000003d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.screen-kpi{position:relative;min-height:142px;padding:16px;overflow:hidden}.screen-kpi:after{content:"";position:absolute;right:-28px;top:-28px;width:96px;height:96px;border-radius:999px;background:#2dd4bf1f;filter:blur(2px)}.screen-kpi-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#2dd4bf3d,#60a5fa29);color:#67e8f9;box-shadow:0 0 28px #2dd4bf2e}.screen-kpi strong{display:block;margin-top:16px;color:#f8feff;font-size:clamp(26px,3vw,38px);letter-spacing:-.05em}.screen-layout{grid-template-columns:minmax(220px,.8fr) minmax(360px,1.5fr) minmax(240px,.9fr);gap:14px;align-items:stretch}.screen-panel,.screen-chart-card,.screen-table-card{padding:16px}.screen-panel-head{grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:14px}.screen-panel-head strong{color:#a7f3d0;font-size:13px}.channel-list,.alert-list,.screen-mini-table,.screen-feed{display:grid;gap:10px}.channel-row{grid-template-columns:1fr;gap:7px}.channel-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.channel-row strong,.alert-item strong,.screen-mini-table strong,.screen-feed strong{color:#f8feff}.screen-progress{overflow:hidden;height:8px;border-radius:999px;background:#94a3b821}.screen-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2dd4bf,#60a5fa);box-shadow:0 0 18px #2dd4bf70}.screen-core{display:grid;grid-template-rows:minmax(320px,1fr) 210px;gap:14px}.radar-card{position:relative;min-height:340px;overflow:hidden;border:1px solid rgba(125,211,252,.2);border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(45,212,191,.22),transparent 16%),radial-gradient(circle at 50% 50%,rgba(96,165,250,.12),transparent 48%),#040a129e}.radar-orbit,.radar-center,.radar-node{position:absolute}.radar-orbit{top:50%;right:50%;bottom:50%;left:50%;translate:-50% -50%;border:1px solid rgba(125,211,252,.22);border-radius:999px}.orbit-a{width:68%;height:68%}.orbit-b{width:48%;height:48%}.orbit-c{width:28%;height:28%;border-color:#2dd4bf57}.radar-center{left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:148px;height:148px;border:1px solid rgba(45,212,191,.32);border-radius:999px;background:#02080eb8;box-shadow:0 0 44px #2dd4bf42;text-align:center}.radar-center span,.radar-center em{color:#dbf6ff9e;font-size:12px;font-style:normal}.radar-center strong{color:#67e8f9;font-size:42px;letter-spacing:-.06em}.radar-node{display:grid;gap:2px;min-width:92px;border:1px solid rgba(125,211,252,.22);border-radius:14px;background:#040c14b8;padding:10px}.radar-node span{color:#dbf6ff9e;font-size:12px}.radar-node strong{color:#f8feff}.node-1{left:9%;top:18%}.node-2{right:10%;top:20%}.node-3{left:13%;bottom:18%}.node-4{right:12%;bottom:16%}.screen-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;align-items:end;height:148px}.screen-bar{display:grid;grid-template-rows:1fr auto;gap:6px;height:100%}.screen-bar i{align-self:end;display:block;min-height:18px;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#67e8f9,#2563eb);box-shadow:0 0 18px #60a5fa57}.screen-bar span{color:#dbf6ff7a;font-size:10px;text-align:center}.alert-item{grid-template-columns:46px 1fr auto;align-items:center;gap:8px;border:1px solid rgba(251,191,36,.18);border-radius:14px;background:#fbbf2414;padding:10px}.alert-item.danger{border-color:#f871713d;background:#f871711a}.screen-empty{border:1px solid rgba(45,212,191,.18);border-radius:14px;background:#2dd4bf14;color:#a7f3d0;padding:12px}.screen-bottom-grid{grid-template-columns:1.1fr .8fr 1.1fr;gap:14px;margin-top:14px}.screen-mini-table div,.screen-feed div{grid-template-columns:110px 1fr auto;align-items:center;gap:10px;border-top:1px solid rgba(125,211,252,.12);padding-top:10px}.screen-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.screen-status-grid div{border:1px solid rgba(125,211,252,.15);border-radius:14px;background:#040c148a;padding:12px}.screen-status-grid span{color:#dbf6ff9e;font-size:12px}.screen-status-grid strong{display:block;margin-top:8px;color:#67e8f9;font-size:28px}.data-screen-section.focus-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;overflow:auto;padding:18px;background:radial-gradient(circle at 18% 8%,rgba(45,212,191,.2),transparent 30%),radial-gradient(circle at 82% 12%,rgba(96,165,250,.2),transparent 32%),#02050a}.data-screen-section.focus-mode .screen-shell{min-height:calc(100vh - 36px);border-radius:22px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.data-screen-section.focus-mode .screen-header{margin-bottom:14px}.data-screen-section.focus-mode .screen-header h2{font-size:clamp(36px,5vw,72px)}.data-screen-section.focus-mode .screen-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.data-screen-section.focus-mode .screen-layout{min-height:0;grid-template-columns:minmax(240px,.78fr) minmax(460px,1.55fr) minmax(270px,.9fr)}.data-screen-section.focus-mode .screen-core{grid-template-rows:minmax(360px,1fr) 220px}.data-screen-section.focus-mode .radar-card{min-height:360px}@media(max-width:1180px){.screen-layout,.screen-bottom-grid{grid-template-columns:1fr}.screen-core{grid-template-rows:auto auto}}@media(max-width:920px){.screen-header,.screen-kpi-grid{grid-template-columns:1fr}.screen-actions{justify-items:start}}@media(max-width:680px){.data-screen-section{padding-inline:14px}.screen-shell{border-radius:22px;padding:14px}.screen-clock{text-align:left}.data-screen-section.focus-mode{padding:10px}.data-screen-section.focus-mode .screen-shell{min-height:calc(100vh - 20px)}.data-screen-section.focus-mode .screen-kpi-grid,.data-screen-section.focus-mode .screen-layout{grid-template-columns:1fr}.screen-bars{gap:4px}.radar-card{min-height:420px}.node-1,.node-2,.node-3,.node-4{left:50%;right:auto;translate:-50% 0}.node-1{top:16px}.node-2{top:90px}.node-3{bottom:90px}.node-4{bottom:16px}.screen-mini-table div,.screen-feed div,.alert-item{grid-template-columns:1fr}.admin-main{padding:10px}.admin-preview{min-height:auto}.admin-bar{grid-template-columns:38px 1fr 38px}.flow-card,.task-card,.table-card{padding:12px}.section{padding-inline:14px}.demo-strip,.closing{margin-inline:14px}.phone-shell{width:100%}.phone-screen{min-height:580px}.footer{align-items:flex-start;flex-direction:column;padding-inline:14px}}@media(max-width:760px){.console-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
