:root{--bg: #ffffff;--fg: #111827;--muted: #6b7280;--panel: rgba(255, 255, 255, .56);--border: rgba(148, 163, 184, .42);--border-subtle: rgba(148, 163, 184, .24);--accent: #1e66ff;--hover: rgba(30, 102, 255, .12);--hover-obj: rgba(30, 102, 255, .22);--zebra: rgba(239, 246, 255, .58);--crm-hover: #e6f0ff;--crm-hover-obj: #edf2ff;--glass-blur: 22px;--glass-saturate: 195%;--glass-border: rgba(255, 255, 255, .66);--glass-border-strong: rgba(255, 255, 255, .86);--glass-shadow: 0 24px 56px rgba(15, 23, 42, .22), 0 6px 18px rgba(15, 23, 42, .16);--glass-shadow-hover: 0 28px 64px rgba(15, 23, 42, .28), 0 10px 24px rgba(15, 23, 42, .2);--surface-ambient-1: rgba(59, 130, 246, .34);--surface-ambient-2: rgba(30, 102, 255, .26);--surface-ambient-3: rgba(14, 165, 233, .22);--surface-glow-1: rgba(64, 168, 255, .26);--surface-glow-2: rgba(130, 214, 255, .18);--surface-line: rgba(139, 194, 255, .16);--surface-grid: rgba(255, 255, 255, .03)}.theme-dark{--bg: #05080f;--fg: #f3f7ff;--muted: #98aac3;--panel: rgba(9, 16, 28, .76);--border: rgba(121, 171, 235, .28);--border-subtle: rgba(121, 171, 235, .18);--accent: #83d7ff;--hover: rgba(110, 179, 255, .16);--hover-obj: rgba(86, 182, 255, .22);--zebra: rgba(10, 17, 30, .72);--glass-border: rgba(117, 170, 237, .28);--glass-border-strong: rgba(165, 205, 255, .44);--glass-shadow: 0 34px 80px rgba(2, 8, 20, .58), 0 10px 28px rgba(2, 8, 20, .46);--glass-shadow-hover: 0 42px 96px rgba(2, 8, 20, .68), 0 18px 34px rgba(2, 8, 20, .52);--surface-ambient-1: rgba(18, 57, 119, .34);--surface-ambient-2: rgba(25, 108, 173, .22);--surface-ambient-3: rgba(36, 85, 152, .18);--surface-glow-1: rgba(64, 168, 255, .26);--surface-glow-2: rgba(130, 214, 255, .18);--surface-line: rgba(139, 194, 255, .16);--surface-grid: rgba(255, 255, 255, .03)}.app-shell[data-surface=command]{--accent: #8ce7ff;--surface-glow-1: rgba(81, 195, 255, .28);--surface-glow-2: rgba(129, 235, 255, .16);--surface-line: rgba(124, 225, 255, .18)}.app-shell[data-surface=graph]{--accent: #99c7ff;--surface-glow-1: rgba(110, 160, 255, .24);--surface-glow-2: rgba(148, 196, 255, .14);--surface-line: rgba(141, 183, 255, .16)}.app-shell[data-surface=execution]{--accent: #b7a4ff;--surface-glow-1: rgba(136, 102, 255, .22);--surface-glow-2: rgba(186, 160, 255, .16);--surface-line: rgba(185, 166, 255, .18)}.app-shell[data-surface=control]{--accent: #ffd089;--surface-glow-1: rgba(255, 176, 74, .22);--surface-glow-2: rgba(255, 215, 140, .14);--surface-line: rgba(255, 214, 141, .16)}.app-shell[data-surface=archive]{--accent: #b9c4d6;--surface-glow-1: rgba(146, 161, 184, .2);--surface-glow-2: rgba(191, 202, 219, .12);--surface-line: rgba(205, 214, 231, .15)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:radial-gradient(46rem 46rem at 10% -8%,var(--surface-ambient-1),transparent 62%),radial-gradient(42rem 42rem at 95% 2%,var(--surface-ambient-2),transparent 66%),radial-gradient(38rem 38rem at 50% 105%,var(--surface-ambient-3),transparent 62%),var(--bg);background-attachment:fixed;color:var(--fg)}.app-shell{min-height:100vh;position:relative;isolation:isolate;background:linear-gradient(180deg,#040810a8,#040810e6),radial-gradient(46rem 46rem at 10% -8%,var(--surface-glow-1),transparent 62%),radial-gradient(42rem 42rem at 95% 2%,var(--surface-glow-2),transparent 66%),var(--bg)}.app-shell:before,.app-shell:after{content:"";position:fixed;pointer-events:none;border-radius:999px;filter:blur(86px);opacity:.7;z-index:-1}.app-shell:before{width:min(54vw,540px);height:min(54vw,540px);top:-180px;left:-120px;background:radial-gradient(circle at 30% 30%,var(--surface-glow-1),transparent 72%)}.app-shell:after{width:min(48vw,480px);height:min(48vw,480px);right:-120px;bottom:-180px;background:radial-gradient(circle at 65% 60%,var(--surface-glow-2),transparent 72%)}.app-main{min-height:100vh;position:relative;z-index:1;overflow-x:hidden;display:grid;align-content:start;gap:16px}.app-main:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:linear-gradient(var(--surface-grid) 1px,transparent 1px),linear-gradient(90deg,var(--surface-grid) 1px,transparent 1px),linear-gradient(transparent calc(100% - 1px),var(--surface-line)),linear-gradient(90deg,transparent calc(100% - 1px),var(--surface-line));background-size:28px 28px,28px 28px,240px 240px,240px 240px;-webkit-mask-image:radial-gradient(circle at 50% 20%,rgba(0,0,0,.75),transparent 82%);mask-image:radial-gradient(circle at 50% 20%,rgba(0,0,0,.75),transparent 82%)}.app-main-mobile{padding-bottom:24px}.crm-page{display:grid;gap:18px;animation:page-fade-in .24s ease-out}.crm-settings-page{width:min(100%,1248px);margin-inline:auto}.crm-settings-page>*{min-width:0}.crm-settings-page section{width:100%}.crm-settings-page th,.crm-settings-page td{overflow-wrap:anywhere}.crm-settings-page .settings-card{border:1px solid var(--glass-border);border-radius:16px;padding:14px;background:linear-gradient(145deg,#ffffff3d,#ffffff14 44%,#ffffff0a),var(--panel);box-shadow:var(--glass-shadow),inset 0 1px #ffffff47,inset 0 -1px #ffffff0d;backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur))}.crm-settings-page .settings-accordion-summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;list-style:none;flex-wrap:wrap}.crm-settings-page .settings-accordion summary::-webkit-details-marker{display:none}.crm-settings-page .settings-accordion-body{margin-top:12px;display:grid;gap:12px}.crm-settings-page .settings-vertical-list{display:grid;grid-template-columns:1fr;gap:8px;max-height:260px;overflow-y:auto;padding-right:6px}.backend-registry{display:grid;gap:18px;padding:18px 18px 20px!important}.backend-registry-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.backend-registry-copy{display:grid;gap:8px;max-width:780px}.backend-registry-title{margin:0;font-size:clamp(1.2rem,1.2vw,1.5rem);line-height:1.1}.backend-registry-description{color:var(--muted);font-size:13px;line-height:1.6}.backend-registry-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start}.backend-registry .backend-provider-card{display:grid;gap:14px;padding:16px}.backend-provider-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.backend-provider-copy{display:grid;gap:5px;min-width:0}.backend-provider-title{font-size:15px;font-weight:700;line-height:1.28}.backend-provider-identity{font-size:12px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}.backend-provider-description{font-size:13px;line-height:1.6;color:#e7eefaf0}.backend-pill-row{display:flex;gap:8px;flex-wrap:wrap}.backend-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 11px;border-radius:999px;border:1px solid var(--border);font-size:11px;font-weight:700;line-height:1.2;box-shadow:inset 0 1px #ffffff14}.backend-pill--muted{background:#0f172ac7;color:#f8fbff;border-color:#60a5fa33}.backend-pill--soft{background:#1e40af5c;color:#eff6ff;border-color:#7dd3fc47}.backend-subpanel{display:grid;gap:10px;padding:14px;border-radius:14px;border:1px solid var(--border)}.backend-subpanel--panel{background:var(--panel)}.backend-subpanel--bg{background:var(--bg)}.backend-detail-grid{font-size:12px;color:var(--muted);display:grid;gap:5px;line-height:1.55}.backend-code-block{display:block;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#070c1680;color:var(--fg);font-size:11px;line-height:1.5;word-break:break-word}.backend-actions{display:flex;gap:10px;flex-wrap:wrap}.backend-actions>button,.backend-actions>a,.backend-registry .backend-inline-button{min-height:36px;padding:8px 12px!important;border-radius:10px!important;font-size:12px!important;font-weight:700}.backend-registry .backend-list{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--muted);font-size:12px;line-height:1.55}.backend-registry .backend-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}.backend-registry .backend-status-pill{border-radius:999px;min-height:28px;padding:5px 11px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:inset 0 1px #ffffff14}.backend-registry .backend-provider-card code,.backend-registry .backend-provider-card strong{overflow-wrap:anywhere}@keyframes page-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.glass-panel,.crm-sidebar,.mobile-topbar,.crm-table-wrap,.crm-modal,.crm-login-card,.crm-whiteboard-page section,.crm-settings-page section,.crm-record-page section,.crm-record-page aside>div,.crm-invoices-page section,.crm-invoices-page>div:first-child,.crm-archives-page>div:first-child{border:1px solid var(--glass-border)!important;background:linear-gradient(145deg,#ffffff17,#ffffff08 42%,#ffffff05),var(--panel)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff14,inset 0 -1px #ffffff08;backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(var(--glass-blur))}.crm-table-wrap{overflow:auto;border-radius:16px}.crm-table-wrap thead th{background:linear-gradient(150deg,#ffffff17,#ffffff05),#070c16c7!important;border-color:var(--glass-border)!important;backdrop-filter:saturate(var(--glass-saturate)) blur(calc(var(--glass-blur) * 1.1));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(calc(var(--glass-blur) * 1.1));font-size:11px;letter-spacing:.12em;text-transform:uppercase}.crm-modal-backdrop{background:#0206178f!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.crm-modal{width:min(92vw,760px)!important;max-height:84vh!important;border-radius:16px!important}.theme-dark :where(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--glass-border-strong)!important;background:#070c16ad!important;color:var(--fg)!important;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #02061742;backdrop-filter:saturate(var(--glass-saturate)) blur(calc(var(--glass-blur) * .9));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(calc(var(--glass-blur) * .9))}.theme-dark :where(input,select,textarea)::placeholder{color:#dce7f8b8}.theme-dark :where(button,a,input,select,textarea,.glass-panel,section,aside>div,details,summary,th,td){transition:background-color .28s cubic-bezier(.2,.8,.2,1),border-color .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s cubic-bezier(.2,.8,.2,1),transform .28s cubic-bezier(.2,.8,.2,1),color .28s cubic-bezier(.2,.8,.2,1)}.theme-dark button{backdrop-filter:saturate(var(--glass-saturate)) blur(calc(var(--glass-blur) * .55));-webkit-backdrop-filter:saturate(var(--glass-saturate)) blur(calc(var(--glass-blur) * .55))}.theme-dark button:hover,.theme-dark .glass-panel:hover,.theme-dark section:hover,.theme-dark aside>div:hover{box-shadow:var(--glass-shadow-hover)}.theme-dark button:hover{filter:brightness(1.06);transform:translateY(-1px)}.theme-dark button:active{transform:translateY(0)}tr[data-clickable=row],td[data-clickable=cell]{transition:background-color .22s cubic-bezier(.2,.8,.2,1)}tr[data-clickable=row]:hover,td[data-clickable=cell]:hover{background:var(--hover-obj)!important}tr[data-zebra=even]:hover,tr[data-zebra=odd]:hover{background:var(--hover)!important}nav a:hover{background:var(--hover-obj)}.surface-topbar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:14px;padding:18px;border-radius:20px}.surface-topbar-copy{display:grid;gap:6px}.surface-topbar-eyebrow,.platform-kicker,.sidebar-section-label,.surface-chip-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.surface-topbar-title{margin:0;font-size:clamp(1.75rem,2vw,2.35rem);line-height:1.04}.surface-topbar-description{margin:0;max-width:760px;color:var(--muted)}.surface-topbar-meta{display:grid;gap:10px}.surface-chip,.platform-metric-card{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);padding:14px}.surface-chip strong{display:block;margin-top:6px;font-size:14px}.platform-hero-panel{position:relative;overflow:hidden}.platform-hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(transparent calc(100% - 1px),var(--surface-line)),linear-gradient(90deg,transparent calc(100% - 1px),var(--surface-line));background-size:180px 180px,180px 180px;opacity:.22}.platform-metric-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.platform-metric-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.platform-metric-value{margin-top:10px;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1;font-weight:700}.platform-metric-note,.sidebar-section-summary{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.45}.platform-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.platform-primary-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.platform-primary-card{display:grid;gap:10px;padding:14px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0a,#ffffff04)}.platform-primary-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.platform-editable{display:grid;gap:8px}.platform-editable--card{min-height:56px}.platform-inline-status{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#ffffff08}.platform-inline-status[data-state=saving]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.platform-inline-status[data-state=saved]{color:#8cf0b6;border-color:#56d69159}.platform-inline-status[data-state=error]{color:#ffb4b4;border-color:#f871716b}.platform-create-steps{display:flex;gap:8px;flex-wrap:wrap}.platform-create-step{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:12px}.platform-create-step.is-active{color:var(--fg);border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.crm-sidebar{background:linear-gradient(180deg,#ffffff0f,#ffffff04),#060c16db!important}.sidebar-group{padding-bottom:4px}.sidebar-surface-link,.sidebar-object-link,.sidebar-subroute-link{display:grid;gap:3px;padding:9px 10px;color:var(--fg);text-decoration:none;border-radius:12px;border:1px solid transparent}.sidebar-surface-link small,.sidebar-object-link small{color:var(--muted);font-size:11px;line-height:1.35}.sidebar-surface-link[data-active=true],.sidebar-object-link[data-active=true],.sidebar-subroute-link[data-active=true]{border-color:var(--border);background:#ffffff0a;color:var(--accent)}.sidebar-subroute-link{margin-left:12px;font-size:13px;color:var(--muted)}.sidebar-subroute-link[data-alert=true]{color:#ffb4b4}.crm-list-page tbody td{vertical-align:top}.crm-list-page tbody td,.crm-list-page thead th{min-width:120px}.crm-record-page,.crm-whiteboard-page,.crm-orchestration-page{position:relative}.crm-record-page section,.crm-whiteboard-page section,.crm-orchestration-page section{border-radius:16px!important}.mobile-topbar,.mobile-nav-backdrop{display:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-panel,.crm-sidebar,.mobile-topbar,.crm-table-wrap,.crm-modal,.crm-login-card,.crm-whiteboard-page section,.crm-settings-page section,.crm-record-page section,.crm-record-page aside>div,.crm-invoices-page section,.crm-invoices-page>div:first-child,.crm-archives-page>div:first-child{background:#111418d6!important}}@media (max-width: 960px){.mobile-topbar{display:flex;position:fixed;top:0;left:0;right:0;z-index:31;height:56px;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--glass-border)}.mobile-menu-btn{border:1px solid var(--glass-border);background:#070c1685;color:var(--fg);border-radius:9px;padding:7px 10px;font-size:12px;font-weight:600;cursor:pointer;min-width:64px}.mobile-route-label{color:var(--fg);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;padding:0;margin:0;background:#00000085;z-index:30;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.surface-topbar,.platform-metric-grid{grid-template-columns:1fr}}
