.logo{display:inline-flex;align-items:center;gap:8px;min-width:0}.logo-mark{display:block;flex:0 0 auto;border-radius:8px}.logo-word{font-size:14px;font-weight:600;letter-spacing:-.015em;white-space:nowrap}.logo-onDark .logo-word{color:#fff}.logo-onDark .logo-word-accent{color:#4fd6a6}.logo-onLight .logo-word{color:var(--ink)}.logo-onLight .logo-word-accent{color:var(--accent)}.sidenav-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45}.sidenav-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);animation:sidenav-fade .16s ease}.sidenav{position:absolute;top:0;left:0;height:100%;width:min(300px,88vw);display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);animation:sidenav-slide .18s ease}@keyframes sidenav-fade{0%{opacity:0}to{opacity:1}}@keyframes sidenav-slide{0%{transform:translate(-14px);opacity:.5}to{transform:translate(0);opacity:1}}.sidenav-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line)}.sidenav-scroll{flex:1 1 auto;overflow-y:auto;padding:12px 10px 18px}.sidenav-section{margin:8px 6px 6px;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}.sidenav-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:2px}.sidenav-link{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:8px;border:1px solid transparent;color:var(--ink);text-decoration:none}.sidenav-link:hover{background:var(--surface-2)}.sidenav-link.is-active{background:var(--soft);border-color:var(--soft-border)}.sidenav-icon{display:flex;color:var(--ink2);flex:0 0 auto}.sidenav-link.is-active .sidenav-icon{color:var(--accent)}.sidenav-text{display:flex;flex-direction:column;min-width:0}.sidenav-label{font-size:12.5px;font-weight:500}.sidenav-link.is-active .sidenav-label{color:var(--accent-ink)}.sidenav-hint{font-size:10.5px;color:var(--ink3)}.theme-block{margin-top:14px}.theme-toggle{display:flex;gap:6px;padding:0 6px}.theme-toggle button{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink2);font:inherit;font-size:12px;cursor:pointer}.theme-toggle button:hover{background:var(--surface-2)}.theme-toggle button.is-selected{background:var(--soft);border-color:var(--soft-border);color:var(--accent-ink);font-weight:600}.sidenav-foot{border-top:1px solid var(--line);padding:12px 14px}.sidenav-user{display:flex;align-items:center;gap:9px;margin-bottom:10px;min-width:0}.sidenav-user-text{display:flex;flex-direction:column;min-width:0}.sidenav-user-name{font-size:12.5px;font-weight:600}.sidenav-user-email{font-size:11px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis}.sidenav-signout{width:100%}@media (prefers-reduced-motion: reduce){.sidenav-overlay,.sidenav{animation:none}}.sidenav-count{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d72c0d;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.alerts{position:relative}.alerts-button{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff0d;color:#e8f0ec;font:inherit;font-size:11.5px;padding:4px 10px;cursor:pointer}.alerts-button:hover{background:#ffffff1a;border-color:#ffffff47}.alerts-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#d72c0d;color:#fff;font-size:9.5px;font-weight:700}.alerts-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:min(360px,92vw);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.alerts-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid var(--line)}.alerts-head h2{font-size:13px}.alerts-head p{margin:2px 0 0;font-size:11px}.alerts-list{list-style:none;margin:0;padding:4px;max-height:380px;overflow-y:auto}.alert-item{display:flex;gap:9px;width:100%;border:0;border-radius:9px;background:none;padding:9px 10px;font:inherit;text-align:left;cursor:pointer}.alert-item:hover{background:var(--surface-2)}.alert-item.is-unread{background:var(--soft)}.alert-item.is-unread:hover{background:var(--soft-hover)}.alert-dot{flex:0 0 auto;width:7px;height:7px;margin-top:5px;border-radius:50%}.alert-positive{background:var(--accent)}.alert-warning{background:#b98900}.alert-info{background:var(--series-2)}.alert-body{display:flex;flex-direction:column;gap:2px;min-width:0}.alert-title{font-size:12.5px;font-weight:600}.alert-text{font-size:11.5px;color:var(--ink2);line-height:1.45}.alert-time{font-size:10.5px;color:var(--ink3)}@media (max-width: 560px){.alerts-label{display:none}}.alerts-head-actions{display:flex;gap:6px;flex-shrink:0}.topbar{position:sticky;top:0;z-index:20;background:var(--bar);color:#e8f0ec}.topbar-inner{display:flex;align-items:center;gap:12px;max-width:1560px;margin:0 auto;padding:0 16px;min-height:52px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;flex:0 0 auto}.menu-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0a;color:#e8f0ec;cursor:pointer}.menu-button:hover{background:#ffffff1a;border-color:#ffffff4d}.tabs{display:flex;align-items:center;gap:2px;flex:1 1 auto;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:6px 10px;border-radius:7px;color:#a9beb5;font-size:12.5px;text-decoration:none;white-space:nowrap}.tab:hover{color:#fff;background:#ffffff0f}.tab.is-active{color:#fff;background:#00806057;box-shadow:inset 0 0 0 1px #008060b3}.store{display:flex;align-items:center;gap:10px;flex:0 0 auto;font-size:12px;color:#a9beb5}.store-name{color:#e8f0ec}.store-currency{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:1px 7px;font-size:11px}@media (max-width: 1080px){.tabs{display:none}.store{margin-left:auto}}@media (max-width: 820px){.topbar-inner{padding-block:8px;gap:8px}.store-name{display:none}}.user-menu{position:relative;margin-left:4px}.user-button{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff0d;color:#e8f0ec;font:inherit;font-size:11.5px;padding:3px 9px 3px 3px;cursor:pointer}.user-button:hover{background:#ffffff1a;border-color:#ffffff47}.avatar{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.02em}.user-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:216px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.user-popover-name{margin:0 0 2px;font-size:12.5px;font-weight:600}.user-popover-meta{margin:0 0 2px;font-size:11px;color:var(--ink2)}.user-popover .btn{width:100%;margin-top:10px}@media (max-width: 560px){.user-name{display:none}}.login{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;background:var(--paper)}.login-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:40px 44px;background:var(--bar);color:#e8f0ec;isolation:isolate}.brand-glow,.brand-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.brand-glow{background:radial-gradient(52% 44% at 18% 14%,rgba(0,160,111,.4),transparent 70%),radial-gradient(46% 42% at 86% 82%,rgba(44,110,203,.34),transparent 72%),radial-gradient(40% 38% at 62% 32%,rgba(123,91,201,.2),transparent 70%);animation:drift 18s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}.brand-grid{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(75% 65% at 40% 40%,#000 35%,transparent 100%);-webkit-mask-image:radial-gradient(75% 65% at 40% 40%,#000 35%,transparent 100%)}.brand-top{display:flex;align-items:center;gap:9px}.brand-copy h1{font-size:clamp(26px,3vw,38px);line-height:1.18;letter-spacing:-.025em;color:#fff;font-weight:600}.brand-copy p{margin:14px 0 0;max-width:44ch;font-size:13.5px;line-height:1.6;color:#a9beb5}.brand-panel{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px 16px 12px;overflow:hidden}.brand-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:12px}.stat-label{margin:0;font-size:10.5px;color:#93a9a0}.stat-value{margin:3px 0 0;font-size:21px;font-weight:600;color:#fff;letter-spacing:-.02em}.stat-change{margin:3px 0 0;font-size:10.5px}.stat-change.is-up{color:#52d6a4}.stat-change.is-down{color:#f08a7e}.spark{display:block;width:100%;height:92px}.spark-line{stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 2.4s ease-out .25s forwards}.spark-area{opacity:0;animation:fade-in 1.4s ease-out 1.4s forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade-in{to{opacity:1}}.brand-caption{margin:6px 0 0;font-size:10.5px;color:#93a9a0}.brand-foot{font-size:11px;color:#7d9289}.login-form-side{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px;background:radial-gradient(70% 50% at 50% 0%,rgba(0,128,96,.06),transparent 70%),var(--paper)}.login-foot{position:absolute;left:0;right:0;bottom:18px;text-align:center;font-size:10.5px;color:var(--ink3)}.login-card{width:min(400px,100%)}.login-card-head h2{font-size:22px;letter-spacing:-.02em}.login-card-head p{margin:6px 0 20px;font-size:13px}.login-field{margin-bottom:14px}.login-field .field{padding:9px 11px;font-size:13px}.label-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.link-button{border:0;background:none;padding:0;margin-bottom:5px;font:inherit;font-size:11.5px;color:var(--accent);cursor:pointer}.link-button:hover{text-decoration:underline}.password-wrap{position:relative}.password-wrap .field{padding-right:62px}.password-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);border:0;border-radius:6px;background:none;padding:4px 7px;font:inherit;font-size:11.5px;color:var(--ink2);cursor:pointer}.password-toggle:hover{background:var(--soft);color:#08694f}.field-error{margin:5px 0 0;font-size:11.5px;color:var(--negative)}.field-hint{margin:5px 0 0;font-size:11.5px;color:#7a5b00}.remember{display:flex;align-items:center;gap:8px;margin:4px 0 18px;font-size:12.5px;color:var(--ink2);cursor:pointer}.remember input{width:15px;height:15px;accent-color:var(--accent)}.login-submit{width:100%;padding:10px 14px;font-size:13.5px}.spinner{width:13px;height:13px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-error{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px;padding:9px 11px;border:1px solid #E4B4AE;border-radius:8px;background:#fdecea;color:var(--negative);font-size:12.5px}.login-error span:first-child{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;border-radius:50%;background:var(--negative);color:#fff;font-size:11px;font-weight:700}.demo-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:11px 13px;border:1px dashed var(--line);border-radius:10px;background:var(--surface)}.demo-title{margin:0 0 3px;font-size:11px;font-weight:600;color:var(--ink2)}.demo-line{margin:0;font-family:var(--font-mono);font-size:11.5px;color:var(--ink)}@media (max-width: 980px){.login{grid-template-columns:minmax(0,1fr)}.login-brand{padding:26px 24px 30px;gap:20px}.brand-copy h1{font-size:24px}.brand-copy p{font-size:12.5px}.login-form-side{padding:28px 22px 44px}}@media (max-width: 560px){.brand-panel{display:none}}@media (prefers-reduced-motion: reduce){.brand-glow,.spark-line,.spark-area,.spinner{animation:none}.spark-line{stroke-dashoffset:0}.spark-area{opacity:1}}.page-header{margin-bottom:16px}.page-header h1{font-size:20px;font-weight:600}.page-blurb{margin:4px 0 0;color:var(--ink2);font-size:13px;max-width:78ch}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:2px 9px;font-size:11px;color:var(--ink2)}.chip-sample{background:var(--soft);border-color:var(--soft-border);color:var(--accent-ink)}.chip-schema{font-family:var(--font-mono);font-size:10.5px;color:var(--ink)}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header-text{min-width:0}.page-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.date-picker{position:relative}.date-trigger{align-items:center;gap:8px;padding:5px 11px}.date-trigger-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.date-trigger-label{font-size:12.5px;font-weight:600}.date-trigger-dates{font-size:10.5px;color:var(--ink2);font-variant-numeric:tabular-nums}.date-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:min(660px,92vw);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.date-panel-body{display:grid;grid-template-columns:148px minmax(0,1fr)}.dp-presets{display:grid;align-content:start;gap:2px;padding:10px 8px;border-right:1px solid var(--line);background:var(--surface-2)}.dp-presets button{border:1px solid transparent;border-radius:7px;background:none;color:var(--ink);font:inherit;font-size:12px;padding:6px 9px;text-align:left;cursor:pointer}.dp-presets button:hover{background:var(--surface)}.dp-presets button.is-selected{background:var(--soft);border-color:var(--soft-border);color:var(--accent-ink);font-weight:600}.dp-calendar{padding:10px 12px 4px;min-width:0}.dp-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.dp-hint{margin:0;font-size:11px;color:var(--ink3)}.dp-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dp-month-name{margin:0 0 6px;font-size:12px;font-weight:600;text-align:center}.dp-weekdays,.dp-grid{display:grid;grid-template-columns:repeat(7,1fr)}.dp-weekdays span{text-align:center;font-size:10px;color:var(--ink3);padding-bottom:3px}.dp-grid{gap:1px 0}.dp-cell{position:relative;height:27px;border:0;background:none;color:var(--ink);font:inherit;font-size:11.5px;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:7px}.dp-cell.is-empty{cursor:default}.dp-cell:hover:not(.is-disabled):not(.is-empty){background:var(--surface-2)}.dp-cell.is-in-range{background:var(--soft);border-radius:0;color:var(--accent-ink)}.dp-cell.is-start,.dp-cell.is-end{background:var(--accent);color:#fff;font-weight:600}.dp-cell.is-start{border-radius:7px 0 0 7px}.dp-cell.is-end{border-radius:0 7px 7px 0}.dp-cell.is-start.is-end{border-radius:7px}.dp-cell.is-disabled{color:var(--ink3);opacity:.4;cursor:not-allowed}.dp-summary{border-top:1px solid var(--line);padding:10px 12px;display:grid;gap:8px}.dp-summary-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.dp-swatch{width:9px;height:9px;border-radius:3px;flex:0 0 auto}.dp-swatch.is-primary{background:var(--accent)}.dp-swatch.is-compare{background:var(--ink3)}.dp-summary-label{font-weight:600}.dp-compare-label{color:var(--ink2)}.dp-summary-row .dp-compare-select{width:auto;min-width:152px;padding:3px 8px;font-size:11.5px}.dp-summary-dates{margin-left:auto;color:var(--ink2);font-size:11.5px}.dp-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--line);background:var(--surface-2)}@media (max-width: 720px){.date-panel{width:min(360px,94vw)}.date-panel-body{grid-template-columns:minmax(0,1fr)}.dp-presets{grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--line)}.dp-months{grid-template-columns:minmax(0,1fr)}.dp-months>.dp-month:last-child{display:none}.dp-summary-dates{margin-left:0;width:100%}}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);animation:drawer-fade .16s ease}.drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(420px,100%);display:flex;flex-direction:column;background:var(--paper);border-left:1px solid var(--line);animation:drawer-slide .18s ease}.drawer-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 10px;background:var(--surface);border-bottom:1px solid var(--line)}.drawer-panel-head h2{font-size:14px}.drawer-panel-head p{margin:3px 0 0;font-size:11.5px;max-width:40ch}.drawer-scroll{flex:1 1 auto;overflow-y:auto;padding:14px 16px 28px}@keyframes drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes drawer-slide{0%{transform:translate(16px);opacity:.4}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.drawer-overlay,.drawer-panel{animation:none}}.filters-drawer{width:min(400px,100%)}.filter-group{padding:12px 0;border-bottom:1px solid var(--line)}.filter-group:last-of-type{border-bottom:0}.filter-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.filter-group-head h3{font-size:12.5px}.filter-group-head code{font-family:var(--font-mono);font-size:10px;color:var(--ink3)}.filter-options{display:flex;flex-wrap:wrap;gap:6px}.filter-option{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink2);font:inherit;font-size:11.5px;padding:4px 11px;cursor:pointer}.filter-option:hover{border-color:var(--line-strong);background:var(--surface-2)}.filter-option.is-selected{border-color:var(--accent);background:var(--soft);color:var(--accent-ink);font-weight:600}.filter-schemas{margin:7px 0 0;font-size:10.5px;color:var(--ink3)}.filters-drawer-foot{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface)}.filters-drawer-foot .btn{flex:1 1 0}.filter-controls{display:flex;align-items:stretch;gap:8px}.filter-controls>.btn-sm{align-self:center}.filter-icon-button{position:relative;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;color:var(--ink2)}.spinner-ink{border-color:var(--line);border-top-color:var(--accent)}.filter-icon-button:hover{color:var(--ink)}.filter-icon-button.is-active{border-color:var(--accent);background:var(--soft);color:var(--accent-ink)}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:5px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:700}.filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.filter-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--soft-border);border-radius:999px;background:var(--soft);color:var(--accent-ink);font:inherit;font-size:11.5px;padding:3px 10px;cursor:pointer}.filter-chip:hover{background:var(--soft-hover)}.filter-chip-label{color:var(--ink3);font-size:10px}.filter-chip.is-clear{background:var(--surface);border-color:var(--line);color:var(--ink2)}@media (max-width: 620px){.filter-controls{width:100%}.filter-controls .date-picker{flex:1 1 auto}.filter-controls .date-trigger{width:100%;justify-content:flex-start}}.section{margin-bottom:24px}.section-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.section-head h2{font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap}.section-rule{flex:1 1 auto;height:1px;background:var(--line)}.section-note{color:var(--ink3);font-family:var(--font-mono);font-size:10.5px;white-space:nowrap}@media (max-width: 560px){.section-note{display:none}}.drawer{margin-top:auto;border-top:1px solid var(--line);padding-top:8px}.drawer>summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;color:var(--ink2);font-size:11px;-webkit-user-select:none;user-select:none}.drawer>summary::-webkit-details-marker{display:none}.drawer>summary:hover{color:var(--accent)}.drawer-chevron{width:0;height:0;border-left:4px solid currentColor;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;transition:transform .15s ease}.drawer[open] .drawer-chevron{transform:rotate(90deg)}.drawer-body{margin-top:8px}.drawer-query{margin:0;padding:10px;border-radius:8px;background:var(--bar);color:#c9e7db;font-family:var(--font-mono);font-size:11px;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:180px;overflow:auto}.drawer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.drawer-actions button,.drawer-actions a{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:11px;padding:5px 10px;cursor:pointer;text-decoration:none}.drawer-actions button:hover,.drawer-actions a:hover{border-color:var(--accent);color:var(--accent);background:var(--soft)}@media (prefers-reduced-motion: reduce){.drawer-chevron{transition:none}}.drawer-note{margin:7px 0 0;font-size:10.5px;line-height:1.5;color:var(--ink3)}.window-pill{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;border:1px solid var(--soft-border);border-radius:999px;background:var(--soft);color:var(--accent-ink);font-size:10px;font-weight:600;padding:1px 7px;white-space:nowrap}.window-pill-count{color:var(--accent);font-weight:700}.tile{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;min-width:0}.tile-head-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.tile-head h3{font-size:13px;font-weight:600;color:var(--ink)}.tile-note{margin:2px 0 0;color:var(--ink2);font-size:11.5px}.tile-body{min-width:0}.tile-skeleton{display:flex}.tile-skeleton .skeleton{flex:1}.tile-error{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px dashed var(--line);border-radius:8px;background:var(--danger-soft);color:var(--negative);font-size:12px}.tile-error ul{margin:0;padding-left:16px;color:var(--ink2)}.tile-error code{font-family:var(--font-mono);font-size:11px}.tile-scroll{overflow-x:auto}.chart{width:100%;min-width:0}.chart-error{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px;border:1px dashed var(--line);border-radius:8px;background:var(--danger-soft);color:var(--negative);font-size:12px}.chart-error span{color:var(--ink2);font-family:var(--font-mono);font-size:11px;word-break:break-word}.kpi{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;min-width:0}.kpi-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-label{margin:0;color:var(--ink2);font-size:11.5px}.kpi-value{margin:2px 0 0;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.kpi-skeleton{display:flex;flex-direction:column;gap:6px;padding:4px 0 8px}.kpi-delta-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:4px}.kpi-delta{display:inline-flex;align-items:center;gap:3px;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.kpi-delta.is-good{background:var(--soft);color:var(--accent-ink)}.kpi-delta.is-bad{background:var(--danger-soft);color:var(--negative)}.kpi-delta.is-flat{background:var(--surface-2);color:var(--ink2)}.kpi-previous{color:var(--ink3);font-size:11px}.kpi-context{margin:4px 0 0;color:var(--ink2);font-size:11px}.kpi-error{margin:6px 0;color:var(--negative);font-size:12px}.kpi-spark{margin-top:6px;margin-bottom:8px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{padding:7px 10px;border-bottom:1px solid var(--line);white-space:nowrap;text-align:left}.data-table thead th{position:sticky;top:0;z-index:1;background:var(--surface-2);color:var(--ink2);font-weight:600;font-size:11px}.data-table td.right,.data-table th.right{text-align:right}.data-table td.num,.data-table th.num{font-variant-numeric:tabular-nums}.data-table tbody tr:hover td{background:var(--surface-2)}.data-table tfoot th,.data-table tfoot td{position:sticky;bottom:0;background:var(--soft);border-top:1px solid var(--line);border-bottom:none;font-weight:600}.data-table td.negative{color:var(--negative)}.ranked-list{list-style:none;margin:0;padding:0;display:grid;gap:9px;overflow-y:auto;max-height:100%}.ranked-list li{display:flex;align-items:flex-start;gap:9px}.rank-index{flex:0 0 auto;width:17px;height:17px;margin-top:1px;border-radius:5px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink2);font-size:10px;display:flex;align-items:center;justify-content:center}.rank-body{flex:1 1 auto;min-width:0}.rank-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.rank-label{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-value{flex:0 0 auto;font-size:12px;font-weight:600}.rank-secondary{margin-left:6px;font-weight:400;font-size:11px;color:var(--ink3)}.rank-track{display:block;height:5px;margin-top:5px;border-radius:3px;background:var(--surface-2);overflow:hidden}.rank-bar{display:block;height:100%;border-radius:3px;background:var(--accent)}.rfm-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.rfm-card{border:1px solid var(--line);border-radius:9px;padding:10px;background:linear-gradient(0deg,color-mix(in srgb,var(--accent) calc(var(--tint) * 100%),transparent),color-mix(in srgb,var(--accent) calc(var(--tint) * 100%),transparent)),var(--surface);min-width:0}.rfm-card header{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.rfm-card h4{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rfm-share{flex:0 0 auto;font-size:10.5px;color:var(--ink2)}.rfm-count{margin:4px 0 8px;font-size:20px;font-weight:600;letter-spacing:-.02em}.rfm-facts{margin:0;display:grid;gap:3px}.rfm-facts>div{display:flex;justify-content:space-between;gap:6px;font-size:10.5px}.rfm-facts dt{color:var(--ink2)}.rfm-facts dd{margin:0;font-weight:600}@media (max-width: 1180px){.rfm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.rfm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboards-table td{white-space:nowrap;vertical-align:middle}.dashboards-table tr.is-busy{opacity:.5}.sort-button{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;font:inherit;font-weight:600;font-size:11px;color:var(--ink2);cursor:pointer}.sort-button:hover{color:var(--accent)}.sort-caret{font-size:8px;color:var(--ink3)}.sort-caret.is-active{color:var(--accent)}.dashboard-name{font-weight:600;color:var(--ink);text-decoration:none}.dashboard-name:hover{color:var(--accent);text-decoration:underline}.dashboard-description{max-width:340px;overflow:hidden;text-overflow:ellipsis;color:var(--ink2)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:11.5px}.table-footer p{margin:0}.pagination{display:flex;align-items:center;gap:8px}.table-empty{padding:28px 16px;text-align:center;border:1px dashed var(--line);border-radius:10px;background:var(--surface)}.table-empty p{margin:0 0 4px;font-size:13px}.listing-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.listing-toolbar{display:flex;gap:10px;margin-bottom:12px}.search-field{flex:1 1 320px;max-width:420px}.listing-loading{display:grid;gap:8px}.listing-error{padding:24px;text-align:center}.listing-error p{margin:6px 0 12px;font-size:12.5px}.listing-empty{padding:40px 20px 44px;text-align:center}.listing-empty h2{font-size:16px;margin-bottom:6px}.listing-empty p{margin:0 auto 16px;max-width:52ch;font-size:13px}.empty-art{display:grid;grid-template-columns:repeat(3,34px);grid-auto-rows:22px;gap:6px;justify-content:center;margin-bottom:18px}.empty-art span{border-radius:5px;background:var(--soft);border:1px solid var(--soft-border)}.empty-art span:first-child{grid-column:span 2}.empty-art span:last-child{grid-column:span 2}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:8px 12px;border:1px solid var(--soft-border);border-radius:8px;background:var(--soft);color:var(--accent-ink);font-size:12.5px}.builder-toolbar{position:sticky;top:52px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px;min-width:0}.toolbar-left{flex:1 1 320px}.toolbar-identity{min-width:0;display:flex;flex-direction:column}.title-button{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:7px;background:none;padding:2px 6px;margin-left:-6px;font:inherit;font-size:15px;font-weight:600;color:var(--ink);cursor:text;max-width:100%}.title-button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-button:hover{border-color:var(--line);background:var(--surface-2)}.title-pencil{color:var(--ink3);font-size:11px}.title-input{border:1px solid var(--accent);border-radius:7px;padding:2px 6px;margin-left:-6px;font:inherit;font-size:15px;font-weight:600;color:var(--ink);background:var(--surface);max-width:320px}.description-input{border:1px solid transparent;border-radius:6px;padding:1px 6px;margin-left:-6px;font:inherit;font-size:11.5px;color:var(--ink2);background:none;width:min(360px,60vw)}.description-input:hover,.description-input:focus{border-color:var(--line);background:var(--surface)}.unsaved{font-size:11px}.template-menu{position:relative}.template-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:280px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:var(--shadow)}.template-popover button{display:flex;flex-direction:column;gap:2px;width:100%;border:0;border-radius:7px;background:none;padding:8px 9px;font:inherit;text-align:left;cursor:pointer}.template-popover button:hover{background:var(--soft)}.template-popover strong{font-size:12.5px;font-weight:600}.template-popover span{font-size:11px}@media (max-width: 820px){.builder-toolbar{position:static}.toolbar-right{flex-wrap:wrap}}.widget{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;overflow:hidden}.widget-surface-soft{background:color-mix(in srgb,var(--widget-accent) 7%,#FFFFFF);border-color:color-mix(in srgb,var(--widget-accent) 22%,var(--line))}.widget-surface-outlined{border-color:var(--widget-accent);box-shadow:inset 3px 0 0 var(--widget-accent)}.widget-head{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;min-height:26px}.widget-titles{min-width:0;flex:1 1 auto}.widget-titles h3{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-source{margin:1px 0 0;color:var(--ink3);font-size:10.5px}.widget-handle{display:grid;grid-template-columns:repeat(2,3px);gap:2px;padding:5px 4px;border-radius:6px;cursor:grab;flex:0 0 auto}.widget-handle span{width:3px;height:3px;border-radius:50%;background:var(--ink3)}.widget-handle:hover{background:var(--soft)}.widget-handle:hover span{background:var(--accent)}.widget-handle:active,.react-draggable-dragging .widget-handle{cursor:grabbing}.widget-actions{display:flex;gap:4px;flex:0 0 auto;opacity:0;transition:opacity .14s ease}.widget.is-editable:hover .widget-actions,.widget-actions:focus-within{opacity:1}.widget-action-unit{color:var(--ink3);font-size:9.5px;margin-left:2px}.widget-body{flex:1 1 auto;min-height:0;position:relative}.widget-kpi{display:flex;flex-direction:column;justify-content:center;height:100%}.widget-kpi .kpi-value{font-size:28px}@media (max-width: 820px){.widget-actions{opacity:1}}@media (prefers-reduced-motion: reduce){.widget-actions{transition:none}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.dashboard-canvas{position:relative;margin:0 -2px}.canvas-item{min-width:0}.dashboard-canvas .react-grid-placeholder{background:var(--soft);border:1px dashed var(--accent);border-radius:var(--radius);opacity:1}.dashboard-canvas.is-editable .canvas-item .widget{transition:box-shadow .14s ease,border-color .14s ease}.dashboard-canvas.is-editable .canvas-item:hover .widget{border-color:var(--line-strong)}.dashboard-canvas .react-draggable-dragging{z-index:10}.dashboard-canvas .react-draggable-dragging .widget{border-color:var(--accent);box-shadow:var(--shadow);cursor:grabbing}.dashboard-canvas .react-resizable-handle{width:16px;height:16px;padding:0;background:none;opacity:0;transition:opacity .14s ease}.dashboard-canvas.is-editable .canvas-item:hover .react-resizable-handle,.dashboard-canvas .react-resizable-handle:focus-visible{opacity:1}.dashboard-canvas .react-resizable-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-right:2px solid var(--ink3);border-bottom:2px solid var(--ink3);border-bottom-right-radius:3px}.dashboard-canvas .react-resizable-handle:hover:after{border-color:var(--accent)}.dashboard-canvas.is-preview .react-resizable-handle{display:none}@media (prefers-reduced-motion: reduce){.dashboard-canvas .react-resizable-handle,.dashboard-canvas.is-editable .canvas-item .widget{transition:none}}.drawer-search{padding:10px 16px 6px;background:var(--surface);border-bottom:1px solid var(--line)}.drawer-result-count{margin:5px 0 0;font-size:11px}.drawer-section{margin-bottom:20px}.drawer-section h3{font-size:11.5px;color:var(--ink2);margin-bottom:8px}.drawer-no-results{font-size:12.5px;color:var(--ink2);padding:12px 0}.preset-list{display:grid;gap:8px}.preset{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px}.preset h4{font-size:12.5px}.preset p{margin:2px 0 8px;font-size:11px}.wireframe{display:grid;gap:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:7px;padding:6px}.wireframe-row{display:flex;gap:4px}.wireframe-cell{flex-basis:0;min-width:0;height:34px;border-radius:4px;background:var(--surface);border:1px solid var(--line);padding:5px 4px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px}.wireframe-bar{display:block;height:4px;border-radius:2px;background:var(--soft)}.wireframe-bar.is-short{width:60%;background:#c8e2d7}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.visual-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:74px;padding:10px 6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;text-align:center;transition:border-color .14s ease,background-color .14s ease}.visual-tile:hover{border-color:var(--accent);background:var(--soft)}.visual-icon{font-size:15px;color:var(--accent);line-height:1}.visual-label{font-size:10.5px;color:var(--ink2);line-height:1.25}.dataset-list{display:grid;gap:8px}.dataset{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px}.dataset-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dataset h4{font-size:12.5px}.dataset p{margin:4px 0 6px;font-size:11px}.dataset-query{display:block;font-family:var(--font-mono);font-size:10px;color:var(--ink2);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:6px 7px;margin-bottom:8px;max-height:46px;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion: reduce){.drawer-overlay,.drawer-panel{animation:none}.visual-tile{transition:none}}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay)}.modal{position:relative;z-index:1;width:min(940px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:14px}.modal-head p{margin:2px 0 0;font-size:11.5px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface)}.modal-medium{width:min(560px,100%)}.modal-wide{width:min(940px,100%)}.modal-body{flex:1 1 auto;overflow:hidden}.modal-body-stacked{display:block;padding:14px 16px 18px;overflow-y:auto}.modal-head .btn-icon{display:inline-flex;align-items:center;justify-content:center}.modal-body-split{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:0;overflow:hidden;flex:1 1 auto}.modal-settings{padding:14px 16px 18px;overflow-y:auto;border-right:1px solid var(--line)}.setting-block{margin-bottom:16px}.setting-query{display:block;margin-top:6px;font-family:var(--font-mono);font-size:10px;color:var(--ink2);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:6px 7px;max-height:52px;overflow:auto}.chip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.chip-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink2);font:inherit;font-size:10px;line-height:1.2;text-align:center;cursor:pointer}.chip-option span{font-size:13px;color:var(--ink3)}.chip-option:hover{border-color:var(--line-strong);background:var(--surface-2)}.chip-option.is-selected{border-color:var(--accent);background:var(--soft);color:var(--accent-ink)}.chip-option.is-selected span{color:var(--accent)}.segmented{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.segmented.is-spaced{margin-top:8px}.segmented button{flex:1 1 0;border:0;border-right:1px solid var(--line);background:var(--surface);color:var(--ink2);font:inherit;font-size:11.5px;padding:6px 4px;cursor:pointer}.segmented button:last-child{border-right:0}.segmented button:hover{background:var(--surface-2)}.segmented button.is-selected{background:var(--soft);color:var(--accent-ink);font-weight:600}.accent-row{display:flex;gap:8px}.accent-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;background:var(--swatch);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff80}.accent-swatch.is-selected{border-color:var(--ink)}.modal-preview{padding:14px 16px 18px;background:var(--paper);display:flex;flex-direction:column;min-width:0;overflow-y:auto}.preview-frame{flex:1 1 auto;min-height:280px}.preview-note{margin:8px 0 0;font-size:11px}@media (max-width: 820px){.modal-body-split{grid-template-columns:minmax(0,1fr);overflow-y:auto}.modal-settings{border-right:0;border-bottom:1px solid var(--line)}.preview-frame{min-height:240px}}.builder{min-height:60vh}.builder-loading{display:grid;gap:12px}.builder-error,.builder-save-error{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:center}.builder-save-error{text-align:left;border-color:var(--danger-border);background:var(--danger-soft);color:var(--negative);font-size:12.5px;margin-bottom:12px}.builder-error p{margin:6px 0 12px;font-size:12.5px}.preview-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:8px 12px;border:1px solid var(--soft-border);border-radius:8px;background:var(--soft);color:var(--accent-ink);font-size:12.5px}.canvas-empty{padding:56px 20px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius)}.canvas-empty h2{font-size:16px;margin-bottom:6px}.canvas-empty p{margin:0 auto 16px;max-width:52ch;font-size:13px}.canvas-empty-actions{display:flex;gap:8px;justify-content:center}.section-tabs{display:flex;gap:4px;margin-bottom:12px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto;scrollbar-width:none}.section-tabs::-webkit-scrollbar{display:none}.section-tab{display:flex;flex-direction:column;gap:1px;padding:7px 14px;border-radius:8px;border:1px solid transparent;color:var(--ink);text-decoration:none;white-space:nowrap}.section-tab:hover{background:var(--surface-2)}.section-tab.is-active{background:var(--soft);border-color:var(--soft-border)}.section-tab-label{font-size:12.5px;font-weight:500}.section-tab.is-active .section-tab-label{color:var(--accent-ink)}.section-tab-hint{font-size:10.5px;color:var(--ink3)}.section-pane{display:grid;gap:12px;min-width:0}@media (max-width: 620px){.section-tab-hint{display:none}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}.panel-head h2{font-size:13.5px}.panel-head p{margin:3px 0 0;font-size:12px;color:var(--ink2);max-width:68ch}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.panel-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line)}.panel-row:first-of-type{border-top:0;padding-top:0}.panel-row-copy h3{font-size:12.5px}.panel-row-copy p{margin:3px 0 0;font-size:11.5px;color:var(--ink2);max-width:64ch}.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0}.facts-grid dt{font-size:11px;color:var(--ink2);margin-bottom:3px}.facts-grid dd{margin:0;font-size:12.5px;font-weight:500}.member-cell{display:flex;align-items:center;gap:9px;min-width:0}.member-name{font-weight:600;font-size:12.5px}.member-email{font-size:11px;color:var(--ink2)}.member-text{display:flex;flex-direction:column;min-width:0}.role-select{min-width:118px;padding:4px 8px;font-size:11.5px}.badge-danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--negative)}.seat-summary{display:flex;gap:18px;flex-wrap:wrap;font-size:11.5px;color:var(--ink2)}.seat-summary strong{color:var(--ink)}.connection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.connection-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface)}.connection-card.is-error{border-color:var(--danger-border)}.connection-top{display:flex;align-items:flex-start;gap:10px}.connection-monogram{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--mono-accent) 16%,var(--surface));color:var(--mono-accent);font-size:13px;font-weight:700}.connection-title{min-width:0;flex:1 1 auto}.connection-title h3{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-title p{margin:2px 0 0;font-size:11px;color:var(--ink2)}.connection-meta{display:grid;gap:4px;font-size:11px;color:var(--ink2)}.connection-meta div{display:flex;justify-content:space-between;gap:10px}.connection-meta span:last-child{color:var(--ink);font-variant-numeric:tabular-nums}.connection-error{font-size:11px;color:var(--negative);background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:7px;padding:6px 8px}.connection-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:4px}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.type-tile{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.type-tile:hover{border-color:var(--line-strong);background:var(--surface-2)}.type-tile.is-selected{border-color:var(--accent);background:var(--soft)}.type-tile small{display:block;color:var(--ink3);font-size:10px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.test-result{margin-top:10px;padding:8px 10px;border-radius:8px;font-size:12px;border:1px solid var(--soft-border);background:var(--soft);color:var(--accent-ink)}.test-result.is-error{border-color:var(--danger-border);background:var(--danger-soft);color:var(--negative)}.activity-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.activity-filters .field{width:auto;min-width:150px}.activity-filters .search-input{flex:1 1 220px;min-width:180px}.activity-list{list-style:none;margin:0;padding:0;display:grid}.activity-item{display:flex;gap:10px;padding:10px 2px;border-top:1px solid var(--line)}.activity-item:first-child{border-top:0}.activity-dot{flex:0 0 auto;width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--accent)}.activity-dot.is-warning{background:#b98900}.activity-dot.is-error{background:var(--negative)}.activity-body{min-width:0;flex:1 1 auto}.activity-line{font-size:12.5px}.activity-line strong{font-weight:600}.activity-target{color:var(--accent-ink)}.activity-detail{margin:2px 0 0;font-size:11.5px;color:var(--ink2)}.activity-time{flex:0 0 auto;font-size:11px;color:var(--ink3);text-align:right;white-space:nowrap}.activity-empty{padding:26px 8px;text-align:center;color:var(--ink2);font-size:12.5px}.pane-loading{display:grid;gap:8px}.pane-error{padding:18px;text-align:center;font-size:12.5px}.role-fieldset{border:0;margin:14px 0 0;padding:0}.role-fieldset legend{padding:0}.role-option{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;margin-bottom:6px;cursor:pointer}.role-option:hover{background:var(--surface-2)}.role-option.is-selected{border-color:var(--accent);background:var(--soft)}.role-option input{margin-top:2px;accent-color:var(--accent)}.role-option strong{display:block;font-size:12.5px}.role-option small{display:block;font-size:11px;color:var(--ink2)}.chip-input{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:5px 6px}.chip-input:focus-within{border-color:var(--accent)}.chip-input input{flex:1 1 160px;min-width:140px;border:0;background:none;color:var(--ink);font:inherit;font-size:12.5px;padding:3px 2px;outline:none}.email-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:var(--soft);border:1px solid var(--soft-border);color:var(--accent-ink);font-size:11.5px;padding:2px 4px 2px 9px}.email-chip button{border:0;background:none;color:inherit;font-size:13px;line-height:1;padding:0 3px;cursor:pointer}.connection-meta .truncate{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-top .badge{white-space:nowrap;align-self:flex-start}.alert-feed{list-style:none;margin:0;padding:0}.alert-row{display:flex;gap:10px;align-items:flex-start;padding:11px 10px;border-top:1px solid var(--line);border-radius:8px}.alert-row:first-child{border-top:0}.alert-row.is-unread{background:var(--soft)}.alert-row-body{flex:1 1 auto;min-width:0}.alert-row-title{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;font-weight:600}.rule-badge{font-weight:500;font-size:10px}.alert-row-text{margin:3px 0 0;font-size:11.5px;color:var(--ink2);line-height:1.5}.alert-row-side{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.alert-row-actions{display:flex;gap:6px}.inline-check{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ink2);cursor:pointer}.inline-check input{accent-color:var(--accent)}.rule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}.rule-card{display:flex;flex-direction:column;gap:9px;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface)}.rule-card.is-paused{opacity:.72;background:var(--surface-2)}.rule-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.rule-card-title h3{font-size:12.5px}.rule-card-title p{margin:3px 0 0;font-size:11px;color:var(--ink2)}.rule-condition{margin:0;font-size:12px;color:var(--ink2)}.rule-condition strong{color:var(--ink)}.rule-badges{display:flex;flex-wrap:wrap;gap:5px}.rule-status{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:11.5px}.rule-status .is-firing{color:var(--negative);font-weight:600}.rule-status .is-ok{color:var(--accent-ink);font-weight:600}.switch{position:relative;flex:0 0 auto;width:34px;height:20px;cursor:pointer}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch>span[aria-hidden]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--line-strong);transition:background-color .16s ease}.switch>span[aria-hidden]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--surface);transition:transform .16s ease}.switch input:checked+span[aria-hidden]{background:var(--accent)}.switch input:checked+span[aria-hidden]:after{transform:translate(14px)}.switch input:focus-visible+span[aria-hidden]{outline:2px solid var(--accent);outline-offset:2px}.rule-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:16px}.rule-section{border:1px solid var(--line);border-radius:10px;padding:12px;margin:0 0 12px}.rule-section legend{padding:0 6px;font-size:11px;font-weight:600;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em}.field-hint-muted{margin:5px 0 0;font-size:11px;color:var(--ink3)}.input-with-unit{display:flex;align-items:center;gap:6px}.input-with-unit span{font-size:11.5px;color:var(--ink3)}.channel-list{display:grid;gap:6px}.channel-option{display:flex;align-items:flex-start;gap:9px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.channel-option:hover{background:var(--surface-2)}.channel-option.is-selected{border-color:var(--accent);background:var(--soft)}.channel-option input{margin-top:2px;accent-color:var(--accent)}.channel-option strong{display:block;font-size:12.5px}.channel-option small{display:block;font-size:11px;color:var(--ink2)}.rule-template{font-family:var(--font-mono);font-size:11.5px;line-height:1.6;resize:vertical}.token-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.token-chip{border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink2);font-family:var(--font-mono);font-size:10.5px;padding:2px 8px;cursor:pointer}.token-chip:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--soft)}.rule-preview{position:sticky;top:0;align-self:start}.preview-card{border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:12px}.preview-card-head{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.preview-subject{margin:0 0 6px;font-size:12px;font-weight:600}.preview-message{margin:0 0 10px;font-size:12px;line-height:1.55;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 10px}.preview-facts{display:grid;gap:5px;margin:0;font-size:11px}.preview-facts>div{display:flex;justify-content:space-between;gap:8px}.preview-facts dt{color:var(--ink2)}.preview-facts dd{margin:0;font-weight:600;text-align:right}.delivery-message{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink2)}@media (max-width: 900px){.rule-form{grid-template-columns:minmax(0,1fr)}.rule-preview{position:static}}@media (prefers-reduced-motion: reduce){.switch>span[aria-hidden],.switch>span[aria-hidden]:after{transition:none}}.rule-card .drawer{margin-top:4px}.channel-option.is-unavailable{opacity:.6;cursor:not-allowed}.channel-option.is-unavailable small{color:var(--warn-ink)}:root,:root[data-theme=light]{--paper: #F1F4F2;--surface: #FFFFFF;--surface-2: #F7F9F8;--ink: #10221B;--ink2: #5C6C65;--ink3: #8A9A92;--line: #E2E8E4;--line-strong: #C5D3CC;--accent: #008060;--accent-hover: #006E53;--accent-ink: #08694F;--soft: #E6F2ED;--soft-hover: #DCEDE5;--soft-border: #C5E0D6;--soft-border-strong: #A9D2C3;--bar: #0E1C17;--danger-soft: #FDECEA;--danger-border: #E4B4AE;--warn-soft: #FBF4E4;--warn-border: #EBDBB4;--warn-ink: #7A5B00;--skeleton-a: #EDF1EF;--skeleton-b: #F6F8F7;--overlay: rgba(14, 28, 23, .34);--shadow: 0 8px 24px rgba(16, 34, 27, .1);--series-1: #008060;--series-2: #2C6ECB;--series-3: #B98900;--series-4: #7B5BC9;--series-5: #00A0AC;--series-6: #D72C0D;--negative: #B42318;--positive: #08694F;--heat-low: #E8F0EC;--heat-high: #00694F;--tooltip-bg: #0E1C17;--tooltip-ink: #FFFFFF;--chart-stroke: #FFFFFF;--gauge-track: #E8F0EC;--font-sans: ui-sans-serif, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--radius: 10px;--gap: 12px}:root[data-theme=dark]{--paper: #0A120F;--surface: #101C17;--surface-2: #16251F;--ink: #E6EFEA;--ink2: #9CB0A7;--ink3: #6E837A;--line: #1F312A;--line-strong: #2C4239;--accent: #26A583;--accent-hover: #2FB892;--accent-ink: #7FDCBD;--soft: #12302A;--soft-hover: #173B33;--soft-border: #22493F;--soft-border-strong: #2C5B4F;--bar: #060D0B;--danger-soft: #2E1512;--danger-border: #5C2A23;--warn-soft: #2B2211;--warn-border: #54431F;--warn-ink: #E0B75C;--skeleton-a: #15221D;--skeleton-b: #1C2C25;--overlay: rgba(0, 0, 0, .58);--shadow: 0 10px 30px rgba(0, 0, 0, .5);--series-1: #2BB78F;--series-2: #5C97E8;--series-3: #D9A82A;--series-4: #9E80E8;--series-5: #2CC1CC;--series-6: #F0664B;--negative: #F0796B;--positive: #7FDCBD;--heat-low: #14231E;--heat-high: #3FCF9A;--tooltip-bg: #E6EFEA;--tooltip-ink: #0A120F;--chart-stroke: #101C17;--gauge-track: #1B2C25}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;transition:background-color .18s ease,color .18s ease;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}a{color:var(--accent)}.num{font-variant-numeric:tabular-nums}.negative{color:var(--negative)}@media (prefers-reduced-motion: reduce){body{transition:none}}.muted{color:var(--ink2)}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}.grid>*{grid-column:span var(--span, 12);min-width:0}@media (max-width: 1180px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}.grid>*{grid-column:span min(var(--span, 6),6)}}@media (max-width: 820px){.grid{grid-template-columns:minmax(0,1fr)}.grid>*{grid-column:1 / -1}}.page{max-width:1560px;margin:0 auto;padding:16px;padding-block:16px 48px}.skeleton{background:linear-gradient(90deg,var(--skeleton-a) 25%,var(--skeleton-b) 50%,var(--skeleton-a) 75%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:6px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.mini-facts{margin:8px 0 0;display:grid;gap:4px;font-size:11.5px}.mini-facts>div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:4px}.mini-facts dt{color:var(--ink2)}.mini-facts dd{margin:0;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:12.5px;font-weight:500;padding:7px 12px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.btn:hover{border-color:var(--line-strong);background:var(--surface-2)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-soft{background:var(--soft);border-color:var(--soft-border);color:var(--accent-ink)}.btn-soft:hover{background:var(--soft-hover);border-color:var(--soft-border-strong)}.btn-danger:hover{border-color:var(--danger-border);background:var(--danger-soft);color:var(--negative)}.btn-sm{padding:4px 9px;font-size:11.5px;border-radius:7px}.btn-icon{padding:5px;min-width:28px}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.field{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:12.5px;padding:7px 10px}.field:hover{border-color:var(--line-strong)}.field::placeholder{color:var(--ink3)}.field-label{display:block;margin-bottom:5px;color:var(--ink2);font-size:11.5px;font-weight:500}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:2px 9px;font-size:11px;color:var(--ink2);background:var(--surface)}.badge-published{background:var(--soft);border-color:var(--soft-border);color:var(--accent-ink)}.badge-draft{background:var(--warn-soft);border-color:var(--warn-border);color:var(--warn-ink)}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.btn{transition:none}}