:root{color-scheme:dark;--bg: #060a12;--bg-2: #0d1426;--panel: rgba(11, 18, 33, .86);--panel-strong: #101a30;--panel-soft: #12203a;--line: rgba(142, 171, 255, .22);--line-2: rgba(86, 118, 199, .32);--text: #eaf1ff;--muted: #95a6ca;--blue: #4a7dff;--blue-2: #2f5fd8;--cyan: #5fe6ff;--green: #3ddb9b;--warn: #ffc857;--red: #ff6b6b;--radius: 16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(900px 500px at -10% -20%,rgba(74,125,255,.18),transparent 60%),radial-gradient(700px 500px at 110% 10%,rgba(95,230,255,.12),transparent 60%),linear-gradient(145deg,var(--bg),var(--bg-2))}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}pre{white-space:pre-wrap;word-break:break-word;font-size:13px;color:#dbe7ff}.button-reset{border:0}.system-page{min-height:100vh;padding:20px}.system-app{max-width:1480px;margin:0 auto;border:1px solid var(--line);border-radius:18px;background:#080d18d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;box-shadow:0 24px 80px #00000073}.system-topbar{min-height:62px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0f172a,#0c1528);display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:14px}.system-brand{display:flex;align-items:center;gap:10px;min-width:290px}.system-brand strong{display:block;font-size:15px;letter-spacing:.35px}.system-brand div span{display:block;color:var(--muted);font-size:12px}.topbar-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.d-red{background:#ff5f57}.d-yellow{background:#febc2e}.d-green{background:#28c840}.system-search{flex:1;max-width:520px;position:relative}.system-search span{position:absolute;left:12px;top:9px;color:var(--muted)}.system-search input{width:100%;height:38px;border-radius:10px;border:1px solid var(--line);background:#ffffff0a;color:#dbe7ff;padding:0 14px 0 34px;outline:none}.system-top-actions,.row-actions,.quick-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.system-status-pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:999px;border:1px solid rgba(61,219,155,.35);background:#3ddb9b14;color:#9ff0c9;font-size:12px;font-weight:600}.topbar-link,.topbar-primary-link,.sidebar-logout{border:1px solid var(--line);height:36px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:700;transition:.25s ease;display:inline-flex;align-items:center;justify-content:center}.topbar-link,.sidebar-logout{background:#ffffff0f;color:#d4def5}.topbar-primary-link{border-color:transparent;color:#081023;background:linear-gradient(135deg,#78a1ff,#59dbff);box-shadow:0 10px 24px #4a7dff59}.compact-link,.compact-button{height:34px}.topbar-link:hover,.topbar-primary-link:hover,.sidebar-logout:hover{transform:translateY(-1px)}.system-main{display:grid;grid-template-columns:220px 1fr 360px;min-height:780px}.system-sidebar{border-right:1px solid var(--line);padding:14px;background:linear-gradient(180deg,#121a2ebf,#0a0f1cb8);display:grid;align-content:start;gap:18px}.sidebar-group{display:grid;gap:10px}.sidebar-section-title{color:#7f95c7;font-size:12px;letter-spacing:.8px;text-transform:uppercase;margin:2px 8px}.system-nav-list,.sidebar-static-list{display:grid;gap:6px}.system-nav-item,.sidebar-static-item{min-height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:10px;border:1px solid transparent;font-size:14px;color:#c6d5f6;transition:.2s ease}.system-nav-item:hover,.system-nav-item.active,.sidebar-static-item{background:#4a7dff24;border-color:#628aff66;color:#edf3ff}.sidebar-static-item{background:#ffffff08}.sidebar-footer-card{margin-top:auto;border:1px solid var(--line);border-radius:14px;background:#ffffff0a;padding:14px;display:grid;gap:8px}.sidebar-tenant-label{color:var(--muted);font-size:12px}.system-workspace{padding:14px;overflow:hidden}.workspace-head,.preview-head,.system-panel,.panel-hero{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#131d34b8,#0c1222c2)}.workspace-head{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:12px}.workspace-head h1,.system-panel h2,.panel-hero h2{margin:0 0 6px;font-size:16px}.workspace-head p,.system-panel p,.panel-hero p{margin:0;color:var(--muted)}.workspace-head-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.system-tag,.status-tag,.system-chip{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:11px;border:1px solid var(--line);color:#b7c7ee;background:#ffffff08}.status-tag{min-height:32px;padding:0 12px;font-size:12px;background:#3ddb9b1a;color:#9ff0c9;border-color:#3ddb9b3d}.system-chip{min-height:30px;padding:0 12px;font-size:12px;cursor:pointer}.system-chip.active{background:#4a7dff33;border-color:#6496ff8c;color:#eaf1ff}.workspace-scroll{display:grid;gap:12px;align-content:start}.page-stack{display:grid;gap:12px}.panel-hero,.system-panel{padding:16px}.system-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metrics-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#101b30e0,#0c1222e0);padding:16px;display:grid;gap:10px}.metric-card span,.metric-card p{color:var(--muted);margin:0}.metric-card strong{font-size:28px;line-height:1.2}.workflow-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.workflow-column{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#131d34b8,#0c1222c2);display:flex;flex-direction:column;overflow:hidden}.workflow-column-head{min-height:42px;border-bottom:1px solid var(--line-2);padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#ffffff08;font-size:13px;color:#cdd9f7;font-weight:700}.workflow-column-body{padding:12px;display:grid;gap:10px;align-content:start}.field-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.system-field{display:grid;gap:6px}.system-field span{font-size:12px;color:#8ea0c7}.system-field input,.system-field textarea,.system-field select,.json-editor{width:100%;min-height:38px;border:1px solid rgba(140,168,237,.28);background:#ffffff08;color:#e4ecff;border-radius:10px;padding:10px 12px;font-size:13px;outline:none}.json-editor{min-height:420px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chip-group{display:flex;flex-wrap:wrap;gap:6px}.support-card{border:1px solid var(--line);border-radius:12px;background:#ffffff08;padding:12px;display:grid;gap:6px}.support-card strong{font-size:14px}.support-card p{margin:0;color:#bdd0f6;line-height:1.5}.support-card.emphasis{background:linear-gradient(135deg,#4a7dff29,#5fe6ff1f)}.form-submit-button,.preview-download{width:100%}.quick-actions.vertical{flex-direction:column;align-items:stretch}.table-shell{overflow-x:auto}.table-subline{display:block;margin-top:4px;font-size:13px;color:var(--muted)}.upload-zone{display:grid;gap:8px;padding:20px;border:2px dashed rgba(98,138,255,.4);border-radius:16px;background:#ffffff08}.upload-zone input{color:var(--text)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.asset-card{margin:0;padding:10px;border-radius:12px;background:#ffffff08;border:1px solid var(--line)}.asset-card img,.asset-card video,.cover-preview,.video-preview{display:block;width:100%;border-radius:10px}.asset-card figcaption{margin-top:8px;font-size:12px;color:var(--muted)}.system-log-item,details{padding:14px 16px;border-radius:12px;background:#ffffff08;border:1px solid var(--line)}.system-log-item{display:grid;gap:6px}.system-log-item span,summary{color:#c6d5f6;font-weight:700}summary{cursor:pointer}.provider-log-list,.log-list{display:grid;gap:10px}.preview-stage{display:grid;grid-template-columns:320px 1fr;gap:16px}.preview-stage-main{display:grid;gap:14px;align-content:start}.system-preview{border-left:1px solid var(--line);background:linear-gradient(180deg,#0e1527c7,#0a0f1bcc);padding:14px;display:flex;flex-direction:column;gap:10px}.preview-head{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:13px;font-weight:700}.stage-phone{margin:0 auto;width:280px;height:510px;border-radius:24px;border:1px solid rgba(170,193,255,.3);background:#091322;box-shadow:inset 0 0 0 6px #0c1629,0 20px 40px #00000073;position:relative;overflow:hidden}.stage-phone.large{width:100%;max-width:300px}.stage-phone:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:96px;height:18px;border-radius:999px;background:#050a14;z-index:3}.stage-phone-screen{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:18px;background:radial-gradient(180px 120px at 80% 20%,rgba(95,230,255,.22),transparent 70%),radial-gradient(220px 180px at 20% 0%,rgba(74,125,255,.28),transparent 72%),linear-gradient(180deg,#10203a,#0b1425 55%,#081120);border:1px solid rgba(147,177,255,.22);overflow:hidden;display:flex;flex-direction:column}.media-screen{padding:16px;justify-content:center}.stage-phone-head{min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#dce8ff;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08);background:#0000002e}.stage-phone-card{margin:14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff0a;padding:12px;color:#c8d9ff;font-size:13px;line-height:1.55}.stage-phone-card p{margin:6px 0 0}.stage-phone-card.secondary{margin-top:0}.stage-phone-cta{margin:auto 14px 14px;border-radius:999px;text-align:center;min-height:38px;display:flex;align-items:center;justify-content:center;color:#09162e;font-weight:800;background:linear-gradient(135deg,#6ca3ff,#5de3ff);font-size:13px}.preview-log{border:1px solid var(--line);border-radius:10px;background:#ffffff08;padding:10px;font-size:12px;color:#a7b9de;min-height:180px;overflow:auto;line-height:1.6;display:grid;gap:4px}.preview-log strong{color:#dbe8ff}.log-ok{color:var(--green)}.log-warn{color:var(--warn)}.preview-footer-actions{display:flex;gap:8px;margin-top:auto}.preview-link{flex:1}.empty-state{min-height:240px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.login-screen{min-height:100vh;padding:20px;display:grid;place-items:center}.login-layout{width:min(1180px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.login-promo,.login-card{border:1px solid var(--line);border-radius:18px;background:#080d18d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 24px 80px #0006}.login-promo{padding:32px;display:grid;align-content:center;gap:16px}.login-kicker{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:0 12px;border-radius:999px;border:1px solid rgba(95,230,255,.24);background:#5fe6ff14;color:#8ff0ff;font-size:12px;font-weight:700}.login-promo h1,.login-card h2{margin:0;font-size:38px}.login-promo p,.login-card p{margin:0;color:var(--muted);line-height:1.6}.login-demo-list{display:grid;gap:12px}.login-demo-list div{border:1px solid var(--line);border-radius:12px;background:#ffffff08;padding:12px 14px;display:grid;gap:6px}.login-demo-list.compact{gap:8px}.login-demo-list strong{font-size:13px}.login-demo-list span{color:#bdd0f6;font-size:13px}.login-card{padding:28px;display:grid;gap:16px}.login-submit{width:100%}.error-banner{padding:12px 14px;border-radius:12px;background:#ff6b6b24;color:#ffc0c0;border:1px solid rgba(255,107,107,.24)}@media(max-width:1300px){.system-main{grid-template-columns:72px 1fr}.system-preview{grid-column:1 / -1;border-left:0;border-top:1px solid var(--line)}.sidebar-section-title{display:none}.system-nav-item span:last-child,.sidebar-static-item span:last-child,.sidebar-footer-card span,.sidebar-footer-card strong{display:none}.system-nav-item,.sidebar-static-item{justify-content:center}.sidebar-footer-card{padding:10px}}@media(max-width:980px){.system-page,.login-screen{padding:10px}.system-topbar{align-items:stretch;flex-wrap:wrap}.system-brand{min-width:auto}.system-search{order:3;width:100%;max-width:none}.system-main,.login-layout,.workflow-board,.metrics-grid,.metrics-grid.compact,.preview-stage,.field-grid-two{grid-template-columns:1fr}.system-sidebar{display:none}.stage-phone,.stage-phone.large{width:260px;height:470px}.workspace-head,.system-panel-head{flex-direction:column;align-items:flex-start}}