@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--sp-font-sans);background:var(--sp-bg-app);color:var(--sp-fg-1);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";letter-spacing:-.005em}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sp-bg-3);border-radius:var(--sp-r-full)}::-webkit-scrollbar-thumb:hover{background:var(--sp-border)}input,textarea,select,button{font-family:inherit;font-size:inherit;color:inherit}input::placeholder,textarea::placeholder{color:var(--sp-fg-4)}button{cursor:pointer;background:none;border:0}a{color:var(--sp-accent-hi);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--sp-accent-tint);color:var(--sp-fg-0)}@keyframes sp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--sp-bg-app: oklch(.135 .011 250);--sp-bg-0: oklch(.16 .012 250);--sp-bg-1: oklch(.2 .012 250);--sp-bg-2: oklch(.235 .013 250);--sp-bg-3: oklch(.275 .014 250);--sp-border: oklch(.31 .014 250);--sp-border-lo: oklch(.255 .013 250);--sp-fg-0: oklch(.97 .005 250);--sp-fg-1: oklch(.88 .006 250);--sp-fg-2: oklch(.72 .008 250);--sp-fg-3: oklch(.58 .01 250);--sp-fg-4: oklch(.45 .01 250);--sp-accent: oklch(.55 .155 25);--sp-accent-hi: oklch(.66 .165 25);--sp-accent-lo: oklch(.42 .14 25);--sp-accent-soft: oklch(.78 .09 25);--sp-accent-tint: oklch(.3 .08 25);--sp-accent-bg: oklch(.24 .045 25);--sp-info: oklch(.74 .13 235);--sp-info-bg: oklch(.3 .06 235);--sp-warn: oklch(.78 .15 75);--sp-warn-bg: oklch(.3 .07 75);--sp-ok: oklch(.78 .14 155);--sp-ok-bg: oklch(.3 .06 155);--sp-pending: oklch(.78 .11 285);--sp-pending-bg: oklch(.28 .055 285);--sp-doc-pdf: oklch(.45 .13 25);--sp-doc-img: oklch(.45 .1 285);--sp-doc-xls: oklch(.42 .1 155);--sp-font-sans: "Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--sp-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sp-r-sm: 8px;--sp-r-md: 14px;--sp-r-lg: 18px;--sp-r-full: 999px;--sp-s-1: 4px;--sp-s-2: 8px;--sp-s-3: 12px;--sp-s-14: 14px;--sp-s-4: 16px;--sp-s-18: 18px;--sp-s-5: 20px;--sp-s-6: 24px;--sp-s-7: 28px;--sp-s-8: 32px;--sp-s-9: 36px;--sp-s-12: 48px;--sp-sidebar-w: 220px;--sp-chat-list-w: 360px;--sp-chat-context-w: 380px}.sp-h1{font-family:var(--sp-font-sans);font-size:30px;font-weight:800;letter-spacing:-.025em;color:var(--sp-fg-0);line-height:1.1}.sp-h2{font-family:var(--sp-font-sans);font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--sp-fg-0)}.sp-h3{font-family:var(--sp-font-sans);font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--sp-fg-0)}.sp-h4{font-family:var(--sp-font-sans);font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--sp-fg-0)}.sp-body{font-size:14px;font-weight:500;color:var(--sp-fg-1)}.sp-body-s{font-size:13px;font-weight:500;color:var(--sp-fg-1)}.sp-caption{font-size:12px;font-weight:500;color:var(--sp-fg-2)}.sp-mono{font-family:var(--sp-font-mono)}.sp-mono-s{font-family:var(--sp-font-mono);font-size:11px;font-weight:500;color:var(--sp-fg-3)}.sp-mono-l{font-family:var(--sp-font-mono);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--sp-fg-0)}.sp-label{font-family:var(--sp-font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sp-fg-3)}.sp-label-micro{font-family:var(--sp-font-mono);font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--sp-fg-3)}.sp-fg-0{color:var(--sp-fg-0)}.sp-fg-1{color:var(--sp-fg-1)}.sp-fg-2{color:var(--sp-fg-2)}.sp-fg-3{color:var(--sp-fg-3)}.sp-fg-4{color:var(--sp-fg-4)}.sp-fg-accent{color:var(--sp-accent-hi)}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--sp-r-sm);font-family:var(--sp-font-sans);font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:filter .12s,background .12s;white-space:nowrap}.sp-btn:disabled{opacity:.55;cursor:not-allowed}.sp-btn--primary{background:var(--sp-accent);color:#fff;border-color:var(--sp-accent-lo);box-shadow:inset 0 1px #fa686399}.sp-btn--primary:hover:not(:disabled){filter:brightness(1.08)}.sp-btn--ghost{background:var(--sp-bg-1);color:var(--sp-fg-1);border-color:var(--sp-border)}.sp-btn--ghost:hover:not(:disabled){background:var(--sp-bg-2)}.sp-btn--danger{background:var(--sp-bg-1);color:var(--sp-accent-hi);border-color:var(--sp-accent-lo)}.sp-btn--danger:hover:not(:disabled){background:var(--sp-accent-tint)}.sp-btn--lg{height:48px;padding:0 20px;font-size:14px;border-radius:var(--sp-r-md)}.sp-btn--block{width:100%}.sp-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--sp-r-md);background:var(--sp-bg-1);border:1px solid var(--sp-border-lo);color:var(--sp-fg-1);cursor:pointer;transition:background .12s}.sp-icon-btn:hover{background:var(--sp-bg-2)}.sp-card{background:var(--sp-bg-1);border:1px solid var(--sp-border-lo);border-radius:var(--sp-r-md);padding:var(--sp-s-14)}.sp-card--lg{padding:var(--sp-s-18);border-radius:var(--sp-r-lg)}.sp-card--flat{background:var(--sp-bg-2);border-color:transparent}.sp-input{width:100%;background:var(--sp-bg-2);border:1px solid var(--sp-border-lo);border-radius:var(--sp-r-md);padding:11px var(--sp-s-14);color:var(--sp-fg-0);font-size:14px;outline:none;transition:border-color .12s,background .12s}.sp-input:focus{border-color:var(--sp-accent)}.sp-input--inline{background:transparent;border-color:transparent;padding:0}.sp-form-row{margin-bottom:var(--sp-s-3)}.sp-fields{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.sp-fields--center{align-items:center}.sp-fields .sp-form-row{margin-bottom:0}.sp-fields .sp-input,.sp-fields .sp-btn{height:44px}.sp-fields .sp-input{padding-top:0;padding-bottom:0}.sp-form-row label,.sp-label-stack{display:block;font-size:12px;color:var(--sp-fg-3);margin-bottom:6px;font-weight:500}.sp-pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.sp-pill .sp-pill__dot{width:5px;height:5px;border-radius:999px;background:currentColor}.sp-pill--info{color:var(--sp-info);background:var(--sp-info-bg)}.sp-pill--warn{color:var(--sp-warn);background:var(--sp-warn-bg)}.sp-pill--ok{color:var(--sp-ok);background:var(--sp-ok-bg)}.sp-pill--pending{color:var(--sp-pending);background:var(--sp-pending-bg)}.sp-pill--muted{color:var(--sp-fg-2);background:var(--sp-bg-3)}.sp-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:var(--sp-r-full);background:var(--sp-bg-1);border:1px solid var(--sp-border-lo);color:var(--sp-fg-2);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.sp-chip:hover{background:var(--sp-bg-2)}.sp-chip--active{background:var(--sp-accent-tint);border-color:var(--sp-accent);color:var(--sp-accent-soft)}.sp-chip__badge{background:#00000040;border-radius:var(--sp-r-full);font-family:var(--sp-font-mono);font-size:10px;padding:0 6px;height:16px;display:inline-flex;align-items:center}.sp-chip--active .sp-chip__badge{background:var(--sp-accent);color:#fff}.sp-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--sp-r-full);color:#fff;font-weight:700;flex-shrink:0;background:linear-gradient(135deg,var(--sp-accent),var(--sp-accent-lo))}.sp-avatar--sm{width:30px;height:30px;font-size:11px}.sp-avatar--md{width:36px;height:36px;font-size:13px}.sp-avatar--lg{width:56px;height:56px;font-size:20px}.sp-avatar--bot{background:var(--sp-bg-3);color:var(--sp-fg-1);border:1px solid var(--sp-border)}.sp-kpi{background:var(--sp-bg-1);border:1px solid var(--sp-border-lo);border-radius:var(--sp-r-md);padding:var(--sp-s-14);min-width:0}.sp-kpi__k{font-family:var(--sp-font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sp-fg-3)}.sp-kpi__v{font-family:var(--sp-font-mono);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--sp-fg-0);margin-top:4px}.sp-kpi__d{font-family:var(--sp-font-mono);font-size:11px;color:var(--sp-fg-3);margin-top:4px}.sp-kpi__d--up{color:var(--sp-ok)}.sp-kpi__d--dn{color:var(--sp-accent-hi)}.sp-meta-tile{display:flex;flex-direction:column;min-width:0}.sp-meta-tile__k{font-family:var(--sp-font-mono);font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--sp-fg-3)}.sp-meta-tile__v{font-family:var(--sp-font-mono);font-size:13px;font-weight:600;color:var(--sp-fg-0);margin-top:2px}.sp-tabs{display:flex;gap:14px}.sp-tab{padding:8px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--sp-fg-3);font-size:12px;font-weight:600;cursor:pointer}.sp-tab:hover{color:var(--sp-fg-1)}.sp-tab--active{color:var(--sp-fg-0);border-color:var(--sp-accent)}.sp-page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.sp-page__head{display:flex;align-items:flex-end;justify-content:space-between;padding:var(--sp-s-18) var(--sp-s-6) var(--sp-s-3);border-bottom:1px solid var(--sp-border-lo)}.sp-page__title{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--sp-fg-0);margin:0}.sp-page__sub{font-family:var(--sp-font-mono);font-size:11px;color:var(--sp-fg-3);margin-top:4px}.sp-page__body{flex:1;overflow:auto;padding:var(--sp-s-18) var(--sp-s-6);min-height:0}.sp-page__body--flush{padding:0}.sp-page__head-actions{display:flex;gap:8px;align-items:center}.sp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:var(--sp-fg-3)}.sp-empty__icon{width:56px;height:56px;border-radius:var(--sp-r-md);background:var(--sp-bg-2);border:1px solid var(--sp-border-lo);display:flex;align-items:center;justify-content:center;color:var(--sp-accent-soft);margin-bottom:var(--sp-s-4)}.sp-empty__title{font-size:17px;font-weight:700;color:var(--sp-fg-0);margin-bottom:4px}.sp-empty__body{font-size:13px;color:var(--sp-fg-3);max-width:360px;line-height:1.5}.sp-empty__action{margin-top:var(--sp-s-4)}.sp-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px var(--sp-s-14);border-bottom:1px solid var(--sp-border-lo);cursor:pointer;transition:background .1s}.sp-row:hover{background:var(--sp-bg-1)}.sp-row--active{background:var(--sp-bg-1);box-shadow:inset 3px 0 0 var(--sp-accent)}.sp-row__name{font-size:13px;font-weight:700;color:var(--sp-fg-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-row__sub{font-size:12px;color:var(--sp-fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.sp-row__when{font-family:var(--sp-font-mono);font-size:10px;color:var(--sp-fg-3)}.sp-row__badge{background:var(--sp-accent);color:#fff;border-radius:var(--sp-r-full);font-family:var(--sp-font-mono);font-size:9px;font-weight:700;padding:1px 7px;height:16px;display:inline-flex;align-items:center;min-width:18px;justify-content:center}.sp-online-dot{width:10px;height:10px;border-radius:var(--sp-r-full);background:var(--sp-ok);border:2px solid var(--sp-bg-app);position:absolute;right:0;bottom:0}.sp-divider{height:1px;background:var(--sp-border-lo);width:100%}.sp-divider--v{width:1px;height:100%;background:var(--sp-border-lo)}.sp-shell{display:grid;grid-template-columns:var(--sp-sidebar-w) 1fr;height:100vh;background:var(--sp-bg-app);color:var(--sp-fg-1)}.sp-sidebar{background:var(--sp-bg-app);border-right:1px solid var(--sp-border-lo);display:flex;flex-direction:column;min-height:0}.sp-sidebar__brand{padding:var(--sp-s-4) var(--sp-s-14) var(--sp-s-6);border-bottom:1px solid var(--sp-border-lo)}.sp-sidebar__sub{font-family:var(--sp-font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--sp-fg-3);margin-top:4px;display:block}.sp-sidebar__nav{flex:1;padding:var(--sp-s-3);display:flex;flex-direction:column;gap:1px;overflow-y:auto}.sp-nav-item{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--sp-r-sm);color:var(--sp-fg-2);font-size:13px;font-weight:500;text-decoration:none;transition:background .1s,color .1s}.sp-nav-item:hover{background:var(--sp-bg-1);color:var(--sp-fg-1);text-decoration:none}.sp-nav-item--active{background:var(--sp-accent-tint);color:var(--sp-accent-soft);font-weight:600}.sp-nav-item--active .sp-nav-item__icon{color:var(--sp-accent-hi)}.sp-nav-item__icon{color:var(--sp-fg-3);display:inline-flex;align-items:center}.sp-nav-item__badge{font-family:var(--sp-font-mono);font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--sp-r-full);background:var(--sp-bg-2);color:var(--sp-fg-2)}.sp-nav-item--active .sp-nav-item__badge{background:var(--sp-accent);color:#fff}.sp-sidebar__bottom{padding:var(--sp-s-3);border-top:1px solid var(--sp-border-lo)}.sp-sidebar__me{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--sp-r-sm);cursor:pointer;transition:background .1s}.sp-sidebar__me:hover{background:var(--sp-bg-1)}.sp-sidebar__me-name{font-size:13px;font-weight:600;color:var(--sp-fg-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-sidebar__me-role{font-family:var(--sp-font-mono);font-size:10px;color:var(--sp-ok)}.sp-sidebar__logout{background:transparent;border:0;color:var(--sp-fg-3);padding:6px;cursor:pointer;border-radius:var(--sp-r-sm);display:inline-flex;align-items:center}.sp-sidebar__logout:hover{color:var(--sp-accent-hi);background:var(--sp-bg-1)}.sp-main{min-width:0;height:100vh;overflow:hidden}@media(max-width:1100px){.sp-shell{grid-template-columns:64px 1fr}.sp-sidebar__brand{padding:var(--sp-s-3) 6px}.sp-sidebar__brand .sp-brand{width:100%;height:auto}.sp-sidebar__sub{display:none}.sp-nav-item{grid-template-columns:22px;justify-content:center}.sp-nav-item>span:not(.sp-nav-item__icon){display:none}.sp-sidebar__me{grid-template-columns:auto;justify-content:center}.sp-sidebar__me>div{display:none}}.sp-brand{display:inline-block;width:auto;-webkit-user-select:none;user-select:none}.sp-brand--sm{height:36px}.sp-brand--md{height:52px}.sp-brand--lg{height:84px}.cab{display:flex;min-height:100vh;background:var(--sp-bg-app)}.cab-side{width:var(--sp-sidebar-w);flex:none;background:var(--sp-bg-0);border-right:1px solid var(--sp-border-lo);padding:var(--sp-s-4) var(--sp-s-3);display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh}.cab-logo{display:flex;align-items:center;gap:var(--sp-s-2);padding:4px 8px var(--sp-s-4);color:var(--sp-fg-0);font-weight:800;font-size:16px;text-decoration:none}.cab-logo i{width:24px;height:24px;border-radius:7px;background:var(--sp-accent);display:grid;place-items:center;color:#fff;font-style:normal}.cab-group{font-family:var(--sp-font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sp-fg-3);padding:var(--sp-s-14) 10px 6px}.cab-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--sp-r-sm);color:var(--sp-fg-2);font-weight:600;font-size:13px;text-decoration:none}.cab-link:hover{background:var(--sp-bg-2);color:var(--sp-fg-0)}.cab-link.active{background:var(--sp-accent-bg);color:var(--sp-fg-0);box-shadow:inset 3px 0 0 var(--sp-accent-hi)}.cab-link:focus-visible,.sp-btn:focus-visible{outline:2px solid var(--sp-accent-hi);outline-offset:2px}.cab-me{margin-top:auto;display:flex;gap:10px;align-items:center;padding:10px 8px;border-top:1px solid var(--sp-border-lo)}.cab-me b{display:block;color:var(--sp-fg-0);font-size:13px}.cab-me a{color:var(--sp-fg-3);font-size:12px}.cab-main{flex:1;min-width:0;padding:var(--sp-s-6) var(--sp-s-8)}.cab-head{display:flex;align-items:flex-end;gap:var(--sp-s-3);margin-bottom:var(--sp-s-5);flex-wrap:wrap}.cab-head>div:first-child{flex:1;min-width:200px}.cab-topbar{display:none}.cab-splash{min-height:100vh;display:grid;place-items:center;color:var(--sp-fg-2);background:var(--sp-bg-app)}.cab-table-wrap{background:var(--sp-bg-0);border:1px solid var(--sp-border-lo);border-radius:var(--sp-r-md);overflow-x:auto}.cab-table{width:100%;border-collapse:collapse;font-size:13px}.cab-table th{text-align:left;font-family:var(--sp-font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sp-fg-3);background:var(--sp-bg-1);padding:9px 14px;white-space:nowrap}.cab-table td{padding:10px 14px;border-top:1px solid var(--sp-border-lo);color:var(--sp-fg-1);vertical-align:middle}.cab-table tr.dim td{opacity:.55}.cab-table tr.link{cursor:pointer}.cab-table tr.link:hover td{background:var(--sp-bg-1)}.cab-who{display:flex;gap:10px;align-items:center}.cab-who b{display:block;color:var(--sp-fg-0)}.cab-who span{font-family:var(--sp-font-mono);font-size:11px;color:var(--sp-fg-3)}.cab-bar{display:flex;gap:var(--sp-s-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--sp-s-3)}.cab-pills{display:flex;gap:4px;flex-wrap:wrap}.cab-note{color:var(--sp-fg-3);font-size:12px;margin-top:var(--sp-s-2)}.cab-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-s-3)}.cab-tile{background:var(--sp-bg-1);border:1px solid var(--sp-border-lo);border-radius:var(--sp-r-md);padding:var(--sp-s-4);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:4px}.cab-tile:hover{border-color:var(--sp-border);background:var(--sp-bg-2)}.cab-tile .ic{width:34px;height:34px;border-radius:10px;background:var(--sp-bg-3);display:grid;place-items:center;font-size:17px;margin-bottom:8px}.cab-tile b{color:var(--sp-fg-0)}.cab-tile p{color:var(--sp-fg-2);font-size:12px;flex:1}.cab-form{display:grid;gap:var(--sp-s-14);max-width:760px}.cab-row{display:flex;gap:var(--sp-s-4);flex-wrap:wrap}.cab-row>label{flex:1 1 220px}.cab-field{display:flex;flex-direction:column;gap:6px;font-family:var(--sp-font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sp-fg-3)}.cab-check{display:flex;gap:8px;align-items:center;color:var(--sp-fg-1);font-size:14px}.cab-dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px}.cab-dl dt{color:var(--sp-fg-3);font-size:13px}.cab-dl dd{color:var(--sp-fg-0)}.cab-tabs{display:flex;gap:4px;border-bottom:1px solid var(--sp-border-lo);margin-bottom:var(--sp-s-5)}.cab-tab{padding:10px 14px;color:var(--sp-fg-2);font-weight:600;border-bottom:2px solid transparent;background:none}.cab-tab.active{color:var(--sp-fg-0);border-bottom-color:var(--sp-accent-hi)}.cab-modal-bg{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:var(--sp-s-4);z-index:20}.cab-modal{background:var(--sp-bg-1);border:1px solid var(--sp-border);border-radius:var(--sp-r-lg);padding:var(--sp-s-6);width:min(520px,100%)}.cab-modal h2{margin-bottom:var(--sp-s-3)}.cab-copy{display:flex;gap:var(--sp-s-2);align-items:center;background:var(--sp-bg-2);border-radius:var(--sp-r-sm);padding:10px 12px;font-family:var(--sp-font-mono);font-size:13px;color:var(--sp-fg-0);word-break:break-all}.cab-toasts{position:fixed;right:var(--sp-s-4);bottom:var(--sp-s-4);display:grid;gap:var(--sp-s-2);z-index:30}.cab-toast{background:var(--sp-bg-2);border:1px solid var(--sp-border);border-radius:var(--sp-r-md);padding:12px 14px;max-width:380px;color:var(--sp-fg-0)}.cab-toast.err{border-color:var(--sp-accent)}.cab-public{min-height:100vh;background:var(--sp-bg-app);display:flex;justify-content:center;padding:48px var(--sp-s-5)}.cab-public>div{width:100%;max-width:400px}.cab-public .sp-input{height:48px;border-radius:var(--sp-r-md);font-size:16px}@media(max-width:760px){.cab{flex-direction:column}.cab-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px var(--sp-s-4);background:var(--sp-bg-0);border-bottom:1px solid var(--sp-border-lo);position:sticky;top:0;z-index:10}.cab-side{display:none;position:fixed;inset:0;width:auto;height:100vh;z-index:15}.cab.menu-open .cab-side{display:flex}.cab-main{padding:var(--sp-s-4)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}