:root{font-family:Aptos,Segoe UI,sans-serif;color:#16212d;background:radial-gradient(circle at top left,rgba(26,155,117,.14),transparent 28%),radial-gradient(circle at bottom right,rgba(21,115,161,.08),transparent 20%),linear-gradient(180deg,#f6f9fb,#eef3f6);color-scheme:light;--bg: #f2f6f8;--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--surface-muted: #f4f7f9;--border: rgba(28, 44, 64, .08);--border-strong: rgba(28, 44, 64, .14);--text: #16212d;--text-soft: #516072;--muted: #768394;--sidebar: #10222f;--sidebar-strong: #0b1922;--accent: #138a66;--accent-strong: #0f6a50;--accent-soft: rgba(19, 138, 102, .1);--accent-soft-strong: rgba(19, 138, 102, .16);--success: #0d9e6f;--success-soft: rgba(13, 158, 111, .12);--warning: #a46900;--warning-soft: rgba(255, 191, 73, .2);--danger: #cc3646;--danger-soft: rgba(204, 54, 70, .12);--shadow-lg: 0 30px 80px rgba(16, 22, 31, .1);--shadow-md: 0 18px 44px rgba(16, 22, 31, .08);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(26,155,117,.14),transparent 28%),radial-gradient(circle at bottom right,rgba(21,115,161,.08),transparent 20%),linear-gradient(180deg,#f6f9fb,#eef3f6)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}img{display:block;max-width:100%}::selection{background:#bb162829}.app-shell{display:grid;grid-template-columns:288px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .22s ease}.app-shell--collapsed{grid-template-columns:94px minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:28px;min-height:100vh;padding:24px 18px 20px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 24%),linear-gradient(180deg,#121821,#0b1017);border-right:1px solid rgba(255,255,255,.06);color:#f5f7fbf5;box-shadow:30px 0 80px #060a0f29;z-index:3}.sidebar-top{display:grid;gap:16px}.brand{display:flex;align-items:center;gap:14px;padding:12px 12px 8px;border-radius:18px;min-width:0}.brand-logo{display:inline-flex;align-items:center;width:80px;height:26px;flex-shrink:0}.brand-logo .ring{width:22px;height:22px;margin-left:-4px;border:2px solid rgba(255,255,255,.92);border-radius:999px}.brand-logo .ring:first-child{margin-left:0}.brand-copy{display:grid;gap:2px;min-width:0}.brand-copy strong{font-size:1rem;font-weight:700;letter-spacing:.01em}.brand-copy p,.page-description,.card-header p,.stat-card small,.user-chip small,.record-card p,.mini-metric-card p,.workflow-card p,.workflow-card small,.timeline-item__content p,.action-card p,.kanban-card p,.account-row p,.preview-form-field span,.asset-preview-card__body p,.insight-card p,.info-grid__item span,.verification-banner p{margin:0;color:var(--muted)}.page-description{line-height:1.65}.sidebar-toggle,.ghost-button,.text-button,.primary-button,.secondary-button{border-radius:14px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.sidebar-toggle,.ghost-button{padding:10px 14px;background:#ffffff0f;color:#f5f7fbeb;border:1px solid rgba(255,255,255,.08)}.sidebar-toggle:hover,.ghost-button:hover,.text-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.46;transform:none!important;box-shadow:none!important}.nav{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border-radius:14px;color:#f5f7fbb3;transition:background .2s ease,color .2s ease,border-color .2s ease;border:1px solid transparent}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.nav-icon svg,.sidebar-toggle__icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-link:hover,.nav-link.active{color:#fff;background:linear-gradient(90deg,#bb16282e,#ffffff0a);border-color:#ffffff14}.nav-label{font-weight:600;letter-spacing:.01em}.sidebar-footer{margin-top:auto;display:grid;gap:12px}.user-chip{display:grid;gap:4px;padding:14px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.sidebar-logout{width:100%}.sidebar-toggle--footer{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin-left:auto;border-radius:999px}.sidebar-toggle__icon{transition:transform .22s ease}.sidebar-toggle__icon.is-collapsed{transform:rotate(180deg)}.content{padding:28px 30px 42px}.page{display:grid;gap:20px}.page-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.page-header__copy{max-width:min(820px,100%)}.page-header h1,.login-hero h1,.card h3,.drawer-header h3,.login-panel h2,.empty-state h3,.section-titlebar h3,.entity-list-panel__header h3{margin:0}.eyebrow{margin:0 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.page-actions,.inline-actions,.inline-form,.entity-toolbar,.card-toolbar,.card-toolbar__actions,.card-toolbar__meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.card-toolbar{justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(25,32,44,.06)}.card-toolbar__meta strong,.card-toolbar__meta span,.table-size-switcher span{color:var(--text-soft)}.card-toolbar__meta strong{font-size:.92rem}.card-toolbar__meta span{font-size:.84rem}.table-size-switcher{display:inline-flex;align-items:center;gap:8px;color:var(--text-soft);font-weight:600}.table-size-switcher select{min-height:38px;padding:8px 12px;border-radius:12px;border:1px solid var(--border-strong);background:#fff;color:var(--text)}.primary-button,.secondary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;white-space:nowrap}.primary-button{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 18px 34px #bb16282e}.secondary-button{color:var(--text);background:#19202c0f;border:1px solid rgba(25,32,44,.08)}.ghost-button{color:var(--text);background:var(--surface-muted);border:1px solid var(--border)}.text-button{background:transparent;color:var(--accent);padding:0}.primary-button:hover{box-shadow:0 20px 40px #bb16283d}.card,.stat-card,.login-panel,.login-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card{padding:22px}.card-header{margin-bottom:18px}.card-header h3{font-size:1.1rem;margin-bottom:6px}.stats-grid,.dashboard-layout{display:grid;gap:18px}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-layout{grid-template-columns:repeat(12,minmax(0,1fr))}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.stat-card{display:grid;gap:8px;padding:20px 18px;min-width:0;text-align:left}.stat-card--interactive,.action-card--interactive,.record-card--interactive,.mini-metric-card--interactive,.update-card--interactive{cursor:pointer;width:100%;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.stat-card--interactive:hover,.action-card--interactive:hover,.record-card--interactive:hover,.mini-metric-card--interactive:hover,.update-card--interactive:hover{transform:translateY(-2px);border-color:#bb162838;box-shadow:0 20px 34px #10161f1a}.stat-card__label{font-size:.9rem;color:var(--text-soft);font-weight:700}.stat-card strong{font-size:2rem;line-height:1;letter-spacing:-.03em}.action-stack,.record-stack,.record-grid,.mini-metric-list,.heat-list,.timeline-list{display:grid;gap:14px}.action-card,.record-card,.mini-metric-card,.update-card,.workflow-card,.kanban-card,.heat-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:18px}.action-card,.record-card,.mini-metric-card,.update-card,.workflow-card,.heat-card{padding:16px 18px}.action-card strong,.record-card strong,.mini-metric-card strong,.update-card strong,.workflow-card strong,.kanban-card strong,.heat-card strong,.account-row strong,.preview-form-field strong,.info-grid__item strong{display:block;font-size:1rem;line-height:1.45}.action-card{display:flex;justify-content:space-between;gap:16px;align-items:center}.action-card--tall{align-items:flex-start;flex-direction:column}.action-card__eyebrow,.entity-card__eyebrow,.template-tag{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.04em}.record-card,.update-card{display:flex;justify-content:space-between;gap:16px;align-items:center}.record-card__meta,.update-card__meta,.timeline-item__meta,.kanban-card__meta{display:grid;gap:6px;justify-items:end;text-align:right;color:var(--muted);font-size:.86rem}.mini-metric-card{display:grid;gap:6px}.mini-metric-card--interactive{gap:12px}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.update-card{align-items:flex-start}.workflow-card{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.workflow-card__content,.workflow-card__actions{min-width:0}.workflow-card__header,.heat-card__header,.kanban-card__footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.workflow-card__content{display:grid;gap:8px}.workflow-card__actions{display:grid;gap:10px}.table-wrapper{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:640px}.data-table th,.data-table td{padding:14px 12px;border-bottom:1px solid rgba(25,32,44,.06);text-align:left;vertical-align:top}.data-table th{color:var(--muted);font-size:.84rem;font-weight:700}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:84px;padding:0 12px;border-radius:999px;font-size:.78rem;font-weight:700;background:#19202c14;color:var(--text-soft)}.status-pending_review,.status-scheduled,.status-queued,.status-todo{color:var(--warning);background:var(--warning-soft)}.status-published,.status-approved,.status-active,.status-done,.status-completed,.status-contacted{color:var(--success);background:var(--success-soft)}.status-draft,.status-in_progress,.status-processing{color:var(--text-soft);background:#19202c14}.status-rejected,.status-offline,.status-disabled,.status-failed,.status-locked,.status-new{color:var(--danger);background:var(--danger-soft)}.entity-layout{display:grid;grid-template-columns:332px minmax(0,1fr);gap:20px;align-items:start}.entity-layout--wide{grid-template-columns:320px minmax(0,1fr)}.entity-list-panel,.entity-detail-panel{min-width:0}.entity-list-panel{display:grid;gap:16px}.entity-list-panel__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.entity-list-panel__header p{margin:6px 0 0;color:var(--muted);line-height:1.6}.catalog-count{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--text);font-weight:700}.page-search,.editor-form input,.editor-form textarea,.editor-form select,.property-grid input,.property-grid textarea,.property-grid select,.login-form input,.login-form textarea,.leads-search{width:100%;min-height:46px;padding:12px 14px;border-radius:14px;border:1px solid var(--border-strong);background:#fff;color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease}textarea{resize:vertical;min-height:96px}input:focus,textarea:focus,select:focus{border-color:#bb162861;box-shadow:0 0 0 4px #bb162814}.entity-list{display:grid;gap:12px;max-height:calc(100vh - 220px);overflow:auto;padding-right:4px}.entity-card{display:flex;justify-content:space-between;gap:12px;width:100%;padding:16px 16px 15px;text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-md)}.entity-card:hover,.entity-card.active{border-color:#bb162847;box-shadow:0 18px 42px #bb162814}.entity-card--create{border-style:dashed}.entity-card__body,.entity-card__meta{min-width:0}.entity-card__body{display:grid;gap:8px}.entity-card__body p,.entity-card__meta small,.preview-device__meta span{margin:0;color:var(--muted)}.entity-card__meta{display:grid;gap:8px;justify-items:end}.entity-toolbar{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(25,32,44,.06);justify-content:space-between}.editor-shell,.studio-shell{display:grid;gap:20px}.editor-shell{grid-template-columns:minmax(0,1fr) 320px}.editor-stack,.editor-aside,.builder-outline,.builder-inspector,.builder-preview,.field-outline,.field-inspector{display:grid;gap:16px;min-width:0}.editor-section,.insight-card,.asset-preview-card,.preview-device,.builder-outline,.builder-inspector,.builder-preview,.field-inspector,.field-outline{padding:18px;background:var(--surface-muted);border:1px solid var(--border);border-radius:20px}.section-titlebar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.section-titlebar p,.info-banner p,.success-banner p{margin:6px 0 0;color:var(--muted);line-height:1.6}.property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.property-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.property-grid label,.editor-form label,.login-form label{display:grid;gap:8px;color:var(--text-soft);font-weight:600}.field-span-2{grid-column:span 2}.pair-stack,.trim-grid,.color-grid-editor,.preview-form-stack,.section-outline-list,.preview-section-stack,.info-grid{display:grid;gap:14px}.pair-row{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(0,1.4fr);gap:12px}.trim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trim-card,.color-editor-card{padding:16px;background:#fff;border-radius:18px;border:1px solid var(--border)}.color-editor-card{display:grid;gap:12px}.color-editor-card__value{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px}.color-editor-card__value input[type=color]{min-height:46px;padding:4px}.asset-preview-card{overflow:hidden;padding:0}.asset-preview-card__image{min-height:220px;background-position:center;background-size:cover}.asset-preview-card__body{display:grid;gap:10px;padding:18px}.insight-card h4,.preview-section-card h4{margin:0 0 6px}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-grid__item{display:grid;gap:6px;padding:14px;background:var(--surface-muted);border:1px solid var(--border);border-radius:18px}.studio-actions{display:flex;justify-content:flex-end;padding-top:4px}.builder-layout,.form-builder{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;gap:16px}.builder-layout{align-items:start}.section-outline-card,.field-outline-card{display:grid;gap:8px;width:100%;padding:14px;text-align:left;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:16px}.section-outline-card:hover,.section-outline-card.active,.field-outline-card:hover,.field-outline-card.active{border-color:#bb162847;box-shadow:0 12px 26px #bb162814}.section-outline-card__meta,.preview-section-card__meta{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--muted);font-size:.8rem}.preview-device{gap:16px}.preview-device__hero{min-height:240px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:22px;border-radius:24px;color:#fff;background-size:cover;background-position:center}.preview-device__hero p{margin:0;color:#ffffffd6}.preview-device__meta{display:flex;justify-content:space-between;gap:12px}.preview-section-card{padding:14px;border-radius:18px;background:#fff;border:1px solid var(--border)}.preview-section-card.active{border-color:#bb162847}.form-builder{grid-template-columns:260px minmax(0,1fr)}.preview-form-field{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#fff}.checkbox-field{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;min-height:46px;border-radius:14px;border:1px solid var(--border);background:#fff}.checkbox-field input{width:18px;height:18px}.trend-chart{display:grid;gap:16px}.trend-chart svg{width:100%;height:auto}.trend-chart__legend{display:flex;gap:10px;flex-wrap:wrap}.legend-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:700;background:var(--surface-muted);color:var(--text-soft)}.legend-chip:before{content:"";width:10px;height:10px;border-radius:999px}.legend-chip--bar:before{background:linear-gradient(180deg,#bb1628eb,#91101feb)}.legend-chip--line:before{background:#1f2937}.trend-chart__grid{stroke:#19202c14;stroke-width:1}.trend-chart__bar{fill:url(#barGradient);stroke:#91101f14}.trend-chart svg defs{display:block}.trend-chart svg{overflow:visible}.trend-chart__label{fill:var(--muted);font-size:12px;font-weight:600}.trend-chart__line{fill:none;stroke:#1f2937;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-chart__point{fill:#1f2937;stroke:#fff;stroke-width:2}.trend-chart__bar{fill:#bb1628e6}.heat-card{display:grid;gap:10px}.heat-bar{height:10px;border-radius:999px;background:#19202c14;overflow:hidden}.heat-bar div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.timeline-item{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid rgba(25,32,44,.06)}.timeline-item:last-child{border-bottom:0}.timeline-item__dot{width:12px;height:12px;margin-top:6px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 0 0 5px #bb16281a}.timeline-item__content{min-width:0}.timeline-item__content strong{display:block;margin-bottom:4px}.account-table,.kanban-column__body{display:grid;gap:12px}.account-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.9fr) minmax(180px,.9fr) auto;gap:14px;align-items:center;padding:16px;background:var(--surface-strong);border:1px solid var(--border);border-radius:18px}.account-row--lead{cursor:pointer}.account-row--lead:hover{border-color:#bb162842}.account-row__role,.account-row__state{display:grid;gap:6px}.account-row__role span,.account-row__state small{color:var(--text-soft)}.account-row__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.kanban-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kanban-column{display:grid;gap:12px;min-width:0}.kanban-column__header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 4px}.kanban-column__header span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border);font-weight:700}.kanban-card{display:grid;gap:12px;padding:16px}.kanban-card__meta{grid-template-columns:1fr auto}.kanban-card__footer{align-items:flex-start}.info-banner,.success-banner{padding:14px 16px;border-radius:16px;border:1px solid transparent}.info-banner{background:#19202c0d;border-color:#19202c14}.success-banner,.verification-banner{background:var(--success-soft);border:1px solid rgba(13,158,111,.18)}.success-banner strong,.verification-banner strong{color:var(--success)}.empty-state{padding:24px;text-align:center;color:var(--muted);background:var(--surface-muted);border-radius:18px;border:1px dashed var(--border-strong)}.error-text{margin:0;padding:14px 16px;color:var(--danger);background:var(--danger-soft);border:1px solid rgba(204,54,70,.18);border-radius:16px}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0b0f1547;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40}.loading-overlay__panel{min-width:300px;display:grid;gap:10px;padding:22px 24px;background:#fffffff0;border-radius:22px;border:1px solid var(--border);box-shadow:0 30px 80px #10161f2e;text-align:center}.loading-overlay__spinner{width:40px;height:40px;margin:0 auto;border-radius:999px;border:3px solid rgba(187,22,40,.14);border-top-color:var(--accent);animation:spin .85s linear infinite}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#0b0f1547;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45}.drawer-panel{width:min(520px,100%);height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:16px;padding:24px;background:#fffffffa;border-left:1px solid var(--border);box-shadow:-30px 0 80px #10161f1f}.drawer-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.drawer-header p{margin:6px 0 0;color:var(--muted)}.drawer-body{overflow:auto}.drawer-actions{display:flex;justify-content:flex-end;gap:12px}.login-page{min-height:100vh;display:grid;place-items:center;padding:28px}.login-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);gap:20px;width:min(1180px,100%)}.login-hero,.login-panel{padding:32px}.login-hero{display:grid;align-content:space-between;gap:24px;min-height:680px;color:#fff;background:linear-gradient(135deg,#138a666b,#10222fd1),url(https://images.unsplash.com/photo-1493238792000-8113da705763?auto=format&fit=crop&w=1600&q=80) center/cover}.login-hero .eyebrow,.login-hero .page-description,.login-hero .login-highlights p{color:#fffc}.login-highlights{display:grid;gap:14px}.login-highlights article{padding:16px 18px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:18px}.login-form{display:grid;gap:16px;margin-top:26px}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 160px 88px;gap:12px;align-items:center}.captcha-preview{display:grid;place-items:center;min-height:56px;padding:8px;border-radius:16px;background:var(--surface-muted);border:1px solid var(--border)}.captcha-preview img{width:100%;height:auto}.captcha-fallback{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:0 10px;color:var(--text);font-weight:800;letter-spacing:.08em}.verification-banner{padding:14px 16px;border-radius:16px}.trend-row,.trend-bar,.chart-grid,.studio-grid,.page-manager,.list-stack,.list-item,.helper-text,.preview-phone,.preview-screen,.preview-hero,.preview-tag,.otp-preview,.captcha-box,.preview-cards,.preview-cards article,.preview-meta,.preview-section-list,.preview-section,.preview-section__meta,.preview-section__meta strong,.studio-block,.studio-block__header,.section-editor-body,.section-editor-list,.section-editor-card,.section-editor-header,.section-editor-header h4,.studio-submit{all:unset}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1380px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-layout{grid-template-columns:280px minmax(0,1fr) 300px}}@media(max-width:1200px){.dashboard-layout,.stats-grid,.record-grid,.entity-layout,.entity-layout--wide,.editor-shell,.builder-layout,.form-builder,.login-layout,.kanban-board{grid-template-columns:1fr}.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-12{grid-column:1 / -1}.entity-list{max-height:none}.login-hero{min-height:380px}}@media(max-width:960px){.app-shell,.app-shell--collapsed{grid-template-columns:1fr}.sidebar{position:relative;min-height:auto}.content{padding:20px 16px 28px}.page-header,.section-titlebar,.workflow-card,.record-card,.action-card,.update-card,.drawer-header,.entity-toolbar,.kanban-card__footer,.account-row{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.captcha-row,.property-grid,.pair-row,.trim-grid,.info-grid{grid-template-columns:1fr}.field-span-2{grid-column:span 1}.account-row{display:grid}}@media(max-width:720px){.sidebar{padding:16px}.brand,.user-chip{padding-left:10px;padding-right:10px}.app-shell--collapsed .nav-label,.app-shell--collapsed .brand-copy,.app-shell--collapsed .user-chip small,.app-shell--collapsed .sidebar-footer .secondary-button{display:initial}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-shell--collapsed .brand{justify-content:center;padding-left:0;padding-right:0}.app-shell--collapsed .brand-copy,.app-shell--collapsed .nav-label,.app-shell--collapsed .user-chip small,.app-shell--collapsed .sidebar-footer .secondary-button{display:none}.app-shell--collapsed .brand-logo{width:62px;justify-content:center}.app-shell--collapsed .nav-link{justify-content:center;padding:0 10px}.app-shell--collapsed .sidebar-top,.app-shell--collapsed .sidebar-footer{justify-items:center}.app-shell--collapsed .user-chip{justify-items:center;padding-left:10px;padding-right:10px}.app-shell--collapsed .user-chip span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.app-shell{position:relative}.sidebar{position:fixed;left:0;top:0;bottom:0;width:288px;overflow-y:auto;transition:width .22s ease,padding .22s ease}.app-shell--collapsed .sidebar{width:94px}.content{min-width:0;min-height:100vh;grid-column:2}.brand-copy strong,.brand-copy p,.nav-label,.user-chip span,.user-chip small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-shell{position:relative}.sidebar-tooltip{position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%) translate(-6px);padding:10px 12px;border-radius:12px;background:#0b1017f0;color:#fff;font-size:.84rem;font-weight:600;pointer-events:none;opacity:0;box-shadow:0 16px 28px #060a0f3d;transition:opacity .16s ease,transform .16s ease;z-index:7}.nav-item-shell:hover .sidebar-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.nav-link{width:100%;min-width:0}.entity-list-panel{position:sticky;top:28px}.entity-list{padding-right:10px;scrollbar-gutter:stable both-edges}.entity-card__body strong,.entity-card__body p{overflow-wrap:anywhere}.entity-card__eyebrow,.template-tag{padding:5px 9px;font-size:.72rem}.status-pill{min-height:26px;min-width:64px;padding:0 10px;font-size:.72rem}.workflow-card--interactive,.account-row--interactive{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.workflow-card--interactive:hover,.account-row--interactive:hover{transform:translateY(-1px);border-color:#bb16283d;box-shadow:0 16px 28px #10161f14}.workflow-card__actions--inline{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.icon-button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 11px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);white-space:nowrap;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.icon-button:hover{transform:translateY(-1px);border-color:#bb16283d;box-shadow:0 10px 20px #10161f14}.icon-button--primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.icon-button--danger{color:var(--danger);background:#cc36460f;border-color:#cc364624}.icon-button__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.icon-button__icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.pagination{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.pagination--compact{gap:8px}.pagination__meta,.pagination__actions,.pagination__size{display:inline-flex;align-items:center;gap:8px}.pagination__meta,.pagination__page,.pagination__size span{color:var(--text-soft);font-size:.84rem;font-weight:600}.pagination__size select{min-height:34px;padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:#fff}.pagination .icon-button{min-height:32px;padding:0 10px}.searchable-select{position:relative}.searchable-select__control{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:14px;border:1px solid var(--border-strong);background:#fff;cursor:pointer}.searchable-select__control:focus-visible{outline:none;border-color:#bb162861;box-shadow:0 0 0 4px #bb162814}.searchable-select__value{min-width:0;flex:1}.searchable-select__placeholder{color:var(--muted)}.searchable-select__icon,.searchable-select__search-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--muted)}.searchable-select__icon svg,.searchable-select__search-icon svg,.selection-chip button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.searchable-select__dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:12;display:grid;gap:10px;padding:12px;border-radius:18px;background:#fffffffa;border:1px solid var(--border);box-shadow:0 22px 44px #10161f1f}.searchable-select__selected{display:grid;gap:10px;padding:12px;border-radius:16px;background:var(--surface-muted);border:1px solid rgba(25,32,44,.06)}.searchable-select__selected-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.searchable-select__selected-head strong{font-size:.82rem;color:var(--text-soft)}.searchable-select__search{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;border-radius:12px;background:var(--surface-muted);border:1px solid rgba(25,32,44,.06)}.searchable-select__search input{min-height:36px;padding:0;border:0;box-shadow:none;background:transparent}.searchable-select__options{display:grid;gap:8px;max-height:280px;overflow:auto}.searchable-select__option{display:flex;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;border-radius:14px;text-align:left;background:var(--surface-muted);border:1px solid transparent}.searchable-select__option:not(:disabled):hover{border-color:#19202c1a;background:#19202c0a}.searchable-select__option-meta{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.searchable-select__selected-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--accent)}.searchable-select__selected-mark svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.searchable-select__option strong,.searchable-select__option p,.searchable-select__option small,.document-preview__block p,.document-preview__block li,.static-info-field p,.field-helper,.media-field__empty{margin:0}.searchable-select__option p,.searchable-select__option small,.field-helper,.media-field__empty{color:var(--muted)}.searchable-select__option.is-selected{background:#bb162814;border-color:#bb162824}.searchable-select__option.is-locked,.searchable-select__option:disabled{cursor:default;opacity:1}.searchable-select__empty{padding:16px;text-align:center;color:var(--muted);background:var(--surface-muted);border-radius:14px}.selection-chip-list{display:flex;flex-wrap:wrap;gap:6px}.selection-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:#bb162814;color:var(--accent);font-size:.78rem;font-weight:700}.selection-chip--readonly{pointer-events:none}.selection-chip button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border-radius:999px;background:transparent;color:inherit}.selection-chip-list--editable .selection-chip{padding-right:6px;color:var(--text);background:#19202c14}.media-card__caption{margin:0;font-size:.76rem;color:var(--muted)}.media-field,.document-editor,.option-editor{display:grid;gap:12px}.media-field__toolbar,.media-field__url-input,.document-editor__toolbar,.document-editor__chips,.option-editor__toolbar,.compact-icon-row,.color-editor-card__presets{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hidden-file-input{display:none}.media-grid{display:grid;gap:12px}.media-grid--multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.media-card{display:grid;gap:10px;overflow:hidden;border-radius:18px;border:1px solid var(--border);background:#fff}.media-card__preview{aspect-ratio:16 / 9;background:var(--surface-muted)}.media-card__preview img,.aside-gallery-strip__item img{width:100%;height:100%;object-fit:cover}.media-card__body{display:grid;gap:10px;padding:12px}.media-card__actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.option-editor__toolbar{justify-content:space-between}.option-editor__toolbar p{color:var(--muted)}.option-editor__list{display:grid;gap:10px}.option-editor__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px}.document-editor__toolbar{justify-content:space-between}.document-editor__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:14px}.document-preview,.static-info-field{padding:16px;border-radius:18px;background:var(--surface-muted);border:1px solid var(--border)}.document-preview{display:grid;gap:12px}.document-preview__block{display:grid;gap:8px}.document-preview__block h4,.document-preview__block h5{margin:0}.document-preview__block ul{margin:0;padding-left:18px}.static-info-field{display:grid;gap:6px;min-width:0}.static-info-field span{color:var(--muted)}.static-info-field strong{overflow-wrap:anywhere}.property-grid--single{grid-template-columns:1fr}.field-outline-card__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-outline-card__header span{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.form-builder--expanded{grid-template-columns:280px minmax(0,1fr)}.section-titlebar--compact{align-items:center}.miniapp-frame{display:grid;gap:14px;padding:12px;border-radius:28px;background:linear-gradient(180deg,#fefefe,#edf1f6);border:1px solid rgba(25,32,44,.08);box-shadow:inset 0 0 0 1px #ffffffb8}.miniapp-frame__status,.miniapp-frame__hero-actions,.miniapp-frame__tabbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.miniapp-frame__status{padding:0 6px;color:var(--text-soft);font-size:.76rem;font-weight:700}.preview-device__hero--miniapp{min-height:224px}.miniapp-frame__hero-actions span,.miniapp-frame__tabbar span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;font-size:.78rem;font-weight:700}.miniapp-frame__hero-actions span{background:#ffffff2e;color:#fff}.preview-device__meta--stack{display:grid;gap:8px}.miniapp-frame__quick-entry{display:grid;gap:10px}.miniapp-frame__quick-card{display:grid;gap:6px;padding:14px;border-radius:18px;background:#fff;border:1px solid var(--border)}.miniapp-frame__quick-card--empty{background:#19202c08;border-style:dashed}.miniapp-frame__tabbar{padding:6px;border-radius:999px;background:#19202c0d}.miniapp-frame__tabbar span{flex:1;color:var(--muted)}.miniapp-frame__tabbar span.active{color:var(--accent);background:#bb162814}.color-editor-card__presets{justify-content:space-between}.color-preset,.color-value-preview{width:22px;height:22px;border-radius:999px;border:1px solid rgba(25,32,44,.12);box-shadow:inset 0 0 0 1px #ffffff80}.color-preset.active{outline:2px solid rgba(187,22,40,.24);outline-offset:2px}.aside-gallery-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aside-gallery-strip__item{overflow:hidden;aspect-ratio:16 / 11;border-radius:16px;border:1px solid var(--border)}.kanban-column{overflow:hidden;padding:16px;border-radius:20px;background:var(--surface-muted);border:1px solid var(--border)}.kanban-column__header strong,.account-row__role span{white-space:nowrap}.kanban-card{gap:10px}.kanban-card__meta--compact{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.kanban-card__meta--compact>div:first-child{display:grid;gap:8px}.kanban-card__footer{justify-content:space-between;align-items:center}.kanban-card__footer small{color:var(--muted)}.account-row__actions .icon-button,.compact-icon-row .icon-button,.workflow-card__actions .icon-button{min-height:30px;padding:0 9px}.account-row__role,.account-row__state{min-width:0}.account-row__role span,.account-row__state small{overflow:hidden;text-overflow:ellipsis}.trend-chart__axis-label{fill:var(--muted);font-size:11px;font-weight:600}.trend-chart__bar{fill:url(#trendBarGradient)}.info-grid--legal{margin-bottom:16px}@media(max-width:960px){.sidebar{position:relative;width:100%}.content{grid-column:auto}.media-grid--multiple,.document-editor__layout,.option-editor__row,.form-builder--expanded{grid-template-columns:1fr}.entity-list-panel{position:static}}.sidebar-summary,.app-topbar,.dashboard-signal-grid,.governance-stack,.login-hero__metrics,.login-serviceboard,.login-serviceboard__grid,.login-service-rail{display:grid}.sidebar-summary{gap:10px}.sidebar-summary__item{display:grid;gap:4px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d}.sidebar-summary__item span{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sidebar-summary__item strong{font-size:.95rem;line-height:1.4}.app-topbar{grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 22px;margin-bottom:20px;border-radius:22px;border:1px solid var(--border);background:#ffffff0a;box-shadow:var(--shadow-md)}.app-topbar__copy{display:grid;gap:4px}.app-topbar__copy strong{font-size:.96rem;letter-spacing:.04em;text-transform:uppercase}.app-topbar__copy p{margin:0;color:var(--muted)}.app-topbar__badges{display:flex;flex-wrap:wrap;gap:10px}.app-topbar__badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.dashboard-signal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dashboard-signal-card{width:100%;display:grid;gap:8px;padding:18px 20px;text-align:left;border-radius:20px;border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:var(--shadow-md);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dashboard-signal-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.dashboard-signal-card span{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.dashboard-signal-card strong{font-size:1.55rem;line-height:1.1}.dashboard-signal-card p{margin:0;color:var(--text-soft)}.governance-stack{gap:12px}.governance-card{display:grid;gap:4px;padding:16px 18px;border-radius:18px;border:1px solid var(--border);background:var(--surface-strong)}.governance-card span{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.governance-card strong{font-size:1.35rem}.governance-card p{margin:0;color:var(--text-soft)}.login-layout--service{grid-template-columns:minmax(420px,.88fr) minmax(0,1.12fr)}.login-hero__intro{display:grid;gap:10px}.login-hero__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.login-hero__metrics article,.login-service-rail article{display:grid;gap:6px;padding:16px 18px;border-radius:18px}.login-hero__metrics article{background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.login-hero__metrics span,.login-service-rail span{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-hero__metrics strong,.login-service-rail strong{font-size:1rem;line-height:1.5}.login-hero--service{display:grid;gap:18px;min-height:680px;color:var(--text);background:linear-gradient(180deg,#ffffffd6,#ffffffbd),linear-gradient(135deg,#138a661f,#1573a11a)}.login-serviceboard{gap:18px}.login-serviceboard__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.login-serviceboard__grid article{padding:18px;border-radius:18px;border:1px solid var(--border);background:#ffffffd6}.login-serviceboard__grid p,.login-service-rail p{margin:0}.login-service-rail{gap:12px}.login-service-rail article{border:1px solid var(--border);background:#ffffffe0}body[data-demo=pateo-connect] ::selection{background:#14a5ff38}body[data-demo=pateo-connect] .nav-link:hover,body[data-demo=pateo-connect] .nav-link.active{background:linear-gradient(90deg,#14a5ff3d,#0bd6c71f);border-color:#6ebaff29}body[data-demo=pateo-connect] .sidebar-summary__item{background:#14a5ff14;border-color:#6ebaff29}body[data-demo=pateo-connect] .app-topbar{background:linear-gradient(135deg,#14a5ff14,#0bd6c714)}body[data-demo=pateo-connect] .dashboard-signal-card:hover{box-shadow:0 22px 44px #0c1c303d;border-color:#6ebaff38}body[data-demo=pateo-connect] .login-panel--immersive{background:linear-gradient(180deg,#0c1827f5,#07111df0)}body[data-demo=pateo-connect] .verification-banner{background:#14a5ff24;border:1px solid rgba(110,186,255,.18)}body[data-demo=jos-shanghai]{color-scheme:light}body[data-demo=jos-shanghai] ::selection{background:#138a6629}body[data-demo=jos-shanghai] .sidebar{background:linear-gradient(180deg,#ffffffbd,#f5f8faf5),linear-gradient(180deg,#fff,#f3f7f9);border-right:1px solid rgba(28,44,64,.08);color:#16212d;box-shadow:24px 0 60px #10161f14}body[data-demo=jos-shanghai] .brand-logo .ring{border-color:#138a66d1}body[data-demo=jos-shanghai] .sidebar-summary__item,body[data-demo=jos-shanghai] .user-chip,body[data-demo=jos-shanghai] .sidebar-toggle,body[data-demo=jos-shanghai] .sidebar-footer .secondary-button{background:#10222f0a;border-color:#1c2c4014;color:#16212d}body[data-demo=jos-shanghai] .sidebar-summary__item span,body[data-demo=jos-shanghai] .brand-copy p,body[data-demo=jos-shanghai] .user-chip small{color:#66788a}body[data-demo=jos-shanghai] .nav-link{color:#5d6d7e}body[data-demo=jos-shanghai] .nav-link:hover,body[data-demo=jos-shanghai] .nav-link.active{color:#13212c;background:linear-gradient(90deg,#138a6624,#1573a114);border-color:#138a662e}body[data-demo=jos-shanghai] .sidebar-tooltip{background:#fffffffa;color:#16212d;border:1px solid rgba(28,44,64,.08);box-shadow:0 18px 34px #10161f14}body[data-demo=jos-shanghai] .app-topbar{background:linear-gradient(135deg,#138a6614,#1573a10f)}body[data-demo=jos-shanghai] .app-topbar__badge,body[data-demo=jos-shanghai] .action-card__eyebrow,body[data-demo=jos-shanghai] .entity-card__eyebrow,body[data-demo=jos-shanghai] .template-tag{background:#138a661f;color:#0f6a50}body[data-demo=jos-shanghai] .dashboard-signal-card,body[data-demo=jos-shanghai] .governance-card{background:#ffffffeb}body[data-demo=jos-shanghai] .dashboard-signal-card:hover,body[data-demo=jos-shanghai] .entity-card:hover,body[data-demo=jos-shanghai] .entity-card.active,body[data-demo=jos-shanghai] .record-card--interactive:hover,body[data-demo=jos-shanghai] .update-card--interactive:hover,body[data-demo=jos-shanghai] .mini-metric-card--interactive:hover,body[data-demo=jos-shanghai] .action-card--interactive:hover,body[data-demo=jos-shanghai] .stat-card--interactive:hover{border-color:#138a663d;box-shadow:0 18px 36px #10161f14}body[data-demo=jos-shanghai] .login-panel--service{background:linear-gradient(180deg,#fffffff5,#f9fbfcf0)}body[data-demo=jos-shanghai] .verification-banner{background:#138a661f;border:1px solid rgba(19,138,102,.16)}@media(max-width:1200px){.dashboard-signal-grid,.login-hero__metrics,.login-serviceboard__grid{grid-template-columns:1fr}}@media(max-width:960px){.app-topbar,.login-layout--service{grid-template-columns:1fr}.sidebar-summary{display:none}}body[data-demo=jos-shanghai]{font-family:IBM Plex Sans,Segoe UI,sans-serif;background:linear-gradient(180deg,rgba(15,108,116,.05),transparent 18%),linear-gradient(180deg,#edf2f4,#e5ebef);color:#17232c;--bg: #e7edf1;--surface: rgba(255, 255, 255, .96);--surface-strong: #ffffff;--surface-muted: #f4f7f9;--border: rgba(28, 52, 65, .12);--border-strong: rgba(28, 52, 65, .18);--text: #17232c;--text-soft: #49606d;--muted: #687d88;--accent: #0f6c74;--accent-strong: #0b4d55;--accent-soft: rgba(15, 108, 116, .08);--accent-soft-strong: rgba(15, 108, 116, .16);--shadow-md: none;--shadow-lg: none;--radius-xl: 12px;--radius-lg: 10px;--radius-md: 8px}body[data-demo=jos-shanghai] .card,body[data-demo=jos-shanghai] .stat-card,body[data-demo=jos-shanghai] .login-panel,body[data-demo=jos-shanghai] .login-hero,body[data-demo=jos-shanghai] .drawer-panel{border-radius:10px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}body[data-demo=jos-shanghai] .primary-button,body[data-demo=jos-shanghai] .secondary-button,body[data-demo=jos-shanghai] .ghost-button,body[data-demo=jos-shanghai] .status-pill,body[data-demo=jos-shanghai] .action-card,body[data-demo=jos-shanghai] .record-card,body[data-demo=jos-shanghai] .mini-metric-card,body[data-demo=jos-shanghai] .update-card,body[data-demo=jos-shanghai] .workflow-card,body[data-demo=jos-shanghai] .governance-card{border-radius:8px}body[data-demo=jos-shanghai] .primary-button,body[data-demo=jos-shanghai] .primary-button:hover,body[data-demo=jos-shanghai] .secondary-button:hover,body[data-demo=jos-shanghai] .ghost-button:hover{box-shadow:none;transform:none}body[data-demo=jos-shanghai] .content{padding:24px 28px 32px}.service-shell{display:grid;grid-template-columns:84px 320px minmax(0,1fr);min-height:100vh;background:linear-gradient(180deg,#edf2f4,#e5ebef)}.service-shell--collapsed{grid-template-columns:84px 0 minmax(0,1fr)}.service-rail{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;gap:18px;min-height:100vh;padding:18px 14px;background:#132027;border-right:1px solid rgba(255,255,255,.06)}.service-rail__brand{display:grid;justify-items:center;gap:10px}.service-rail__brand-square{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:linear-gradient(135deg,#0f6c74,#0b4d55);color:#fff;font-size:1rem;font-weight:700;border-radius:10px}.service-rail__brand-bar{width:2px;height:26px;background:#ffffff38}.service-rail__nav,.service-rail__actions{display:grid;gap:10px}.service-rail__nav{margin-top:8px}.service-rail__item-shell{position:relative}.service-rail__item,.service-rail__action{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#f0f7fbcc;transition:background .18s ease,border-color .18s ease,color .18s ease}.service-rail__item svg,.service-rail__action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.service-rail__action .is-collapsed{transform:rotate(180deg)}.service-rail__item:hover,.service-rail__item.active,.service-rail__action:hover{background:#0f6c742e;border-color:#0f6c7461;color:#fff}.service-rail__tooltip{position:absolute;top:50%;left:58px;transform:translateY(-50%) translate(-4px);opacity:0;pointer-events:none;padding:8px 10px;background:#0f1a20;color:#f2f7f9;font-size:.76rem;white-space:nowrap;border-radius:6px;transition:opacity .16s ease,transform .16s ease}.service-rail__item-shell:hover .service-rail__tooltip{opacity:1;transform:translateY(-50%) translate(0)}.service-panel{display:grid;grid-template-rows:auto auto 1fr auto;gap:18px;padding:22px 18px;background:#f4f7f9eb;border-right:1px solid rgba(17,35,44,.08);overflow:hidden;transition:opacity .2s ease,transform .2s ease}.service-shell--collapsed .service-panel{opacity:0;pointer-events:none;transform:translate(-18px)}.service-panel__header,.service-panel__footer,.service-panel__status{background:#fff;border:1px solid rgba(28,52,65,.1)}.service-panel__header,.service-panel__footer{padding:16px}.service-panel__header strong{display:block;margin-bottom:6px;font-size:1.15rem;line-height:1.35}.service-panel__header p{margin:0;color:var(--muted);line-height:1.65}.service-panel__status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.service-panel__status article{padding:14px 12px;border-right:1px solid rgba(28,52,65,.08)}.service-panel__status article:last-child{border-right:0}.service-panel__status span,.service-panel__user small,.service-panel__nav-eyebrow,.service-commandbar__copy span,.service-command-tile span{color:var(--muted);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.service-panel__status strong,.service-commandbar__copy strong{display:block;margin-top:6px;font-size:.94rem;line-height:1.5}.service-panel__nav{display:grid;gap:8px}.service-panel__nav-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 14px 14px 16px;background:#fff;border:1px solid rgba(28,52,65,.1);transition:border-color .18s ease,background .18s ease}.service-panel__nav-link strong{display:block;margin:6px 0 4px;font-size:.98rem}.service-panel__nav-link p{margin:0;color:var(--muted);line-height:1.6}.service-panel__nav-link.active,.service-panel__nav-link:hover{background:#0f6c740d;border-color:#0f6c7447}.service-panel__nav-arrow{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:#f2f6f8;color:#34505e}.service-panel__nav-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service-panel__footer{display:grid;gap:12px}.service-panel__user{display:grid;gap:4px}.service-panel__user span{font-weight:700}.service-panel__logout{gap:8px}.service-panel__logout svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-content{display:grid;align-content:start;gap:20px}.service-commandbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;background:#ffffffd6;border:1px solid rgba(28,52,65,.1)}.service-commandbar__copy{display:grid;gap:4px}.service-commandbar__chips{display:flex;gap:10px;flex-wrap:wrap}.service-commandbar__chips span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;background:#fff;border:1px solid rgba(28,52,65,.12);color:#355160;font-weight:600}.service-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.4fr);gap:16px}.service-command-tile{display:grid;gap:10px;align-content:start;padding:18px;background:#fff;border:1px solid rgba(28,52,65,.1);text-align:left}.service-command-tile strong{font-size:1.8rem;line-height:1}.service-command-tile p{margin:0;color:var(--muted);line-height:1.6}.service-command-grid__card{grid-column:span 1}.service-release-stack{display:grid;gap:10px}.login-page--service{background:linear-gradient(90deg,#132027 0%,#132027 38%,transparent 38%),linear-gradient(180deg,#edf2f4,#e5ebef)}.login-service-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:100vh}.login-service-briefing{display:grid;grid-template-rows:auto auto 1fr auto;gap:24px;padding:48px 42px 42px;color:#f2f7f9}.login-service-briefing__hero h1,.login-service-auth__header h2{margin:0;font-size:clamp(2.1rem,3vw,3.2rem);line-height:1.08}.login-service-briefing__hero p:last-child{max-width:620px;margin-top:14px;color:#eef6f9bd}.login-service-briefing__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.login-service-briefing__metrics article,.login-service-briefing__footer,.login-service-auth{border:1px solid rgba(255,255,255,.08)}.login-service-briefing__metrics article{padding:16px;background:#ffffff0a}.login-service-briefing__metrics span{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#eef6f9a8}.login-service-briefing__metrics strong{display:block;margin-top:10px;font-size:1.7rem}.login-service-briefing__timeline{display:grid;gap:14px}.login-service-briefing__timeline article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08)}.login-service-briefing__timeline article:first-child{border-top:0}.login-service-briefing__timeline>article>span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background:#ffffff0d;color:#fff;font-weight:700}.login-service-briefing__timeline strong{display:block;margin-bottom:6px}.login-service-briefing__timeline p,.login-service-briefing__footer p{margin:0;color:#eef6f9b8;line-height:1.65}.login-service-briefing__footer{padding:16px 18px;background:#ffffff0a}.login-service-briefing__footer strong{display:block;margin-bottom:8px}.login-service-auth{align-self:center;justify-self:center;width:min(520px,calc(100% - 48px));padding:34px 30px;background:#fffffff0;border-color:#1c34411f}.login-service-auth__header{margin-bottom:24px}.login-service-auth__header p:last-child{margin-top:14px}body[data-demo=jos-shanghai] .login-form label{display:grid;gap:8px;color:#36505d;font-weight:600}body[data-demo=jos-shanghai] .login-form input,body[data-demo=jos-shanghai] .login-form textarea,body[data-demo=jos-shanghai] .login-form select,body[data-demo=jos-shanghai] .table-size-switcher select{min-height:44px;padding:10px 12px;border:1px solid rgba(28,52,65,.16);border-radius:8px;background:#fff}body[data-demo=jos-shanghai] .captcha-preview{border-radius:8px;border:1px solid rgba(28,52,65,.14)}body[data-demo=jos-shanghai] .stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}body[data-demo=jos-shanghai] .stat-card{padding:16px;border:1px solid rgba(28,52,65,.1);background:#fff}body[data-demo=jos-shanghai] .stat-card strong{font-size:1.7rem}body[data-demo=jos-shanghai] .dashboard-layout{gap:16px}body[data-demo=jos-shanghai] .card{padding:18px;border:1px solid rgba(28,52,65,.1);background:#fffffff0}body[data-demo=jos-shanghai] .card-toolbar{margin-bottom:14px;padding-bottom:14px}body[data-demo=jos-shanghai] .governance-card{border:1px solid rgba(28,52,65,.1);background:#fff}body[data-demo=jos-shanghai] .data-table th,body[data-demo=jos-shanghai] .data-table td{border-bottom:1px solid rgba(28,52,65,.08)}body[data-demo=jos-shanghai] .data-table tbody tr:hover{background:#0f6c740a}body[data-demo=jos-shanghai] .status-pill{min-width:72px;min-height:28px;font-size:.72rem}@media(max-width:1280px){.service-shell{grid-template-columns:84px minmax(260px,300px) minmax(0,1fr)}.service-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-command-grid__card{grid-column:span 2}.login-service-layout{grid-template-columns:minmax(0,1fr)}.login-service-auth{width:min(640px,calc(100% - 48px));margin:0 auto 48px}}@media(max-width:960px){.service-shell,.service-shell--collapsed{grid-template-columns:1fr}.service-rail{position:static;flex-direction:row;justify-content:space-between;min-height:auto;padding:12px 16px}.service-rail__nav,.service-rail__actions{display:flex;flex-wrap:wrap}.service-panel,.service-shell--collapsed .service-panel{opacity:1;pointer-events:auto;transform:none;border-right:0}.service-commandbar,.page-header{flex-direction:column;align-items:flex-start}.stats-grid,body[data-demo=jos-shanghai] .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}body[data-demo=jos-shanghai]{--jos-ink: #0d202a;--jos-ink-soft: #163844;--jos-teal: #0f6c74;--jos-teal-strong: #0a5158;--jos-mint: #52a39a;--jos-line: rgba(13, 32, 42, .12);--jos-line-strong: rgba(13, 32, 42, .2);--jos-panel: rgba(255, 255, 255, .96);--jos-panel-muted: #f5f8f9;--jos-surface-dark: linear-gradient(180deg, #10232d 0%, #122f3a 100%)}body[data-demo=jos-shanghai] .page{width:100%;min-width:0}body[data-demo=jos-shanghai] .page-header{align-items:flex-start}body[data-demo=jos-shanghai] .page-header__copy{display:grid;gap:8px}body[data-demo=jos-shanghai] .page-actions{justify-content:flex-end}body[data-demo=jos-shanghai] .page-description{max-width:76ch}body[data-demo=jos-shanghai] .jos-shell{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:100vh}body[data-demo=jos-shanghai] .jos-rail{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;gap:18px;height:100vh;padding:18px 14px;background:linear-gradient(180deg,#52a39a1f,#52a39a00 18%),var(--jos-surface-dark);border-right:1px solid rgba(255,255,255,.08)}body[data-demo=jos-shanghai] .jos-rail__brand{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#f5fbfc;font-size:1.45rem;font-weight:700;letter-spacing:.06em}body[data-demo=jos-shanghai] .jos-rail__nav{display:grid;gap:10px;width:100%}body[data-demo=jos-shanghai] .jos-rail__item-shell{position:relative;display:grid;place-items:center}body[data-demo=jos-shanghai] .jos-rail__item,body[data-demo=jos-shanghai] .jos-rail__logout{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border-radius:18px;border:1px solid transparent;background:transparent;color:#eff8facc;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}body[data-demo=jos-shanghai] .jos-rail__item svg,body[data-demo=jos-shanghai] .jos-rail__logout svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}body[data-demo=jos-shanghai] .jos-rail__item:hover,body[data-demo=jos-shanghai] .jos-rail__logout:hover,body[data-demo=jos-shanghai] .jos-rail__item.active{background:#ffffff1a;border-color:#ffffff29;color:#fff;transform:translateY(-1px)}body[data-demo=jos-shanghai] .jos-rail__item.active{box-shadow:inset 0 0 0 1px #52a39a59}body[data-demo=jos-shanghai] .jos-rail__tooltip{position:absolute;left:calc(100% + 12px);top:50%;min-width:max-content;padding:8px 12px;border-radius:10px;background:#0b1922f0;color:#eef6f8;font-size:.8rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-8px,-50%);transition:opacity .18s ease,transform .18s ease;box-shadow:0 14px 28px #08101647;z-index:5}body[data-demo=jos-shanghai] .jos-rail__item-shell:hover .jos-rail__tooltip{opacity:1;transform:translateY(-50%)}body[data-demo=jos-shanghai] .jos-rail__logout{margin-top:auto}body[data-demo=jos-shanghai] .jos-main{min-width:0;display:grid;align-content:start;gap:22px;padding:22px 28px 32px}body[data-demo=jos-shanghai] .jos-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:18px;align-items:stretch;padding:18px 20px;border:1px solid var(--jos-line);border-radius:18px;background:linear-gradient(135deg,#0f6c740d,#0f6c7400 42%),#ffffffd1}body[data-demo=jos-shanghai] .jos-workspace__copy{display:grid;align-content:center;gap:4px}body[data-demo=jos-shanghai] .jos-workspace__copy strong{font-size:1.38rem;line-height:1.1;color:var(--jos-ink)}body[data-demo=jos-shanghai] .jos-workspace__copy span{color:#56707a;font-size:.94rem}body[data-demo=jos-shanghai] .jos-workspace__meta{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px}body[data-demo=jos-shanghai] .jos-workspace__meta article{display:grid;gap:6px;padding:14px 16px;border-radius:14px;background:#ffffffe0;border:1px solid rgba(13,32,42,.09)}body[data-demo=jos-shanghai] .jos-workspace__meta span,body[data-demo=jos-shanghai] .jos-workspace__meta small{color:#69808a;font-size:.76rem}body[data-demo=jos-shanghai] .jos-workspace__meta strong{font-size:.96rem;color:var(--jos-ink)}body[data-demo=jos-shanghai] .service-command-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}body[data-demo=jos-shanghai] .service-command-tile{padding:20px 18px;border-radius:16px;border:1px solid var(--jos-line);background:linear-gradient(180deg,#0f6c740a,#0f6c7400 58%),#fff}body[data-demo=jos-shanghai] .service-command-tile span{color:#4e6772;font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}body[data-demo=jos-shanghai] .service-command-tile strong{font-size:2rem;color:var(--jos-ink)}body[data-demo=jos-shanghai] .service-command-grid__card{grid-column:1 / -1}body[data-demo=jos-shanghai] .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}body[data-demo=jos-shanghai] .stat-card{gap:10px;padding:18px;border-radius:16px}body[data-demo=jos-shanghai] .stat-card__label{letter-spacing:.03em}body[data-demo=jos-shanghai] .dashboard-layout{gap:14px}body[data-demo=jos-shanghai] .card{border-radius:18px}body[data-demo=jos-shanghai] .card-header{margin-bottom:16px}body[data-demo=jos-shanghai] .card-header h3{font-size:1.04rem}body[data-demo=jos-shanghai] .card-toolbar{gap:10px}body[data-demo=jos-shanghai] .record-card,body[data-demo=jos-shanghai] .action-card,body[data-demo=jos-shanghai] .mini-metric-card,body[data-demo=jos-shanghai] .update-card,body[data-demo=jos-shanghai] .governance-card{border-radius:14px}body[data-demo=jos-shanghai] .governance-card{padding:16px 18px;border:1px solid var(--jos-line);background:linear-gradient(180deg,#0f6c740a,#0f6c7400 70%),#fff}body[data-demo=jos-shanghai] .governance-card span{color:#5d747e;font-size:.8rem;font-weight:700}body[data-demo=jos-shanghai] .governance-card strong{margin-top:8px;font-size:1.8rem;color:var(--jos-ink)}body[data-demo=jos-shanghai] .loading-overlay{background:#0b161d42;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body[data-demo=jos-shanghai] .loading-overlay__panel{min-width:360px;padding:24px 26px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#52a39a14,#52a39a00 32%),#10232d;color:#edf6f8;box-shadow:0 28px 56px #07101557}body[data-demo=jos-shanghai] .loading-overlay__panel p{color:#edf6f8b8}body[data-demo=jos-shanghai] .loading-overlay__spinner{border-color:#ffffff2e;border-top-color:#7fd0c0}body[data-demo=jos-shanghai] .drawer-backdrop{background:#0b161d57;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body[data-demo=jos-shanghai] .drawer-panel{width:min(720px,calc(100vw - 56px));height:calc(100vh - 28px);margin:14px 14px 14px auto;border-radius:22px;border:1px solid var(--jos-line-strong);background:linear-gradient(180deg,#0f6c740d,#0f6c7400 14%),#fafcfcfa;box-shadow:0 24px 60px #0a131a3d}body[data-demo=jos-shanghai] .drawer-header{padding-bottom:16px;border-bottom:1px solid rgba(13,32,42,.08)}body[data-demo=jos-shanghai] .drawer-body{padding-right:6px}body[data-demo=jos-shanghai] .drawer-actions{padding-top:18px;border-top:1px solid rgba(13,32,42,.08)}body[data-demo=jos-shanghai] .trend-chart--jos{display:grid;gap:18px}body[data-demo=jos-shanghai] .trend-chart__legend--jos{justify-content:flex-start;gap:10px}body[data-demo=jos-shanghai] .legend-chip--jos-primary,body[data-demo=jos-shanghai] .legend-chip--jos-secondary{background:#edf5f5;color:var(--jos-ink);border:1px solid rgba(13,32,42,.08)}body[data-demo=jos-shanghai] .legend-chip--jos-primary:before,body[data-demo=jos-shanghai] .legend-chip--jos-secondary:before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:999px}body[data-demo=jos-shanghai] .legend-chip--jos-primary:before{background:#0f6c74}body[data-demo=jos-shanghai] .legend-chip--jos-secondary:before{background:#8ab9b1}body[data-demo=jos-shanghai] .trend-chart__grid--jos{stroke:#0d202a14;stroke-dasharray:4 6}body[data-demo=jos-shanghai] .trend-chart__axis-label--jos,body[data-demo=jos-shanghai] .trend-chart__label--jos{fill:#68808b;font-size:12px}body[data-demo=jos-shanghai] .trend-chart__line--jos-primary,body[data-demo=jos-shanghai] .trend-chart__line--jos-secondary{fill:none;stroke-linecap:round;stroke-linejoin:round}body[data-demo=jos-shanghai] .trend-chart__line--jos-primary{stroke:#0f6c74;stroke-width:3}body[data-demo=jos-shanghai] .trend-chart__line--jos-secondary{stroke:#8ab9b1;stroke-width:2.5}body[data-demo=jos-shanghai] .trend-chart__point--jos-primary{fill:#fff;stroke:#0f6c74;stroke-width:3}body[data-demo=jos-shanghai] .trend-chart__point--jos-secondary{fill:#8ab9b1;stroke:#fff;stroke-width:2.5}body[data-demo=jos-shanghai] .login-page--jos{place-items:stretch;padding:0;background:linear-gradient(90deg,#10232d,#10232d 56%,#edf2f4 56%,#edf2f4)}body[data-demo=jos-shanghai] .jos-login{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);min-height:100vh}body[data-demo=jos-shanghai] .jos-login__hero,body[data-demo=jos-shanghai] .jos-login__auth{min-width:0}body[data-demo=jos-shanghai] .jos-login__hero{position:relative;display:grid;align-content:start;gap:28px;padding:56px 64px 48px;overflow:hidden;color:#eff8fa;background:radial-gradient(circle at top left,rgba(82,163,154,.28),transparent 30%),linear-gradient(180deg,#52a39a14,#52a39a00 18%),#10232d}body[data-demo=jos-shanghai] .jos-login__hero:before,body[data-demo=jos-shanghai] .jos-login__hero:after{content:"";position:absolute;inset:auto;pointer-events:none}body[data-demo=jos-shanghai] .jos-login__hero:before{right:-80px;top:72px;width:280px;height:280px;border-radius:48px;border:1px solid rgba(255,255,255,.08);transform:rotate(18deg)}body[data-demo=jos-shanghai] .jos-login__hero:after{left:56px;bottom:52px;width:360px;height:120px;background:linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 32px),linear-gradient(180deg,rgba(255,255,255,.08) 0 1px,transparent 1px 32px);opacity:.5}body[data-demo=jos-shanghai] .jos-login__hero-copy{position:relative;z-index:1;display:grid;gap:14px;max-width:560px}body[data-demo=jos-shanghai] .jos-login__hero-copy h1{font-size:clamp(2.8rem,4vw,4.3rem);line-height:.95;letter-spacing:-.04em}body[data-demo=jos-shanghai] .jos-login__hero .eyebrow,body[data-demo=jos-shanghai] .jos-login__hero .page-description,body[data-demo=jos-shanghai] .jos-login__highlight-list p,body[data-demo=jos-shanghai] .jos-login__metrics span{color:#eff8fac2}body[data-demo=jos-shanghai] .jos-login__metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}body[data-demo=jos-shanghai] .jos-login__metrics article,body[data-demo=jos-shanghai] .jos-login__highlight-list article{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}body[data-demo=jos-shanghai] .jos-login__metrics strong{display:block;margin-top:10px;font-size:1.28rem;line-height:1.25}body[data-demo=jos-shanghai] .jos-login__highlight-list{position:relative;z-index:1;display:grid;gap:14px;max-width:620px}body[data-demo=jos-shanghai] .jos-login__highlight-list strong{display:block;margin-bottom:8px}body[data-demo=jos-shanghai] .jos-login__auth{display:grid;align-content:center;gap:18px;padding:52px 56px;background:linear-gradient(180deg,#ffffffeb,#f7fafbfa)}body[data-demo=jos-shanghai] .jos-login__auth-copy{display:grid;gap:8px}body[data-demo=jos-shanghai] .jos-login__auth-copy h2{font-size:2rem;line-height:1.05;color:var(--jos-ink)}body[data-demo=jos-shanghai] .jos-login__credential-card{padding:16px 18px;border-radius:16px;border:1px solid var(--jos-line);border-left:5px solid var(--jos-teal);background:#fff}body[data-demo=jos-shanghai] .jos-login__credential-card strong{display:block;margin-bottom:6px;color:var(--jos-ink)}body[data-demo=jos-shanghai] .jos-login__credential-card p{margin:0;color:#58707a}body[data-demo=jos-shanghai] .jos-login__credential-card code{padding:2px 6px;border-radius:8px;background:#0f6c7414;color:var(--jos-teal-strong)}body[data-demo=jos-shanghai] .login-page--jos .login-form{gap:14px;margin-top:4px}body[data-demo=jos-shanghai] .login-page--jos .primary-button{min-height:48px}@media(max-width:1440px){body[data-demo=jos-shanghai] .jos-workspace{grid-template-columns:1fr}body[data-demo=jos-shanghai] .jos-workspace__meta{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1200px){body[data-demo=jos-shanghai] .service-command-grid,body[data-demo=jos-shanghai] .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-demo=jos-shanghai] .jos-login{grid-template-columns:minmax(0,1fr)}body[data-demo=jos-shanghai] .login-page--jos{background:#edf2f4}body[data-demo=jos-shanghai] .jos-login__hero{min-height:auto;padding-bottom:36px}}@media(max-width:960px){body[data-demo=jos-shanghai] .jos-shell{grid-template-columns:1fr}body[data-demo=jos-shanghai] .jos-rail{position:static;height:auto;flex-direction:row;justify-content:space-between;padding:14px 16px}body[data-demo=jos-shanghai] .jos-rail__nav{grid-auto-flow:column;grid-auto-columns:56px;overflow:auto;width:auto}body[data-demo=jos-shanghai] .jos-main{padding:18px 16px 24px}body[data-demo=jos-shanghai] .jos-workspace__meta,body[data-demo=jos-shanghai] .dashboard-layout,body[data-demo=jos-shanghai] .record-grid{grid-template-columns:1fr}body[data-demo=jos-shanghai] .span-3,body[data-demo=jos-shanghai] .span-4,body[data-demo=jos-shanghai] .span-5,body[data-demo=jos-shanghai] .span-6,body[data-demo=jos-shanghai] .span-7,body[data-demo=jos-shanghai] .span-8,body[data-demo=jos-shanghai] .span-12{grid-column:span 1}body[data-demo=jos-shanghai] .jos-login__hero,body[data-demo=jos-shanghai] .jos-login__auth{padding:28px 20px}body[data-demo=jos-shanghai] .jos-login__metrics{grid-template-columns:1fr}}body[data-demo=jos-shanghai] .jos-shell{position:relative;overflow:visible}body[data-demo=jos-shanghai] .jos-rail{overflow:visible;z-index:30}body[data-demo=jos-shanghai] .jos-rail__item-shell{z-index:40}body[data-demo=jos-shanghai] .jos-rail__tooltip{z-index:80}body[data-demo=jos-shanghai] .jos-main{position:relative;z-index:1}body[data-demo=jos-shanghai] .catalog-count,body[data-demo=jos-shanghai] .card,body[data-demo=jos-shanghai] .stat-card,body[data-demo=jos-shanghai] .entity-card,body[data-demo=jos-shanghai] .record-card,body[data-demo=jos-shanghai] .action-card,body[data-demo=jos-shanghai] .mini-metric-card,body[data-demo=jos-shanghai] .update-card,body[data-demo=jos-shanghai] .workflow-card,body[data-demo=jos-shanghai] .governance-card,body[data-demo=jos-shanghai] .editor-section,body[data-demo=jos-shanghai] .builder-outline,body[data-demo=jos-shanghai] .builder-inspector,body[data-demo=jos-shanghai] .builder-preview,body[data-demo=jos-shanghai] .field-outline,body[data-demo=jos-shanghai] .field-inspector,body[data-demo=jos-shanghai] .trim-card,body[data-demo=jos-shanghai] .color-editor-card,body[data-demo=jos-shanghai] .media-card,body[data-demo=jos-shanghai] .document-preview,body[data-demo=jos-shanghai] .static-info-field,body[data-demo=jos-shanghai] .pagination,body[data-demo=jos-shanghai] .miniapp-frame{border-radius:10px}body[data-demo=jos-shanghai] .page-search,body[data-demo=jos-shanghai] .editor-form input,body[data-demo=jos-shanghai] .editor-form textarea,body[data-demo=jos-shanghai] .editor-form select,body[data-demo=jos-shanghai] .property-grid input,body[data-demo=jos-shanghai] .property-grid textarea,body[data-demo=jos-shanghai] .property-grid select,body[data-demo=jos-shanghai] .login-form input,body[data-demo=jos-shanghai] .login-form textarea,body[data-demo=jos-shanghai] .login-form select,body[data-demo=jos-shanghai] .leads-search,body[data-demo=jos-shanghai] .checkbox-field,body[data-demo=jos-shanghai] .section-outline-card,body[data-demo=jos-shanghai] .field-outline-card,body[data-demo=jos-shanghai] .preview-form-field,body[data-demo=jos-shanghai] .miniapp-frame__quick-card,body[data-demo=jos-shanghai] .info-grid__item,body[data-demo=jos-shanghai] .jos-rail__item,body[data-demo=jos-shanghai] .jos-rail__logout,body[data-demo=jos-shanghai] .primary-button,body[data-demo=jos-shanghai] .secondary-button,body[data-demo=jos-shanghai] .ghost-button,body[data-demo=jos-shanghai] .status-pill{border-radius:8px}body[data-demo=jos-shanghai] .jos-workspace,body[data-demo=jos-shanghai] .jos-login__metrics article,body[data-demo=jos-shanghai] .jos-login__highlight-list article,body[data-demo=jos-shanghai] .loading-overlay__panel,body[data-demo=jos-shanghai] .drawer-panel{border-radius:12px}body[data-demo=jos-shanghai] .login-page--jos{height:100vh;overflow:hidden}body[data-demo=jos-shanghai] .jos-login{height:100vh}body[data-demo=jos-shanghai] .jos-login__hero{min-height:100vh}body[data-demo=jos-shanghai] .jos-login__auth{height:100vh;overflow-y:auto}body[data-demo=jos-shanghai] .service-command-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-demo=jos-shanghai] .pagination--jos{justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid rgba(13,32,42,.08);background:transparent}body[data-demo=jos-shanghai] .pagination--jos .pagination__meta{display:grid;gap:2px;align-items:start}body[data-demo=jos-shanghai] .pagination--jos .pagination__meta span,body[data-demo=jos-shanghai] .pagination--jos .pagination__meta small{color:#627983;font-size:.76rem;font-weight:600}body[data-demo=jos-shanghai] .pagination--jos .pagination__meta strong{font-size:1rem;color:var(--jos-ink)}body[data-demo=jos-shanghai] .pagination--jos .pagination__page{min-width:108px;padding:0 10px;text-align:center;font-size:.82rem;color:#45606b}body[data-demo=jos-shanghai] .pagination--jos .pagination__size select{min-width:92px;border-radius:8px}body[data-demo=jos-shanghai] .entity-layout--jos-pages{grid-template-columns:300px minmax(0,1fr)}body[data-demo=jos-shanghai] .entity-layout--jos-asset,body[data-demo=jos-shanghai] .entity-layout--jos-form{grid-template-columns:292px minmax(0,1fr)}body[data-demo=jos-shanghai] .studio-shell--jos{gap:18px}body[data-demo=jos-shanghai] .builder-layout--jos{grid-template-columns:284px minmax(0,1fr);grid-template-areas:"outline inspector" "outline preview";gap:14px}body[data-demo=jos-shanghai] .builder-layout--jos .builder-outline{grid-area:outline;position:sticky;top:18px;max-height:calc(100vh - 140px);overflow:auto}body[data-demo=jos-shanghai] .builder-layout--jos .builder-inspector{grid-area:inspector}body[data-demo=jos-shanghai] .builder-layout--jos .builder-preview{grid-area:preview}body[data-demo=jos-shanghai] .page-actions--compact{gap:8px}body[data-demo=jos-shanghai] .page-actions--compact .icon-button{min-height:34px;padding:0 10px}body[data-demo=jos-shanghai] .editor-shell--jos{grid-template-columns:minmax(0,1fr);gap:16px}body[data-demo=jos-shanghai] .editor-shell--jos .editor-aside{order:-1}body[data-demo=jos-shanghai] .editor-shell--jos-asset .editor-aside{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}body[data-demo=jos-shanghai] .editor-shell--jos-form .editor-aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}body[data-demo=jos-shanghai] .editor-shell--jos .asset-preview-card__image{min-height:180px}body[data-demo=jos-shanghai] .editor-shell--jos .insight-card,body[data-demo=jos-shanghai] .editor-shell--jos .asset-preview-card{height:100%}body[data-demo=jos-shanghai] .miniapp-frame__hero-actions span{border-radius:8px}body[data-demo=jos-shanghai] .status-pill{min-height:24px;padding:0 9px;font-size:.72rem;letter-spacing:.02em}body[data-demo=jos-shanghai] .jos-catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:14px}body[data-demo=jos-shanghai] .jos-catalog-toolbar__actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}body[data-demo=jos-shanghai] .jos-inline-select{display:inline-grid;gap:6px;min-width:140px}body[data-demo=jos-shanghai] .jos-inline-select span{font-size:.76rem;font-weight:700;color:#56707c}body[data-demo=jos-shanghai] .jos-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}body[data-demo=jos-shanghai] .jos-stat-chip,body[data-demo=jos-shanghai] .jos-summary-card{display:grid;gap:6px;padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,#fffffff5,#f6fafcf5);border:1px solid rgba(15,42,56,.08);box-shadow:0 14px 24px #0a1a260f}body[data-demo=jos-shanghai] .jos-stat-chip span,body[data-demo=jos-shanghai] .jos-summary-card span{font-size:.76rem;font-weight:700;color:#6b8490}body[data-demo=jos-shanghai] .jos-stat-chip strong,body[data-demo=jos-shanghai] .jos-summary-card strong{font-size:1.08rem;color:var(--jos-ink)}body[data-demo=jos-shanghai] .jos-ledger-grid,body[data-demo=jos-shanghai] .jos-asset-grid,body[data-demo=jos-shanghai] .jos-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}body[data-demo=jos-shanghai] .jos-ledger-card,body[data-demo=jos-shanghai] .jos-asset-card,body[data-demo=jos-shanghai] .jos-form-card{width:100%;min-height:178px;display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:16px;text-align:left;border-radius:14px;border:1px solid rgba(15,42,56,.1);background:linear-gradient(180deg,#fffffffa,#f4f9fbfa);box-shadow:0 14px 26px #0a1a260d;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}body[data-demo=jos-shanghai] .jos-ledger-card:hover,body[data-demo=jos-shanghai] .jos-asset-card:hover,body[data-demo=jos-shanghai] .jos-form-card:hover,body[data-demo=jos-shanghai] .jos-ledger-card.active,body[data-demo=jos-shanghai] .jos-asset-card.active,body[data-demo=jos-shanghai] .jos-form-card.active{transform:translateY(-2px);border-color:#124d6838;box-shadow:0 20px 34px #0a1a261a}body[data-demo=jos-shanghai] .jos-ledger-card--create,body[data-demo=jos-shanghai] .jos-asset-card--create,body[data-demo=jos-shanghai] .jos-form-card--create{border-style:dashed;background:linear-gradient(180deg,#eef7fbf5,#f8fcfdf5)}body[data-demo=jos-shanghai] .jos-ledger-card__topline,body[data-demo=jos-shanghai] .jos-asset-card__topline,body[data-demo=jos-shanghai] .jos-form-card__topline,body[data-demo=jos-shanghai] .jos-ledger-card__footer{display:flex;align-items:center;justify-content:space-between;gap:10px}body[data-demo=jos-shanghai] .jos-ledger-card__body,body[data-demo=jos-shanghai] .jos-asset-card__body{display:grid;gap:8px;align-content:start}body[data-demo=jos-shanghai] .jos-ledger-card__eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6d8792}body[data-demo=jos-shanghai] .jos-ledger-card__body strong,body[data-demo=jos-shanghai] .jos-asset-card__body strong,body[data-demo=jos-shanghai] .jos-form-card .jos-ledger-card__body strong{font-size:1rem;color:var(--jos-ink)}body[data-demo=jos-shanghai] .jos-ledger-card__body p,body[data-demo=jos-shanghai] .jos-ledger-card__body small,body[data-demo=jos-shanghai] .jos-asset-card__body p,body[data-demo=jos-shanghai] .jos-asset-card__body small,body[data-demo=jos-shanghai] .jos-form-card .jos-ledger-card__body p,body[data-demo=jos-shanghai] .jos-form-card .jos-ledger-card__body small{margin:0;color:#5c737e}body[data-demo=jos-shanghai] .jos-ledger-card__footer{color:#78909a;font-size:.76rem}body[data-demo=jos-shanghai] .jos-workbench-grid{align-items:start}body[data-demo=jos-shanghai] .jos-summary-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-demo=jos-shanghai] .jos-summary-stack--compact{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-demo=jos-shanghai] .jos-association-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body[data-demo=jos-shanghai] .jos-association-panel--stacked{grid-template-columns:1fr}body[data-demo=jos-shanghai] .jos-association-panel__group{display:grid;gap:10px}body[data-demo=jos-shanghai] .jos-association-panel__group h4,body[data-demo=jos-shanghai] .jos-summary-note strong{margin:0;color:var(--jos-ink)}body[data-demo=jos-shanghai] .jos-associated-badges{display:flex;flex-wrap:wrap;gap:8px}body[data-demo=jos-shanghai] .jos-associated-badges span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#124d6817;color:#0f506c;font-size:.76rem;font-weight:700}body[data-demo=jos-shanghai] .jos-empty-copy,body[data-demo=jos-shanghai] .jos-summary-note p{margin:0;color:#607783}body[data-demo=jos-shanghai] .jos-summary-note{display:grid;gap:8px;padding:16px;border-radius:14px;background:#f0f7faeb;border:1px solid rgba(15,42,56,.08)}body[data-demo=jos-shanghai] .jos-asset-card{min-height:236px;padding:0;overflow:hidden}body[data-demo=jos-shanghai] .jos-asset-card__media{min-height:132px;background-size:cover;background-position:center;border-bottom:1px solid rgba(15,42,56,.08)}body[data-demo=jos-shanghai] .jos-asset-card__body{padding:16px}body[data-demo=jos-shanghai] .jos-asset-hero{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:16px;align-items:stretch}body[data-demo=jos-shanghai] .jos-asset-hero__visual{min-height:250px;border-radius:18px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0f2a3814}body[data-demo=jos-shanghai] .jos-asset-hero__meta{display:grid;gap:14px;align-content:start}body[data-demo=jos-shanghai] .jos-asset-hero__meta strong{font-size:1.4rem;color:var(--jos-ink)}body[data-demo=jos-shanghai] .jos-asset-hero__meta p{margin:0;color:#5c737e}body[data-demo=jos-shanghai] .jos-form-card{min-height:168px}body[data-demo=jos-shanghai] .jos-field-pill-list{display:grid;gap:8px;margin-top:12px}body[data-demo=jos-shanghai] .jos-field-pill{display:flex;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border-radius:12px;text-align:left;background:#f3f8faf5;border:1px solid rgba(15,42,56,.08)}body[data-demo=jos-shanghai] .jos-field-pill.active{border-color:#124d6838;background:#e7f2f7f5}body[data-demo=jos-shanghai] .jos-field-pill strong,body[data-demo=jos-shanghai] .jos-field-pill span{margin:0}body[data-demo=jos-shanghai] .jos-field-pill span{color:#66808b;font-size:.8rem}body[data-demo=jos-shanghai] .jos-form-preview-grid{align-items:start}body[data-demo=jos-shanghai] .jos-planning-sheet__meta{display:inline-grid;justify-items:end;gap:6px}body[data-demo=jos-shanghai] .jos-planning-sheet__meta small{color:#6b8490;font-weight:700}body[data-demo=jos-shanghai] .jos-planning-sheet__grid{display:grid;grid-template-columns:minmax(0,1.3fr) 320px;gap:16px;align-items:start}body[data-demo=jos-shanghai] .jos-planning-sheet__aside{display:grid;gap:12px;align-content:start}body[data-demo=jos-shanghai] .jos-builder-shell{display:grid;gap:16px}body[data-demo=jos-shanghai] .jos-builder-track,body[data-demo=jos-shanghai] .jos-preview-board,body[data-demo=jos-shanghai] .jos-builder-sidebar__header,body[data-demo=jos-shanghai] .jos-sidebar-card{padding:18px;border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f5f9fbfa);border:1px solid rgba(15,42,56,.08);box-shadow:0 16px 28px #0a1a260f}body[data-demo=jos-shanghai] .jos-builder-track__items{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,280px);gap:12px;overflow-x:auto;padding-bottom:6px}body[data-demo=jos-shanghai] .jos-builder-node{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;min-height:112px;padding:14px;border-radius:14px;background:linear-gradient(180deg,#f3f8fafa,#fffffffa);border:1px solid rgba(15,42,56,.08);text-align:left}body[data-demo=jos-shanghai] .jos-builder-node.active{border-color:#124d6842;background:linear-gradient(180deg,#e3f1f7fa,#f9fcfdfa)}body[data-demo=jos-shanghai] .jos-builder-node__index{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:#124d681a;color:#0f506c;font-size:.8rem;font-weight:800}body[data-demo=jos-shanghai] .jos-builder-node__copy{display:grid;gap:5px}body[data-demo=jos-shanghai] .jos-builder-node__copy small,body[data-demo=jos-shanghai] .jos-builder-node__copy p{margin:0;color:#64808d}body[data-demo=jos-shanghai] .jos-builder-node__copy strong{color:var(--jos-ink)}body[data-demo=jos-shanghai] .jos-builder-node__action{align-self:start;padding:6px 8px;border-radius:999px;background:#0f2a3814;color:#607783;font-size:.72rem;font-weight:700}body[data-demo=jos-shanghai] .jos-builder-stage{display:grid;grid-template-columns:minmax(0,1.45fr) 360px;gap:16px;align-items:start}body[data-demo=jos-shanghai] .jos-preview-board{display:grid;gap:16px}body[data-demo=jos-shanghai] .jos-preview-board__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}body[data-demo=jos-shanghai] .jos-preview-board__header span,body[data-demo=jos-shanghai] .jos-preview-board__header p{margin:0;color:#67808b}body[data-demo=jos-shanghai] .jos-preview-board__header strong{display:block;margin:4px 0 6px;color:var(--jos-ink)}body[data-demo=jos-shanghai] .jos-preview-board__canvas{display:grid;gap:14px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#edf5f8e6,#f9fcfdfa);border:1px solid rgba(18,77,104,.08)}body[data-demo=jos-shanghai] .jos-preview-hero-card{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;min-height:258px;padding:22px;border-radius:20px;background-size:cover;background-position:center;color:#fff}body[data-demo=jos-shanghai] .jos-preview-hero-card__copy{display:grid;gap:10px;align-content:end}body[data-demo=jos-shanghai] .jos-preview-hero-card__copy span,body[data-demo=jos-shanghai] .jos-preview-hero-card__copy p{margin:0;color:#ffffffc7}body[data-demo=jos-shanghai] .jos-preview-hero-card__copy strong{font-size:1.6rem}body[data-demo=jos-shanghai] .jos-preview-hero-card__stats{display:grid;gap:10px;align-content:end}body[data-demo=jos-shanghai] .jos-preview-hero-card__stats article{display:grid;gap:6px;padding:12px;border-radius:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14)}body[data-demo=jos-shanghai] .jos-preview-hero-card__stats span{font-size:.74rem;color:#ffffffb8}body[data-demo=jos-shanghai] .jos-preview-hero-card__stats strong{font-size:1rem}body[data-demo=jos-shanghai] .jos-preview-board__tags{display:flex;flex-wrap:wrap;gap:8px}body[data-demo=jos-shanghai] .jos-preview-board__tags span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#ffffffd1;border:1px solid rgba(18,77,104,.08);color:#456674;font-size:.76rem;font-weight:700}body[data-demo=jos-shanghai] .jos-preview-home,body[data-demo=jos-shanghai] .jos-preview-detail,body[data-demo=jos-shanghai] .jos-preview-form{display:grid;gap:14px}body[data-demo=jos-shanghai] .jos-preview-shortcuts,body[data-demo=jos-shanghai] .jos-preview-story-grid,body[data-demo=jos-shanghai] .jos-preview-detail__specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body[data-demo=jos-shanghai] .jos-preview-shortcut-card,body[data-demo=jos-shanghai] .jos-preview-story-card,body[data-demo=jos-shanghai] .jos-preview-detail__intro,body[data-demo=jos-shanghai] .jos-preview-detail__specs article,body[data-demo=jos-shanghai] .jos-preview-form__intro{display:grid;gap:8px;padding:16px;border-radius:16px;background:#ffffffeb;border:1px solid rgba(15,42,56,.08)}body[data-demo=jos-shanghai] .jos-preview-story-card.active{border-color:#124d6838;box-shadow:inset 0 0 0 1px #124d681a}body[data-demo=jos-shanghai] .jos-preview-shortcut-card p,body[data-demo=jos-shanghai] .jos-preview-story-card p,body[data-demo=jos-shanghai] .jos-preview-detail__intro p,body[data-demo=jos-shanghai] .jos-preview-detail__specs p,body[data-demo=jos-shanghai] .jos-preview-form__intro p{margin:0;color:#5f7681}body[data-demo=jos-shanghai] .jos-preview-shortcut-card strong,body[data-demo=jos-shanghai] .jos-preview-story-card strong,body[data-demo=jos-shanghai] .jos-preview-detail__intro strong,body[data-demo=jos-shanghai] .jos-preview-detail__specs strong,body[data-demo=jos-shanghai] .jos-preview-form__intro strong{color:var(--jos-ink)}body[data-demo=jos-shanghai] .jos-preview-shortcut-card small,body[data-demo=jos-shanghai] .jos-preview-story-card small,body[data-demo=jos-shanghai] .jos-preview-detail__specs small{color:#6a8490}body[data-demo=jos-shanghai] .jos-preview-vehicle-list{display:grid;gap:10px}body[data-demo=jos-shanghai] .jos-preview-vehicle-card{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:16px;background:#ffffffeb;border:1px solid rgba(15,42,56,.08)}body[data-demo=jos-shanghai] .jos-preview-vehicle-card__visual{height:74px;border-radius:12px;background:linear-gradient(135deg,#124d681f,#124d6805)}body[data-demo=jos-shanghai] .jos-preview-vehicle-card p,body[data-demo=jos-shanghai] .jos-preview-vehicle-card span{margin:0;color:#5d7480}body[data-demo=jos-shanghai] .jos-preview-form__fields{display:grid;gap:10px}body[data-demo=jos-shanghai] .jos-preview-form__fields label{display:grid;gap:8px}body[data-demo=jos-shanghai] .jos-preview-form__fields span{font-size:.78rem;font-weight:700;color:#617986}body[data-demo=jos-shanghai] .jos-preview-form__fields div{min-height:42px;border-radius:12px;background:#ffffffeb;border:1px solid rgba(15,42,56,.08)}body[data-demo=jos-shanghai] .jos-builder-sidebar{position:sticky;top:18px;display:grid;gap:14px}body[data-demo=jos-shanghai] .jos-builder-sidebar__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}body[data-demo=jos-shanghai] .jos-builder-sidebar__header span,body[data-demo=jos-shanghai] .jos-builder-sidebar__header p{margin:0;color:#6d8792}body[data-demo=jos-shanghai] .jos-builder-sidebar__header strong{display:block;margin:4px 0 6px;color:var(--jos-ink)}body[data-demo=jos-shanghai] .jos-builder-sidebar__groups,body[data-demo=jos-shanghai] .jos-sidebar-card{display:grid;gap:14px}body[data-demo=jos-shanghai] .jos-sidebar-card__field{display:grid;gap:8px}body[data-demo=jos-shanghai] .jos-command-deck{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,.75fr));gap:14px;align-items:stretch}body[data-demo=jos-shanghai] .jos-command-hero{display:grid;gap:18px;padding:24px;border-radius:24px;color:#fff;background:linear-gradient(140deg,#0d2431,#134d68 58%,#2f7da0);box-shadow:0 24px 40px #0a1a2629}body[data-demo=jos-shanghai] .jos-command-hero__eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffffffad}body[data-demo=jos-shanghai] .jos-command-hero strong{font-size:1.56rem;line-height:1.2}body[data-demo=jos-shanghai] .jos-command-hero p{margin:0;color:#ffffffd1}body[data-demo=jos-shanghai] .jos-command-ribbon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body[data-demo=jos-shanghai] .jos-command-ribbon__item{display:grid;gap:8px;padding:14px;border-radius:16px;text-align:left;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}body[data-demo=jos-shanghai] .jos-command-ribbon__item span,body[data-demo=jos-shanghai] .jos-command-ribbon__item p{margin:0;color:#ffffffbd}body[data-demo=jos-shanghai] .jos-command-ribbon__item strong{font-size:1.28rem}body[data-demo=jos-shanghai] .jos-command-panel{height:100%}body[data-demo=jos-shanghai] .jos-release-list,body[data-demo=jos-shanghai] .jos-pending-stack,body[data-demo=jos-shanghai] .jos-ranking-list,body[data-demo=jos-shanghai] .jos-log-table,body[data-demo=jos-shanghai] .jos-timeline-list{display:grid;gap:10px}body[data-demo=jos-shanghai] .jos-release-item,body[data-demo=jos-shanghai] .jos-pending-card,body[data-demo=jos-shanghai] .jos-timeline-item,body[data-demo=jos-shanghai] .jos-ranking-card,body[data-demo=jos-shanghai] .jos-log-row,body[data-demo=jos-shanghai] .jos-kpi-chip{width:100%;text-align:left;border-radius:14px;background:#fffffff5;border:1px solid rgba(15,42,56,.08);box-shadow:0 12px 22px #0a1a260d}body[data-demo=jos-shanghai] .jos-release-item,body[data-demo=jos-shanghai] .jos-pending-card{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px}body[data-demo=jos-shanghai] .jos-release-item p,body[data-demo=jos-shanghai] .jos-pending-card span,body[data-demo=jos-shanghai] .jos-pending-card p,body[data-demo=jos-shanghai] .jos-kpi-chip p{margin:0;color:#617885}body[data-demo=jos-shanghai] .jos-kpi-ribbon{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}body[data-demo=jos-shanghai] .jos-kpi-chip{display:grid;gap:8px;padding:15px 16px}body[data-demo=jos-shanghai] .jos-kpi-chip span{font-size:.76rem;font-weight:700;color:#6b8490}body[data-demo=jos-shanghai] .jos-kpi-chip strong{font-size:1.16rem;color:var(--jos-ink)}body[data-demo=jos-shanghai] .jos-dashboard-grid{align-items:start}body[data-demo=jos-shanghai] .jos-trend-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:start}body[data-demo=jos-shanghai] .jos-trend-aside{display:grid;gap:10px}body[data-demo=jos-shanghai] .jos-trend-stat{display:grid;gap:6px;padding:14px;border-radius:14px;background:#f1f7faf0;border:1px solid rgba(15,42,56,.08)}body[data-demo=jos-shanghai] .jos-trend-stat span,body[data-demo=jos-shanghai] .jos-trend-stat small{color:#67808b}body[data-demo=jos-shanghai] .jos-trend-stat strong{font-size:1.12rem;color:var(--jos-ink)}body[data-demo=jos-shanghai] .jos-timeline-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:14px;align-items:start;padding:14px 16px}body[data-demo=jos-shanghai] .jos-timeline-item__marker{width:10px;height:10px;margin-top:6px;border-radius:3px;background:linear-gradient(180deg,#1a6d90,#0f506c)}body[data-demo=jos-shanghai] .jos-timeline-item__body{display:grid;gap:6px}body[data-demo=jos-shanghai] .jos-timeline-item__body span,body[data-demo=jos-shanghai] .jos-timeline-item__body p{margin:0;color:#607783}body[data-demo=jos-shanghai] .jos-ranking-card{display:grid;gap:12px;padding:14px 16px}body[data-demo=jos-shanghai] .jos-ranking-card__meta{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start}body[data-demo=jos-shanghai] .jos-ranking-card__meta>span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:#124d681a;color:#0f506c;font-weight:800}body[data-demo=jos-shanghai] .jos-ranking-card__meta p{margin:4px 0 0;color:#607783}body[data-demo=jos-shanghai] .jos-ranking-card__bar{height:8px;border-radius:999px;background:#124d6814;overflow:hidden}body[data-demo=jos-shanghai] .jos-ranking-card__bar div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#1a6d90,#0f506c)}body[data-demo=jos-shanghai] .jos-log-row{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;gap:16px;align-items:center;padding:14px 16px}body[data-demo=jos-shanghai] .jos-log-row__main{display:grid;gap:6px}body[data-demo=jos-shanghai] .jos-log-row__main span,body[data-demo=jos-shanghai] .jos-log-row__main p,body[data-demo=jos-shanghai] .jos-log-row__time{margin:0;color:#607783}@media(max-width:1200px){body[data-demo=jos-shanghai] .login-page--jos,body[data-demo=jos-shanghai] .jos-login,body[data-demo=jos-shanghai] .jos-login__auth{height:auto}body[data-demo=jos-shanghai] .login-page--jos,body[data-demo=jos-shanghai] .jos-login__auth{overflow:visible}body[data-demo=jos-shanghai] .editor-shell--jos-asset .editor-aside,body[data-demo=jos-shanghai] .editor-shell--jos-form .editor-aside,body[data-demo=jos-shanghai] .builder-layout--jos{grid-template-columns:1fr;grid-template-areas:"outline" "inspector" "preview"}body[data-demo=jos-shanghai] .builder-layout--jos .builder-outline{position:static;max-height:none}}@media(max-width:1380px){body[data-demo=jos-shanghai] .jos-command-deck,body[data-demo=jos-shanghai] .jos-builder-stage,body[data-demo=jos-shanghai] .jos-planning-sheet__grid,body[data-demo=jos-shanghai] .jos-trend-layout{grid-template-columns:1fr}body[data-demo=jos-shanghai] .jos-kpi-ribbon{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-demo=jos-shanghai] .jos-builder-sidebar{position:static}}@media(max-width:1200px){body[data-demo=jos-shanghai] .jos-catalog-toolbar,body[data-demo=jos-shanghai] .jos-stat-strip,body[data-demo=jos-shanghai] .jos-association-panel,body[data-demo=jos-shanghai] .jos-asset-hero,body[data-demo=jos-shanghai] .jos-preview-shortcuts,body[data-demo=jos-shanghai] .jos-preview-story-grid,body[data-demo=jos-shanghai] .jos-preview-detail__specs,body[data-demo=jos-shanghai] .jos-kpi-ribbon,body[data-demo=jos-shanghai] .jos-summary-stack--compact,body[data-demo=jos-shanghai] .jos-workbench-grid{grid-template-columns:1fr}body[data-demo=jos-shanghai] .jos-catalog-toolbar__actions{justify-content:flex-start}body[data-demo=jos-shanghai] .jos-builder-track__items{grid-auto-columns:minmax(220px,1fr)}body[data-demo=jos-shanghai] .jos-preview-hero-card,body[data-demo=jos-shanghai] .jos-log-row{grid-template-columns:1fr}}@media(max-width:720px){body[data-demo=jos-shanghai] .jos-command-ribbon,body[data-demo=jos-shanghai] .jos-ledger-grid,body[data-demo=jos-shanghai] .jos-asset-grid,body[data-demo=jos-shanghai] .jos-form-grid,body[data-demo=jos-shanghai] .jos-preview-vehicle-card,body[data-demo=jos-shanghai] .jos-timeline-item{grid-template-columns:1fr}}