:root{--bg:#f6f6f7;--panel:#fff;--border:#e4e4e7;--border-soft:#f1f1f3;--text:#18181b;--muted:#71717a;--accent:#4f46e5;--accent-dark:#4338ca;--accent-soft:#eef2ff;--danger:#dc2626;--row-h:36px;--header-h:36px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13.5px;line-height:1.45}input,select,textarea,button{font:inherit}a{color:var(--accent)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.error-text{color:var(--danger);margin:6px 0}.formula-help{color:var(--muted,#6b7280);margin:0 0 6px;font-size:12px}.splash{height:100vh;color:var(--muted);place-items:center;display:grid}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 10px}.btn:hover{background:#f4f4f5}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dark)}.btn.danger{color:var(--danger);border-color:#fecaca}.btn.danger:hover{background:#fef2f2}.btn.wide{width:100%;padding:9px 12px}.auth{place-items:center;min-height:100%;padding:24px;display:grid;position:relative}.auth-locale{position:absolute;top:16px;right:16px}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:400px;max-width:100%;padding:28px;box-shadow:0 8px 30px #0000000f}.auth-card h1{margin:14px 0 18px;font-size:19px}.tagline{white-space:pre-line;margin:4px 0 0;font-size:12.5px}.field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.field span{color:var(--muted);font-size:12.5px}.field input{border:1px solid var(--border);border-radius:8px;padding:8px 10px}.field input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.auth-switch{margin-top:14px;font-size:13px;display:block}.auth-footer{border-top:1px solid var(--border);text-align:center;margin:14px 0 0;padding-top:10px;font-size:12px}.invite-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:470px;max-width:100%;padding:28px;box-shadow:0 8px 30px #0000000f}.invite-card h1{margin:10px 0 18px;font-size:20px}.invite-eyebrow{margin:14px 0 0;font-size:12.5px}.invite-facts{gap:10px;margin:0 0 20px;display:grid}.invite-facts div{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding-bottom:9px;display:flex}.invite-facts dt{color:var(--muted);font-size:12.5px}.invite-facts dd{text-align:right;margin:0;font-size:13px}.invite-note{margin:0 0 14px;font-size:13px}.invite-actions{flex-wrap:wrap;gap:8px;display:flex}.app{height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;width:264px;min-width:264px;display:flex}.brand{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-size:15px;font-weight:700;display:flex}.brand-mark{align-items:center;gap:6px;min-width:0;display:inline-flex}.brand-logo{object-fit:contain;object-position:left center;width:auto;min-width:22px;max-width:150px;height:22px}.brand-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-tools{flex:none;align-items:center;gap:4px;display:flex}.brand-admin{color:var(--muted);border-radius:6px;padding:5px 7px;font-size:15px;line-height:1;text-decoration:none}.brand-admin:hover{color:var(--text);background:#f4f4f5}.sidebar-section{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px 4px;font-size:11px;display:flex}.sidebar-add{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 4px;font-size:17px;line-height:1}.sidebar-add:hover{color:var(--text);background:#f4f4f5}.tree{flex:1;padding:4px 8px 12px;overflow:auto}.tree-ws{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:13.5px;display:flex}.tree-ws:hover{background:#f4f4f5}.tree-ws.active{font-weight:600}.chev{color:var(--muted);font-size:11px}.tree-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-bases{flex-direction:column;padding-left:18px;display:flex}.tree-base{color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;font-size:13px;text-decoration:none;display:flex}.tree-base:hover{background:#f4f4f5}.tree-base.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.tree-add{text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px 8px;font-size:13px}.tree-add:hover{color:var(--text);background:#f4f4f5}.sidebar-foot{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.user{flex-direction:column;min-width:0;display:flex}.user-name{font-size:13px;font-weight:600}.user-email{text-overflow:ellipsis;font-size:12px;overflow:hidden}.foot-actions{align-items:center;gap:8px;display:flex}.foot-actions select{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:5px 8px}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page{padding:22px 24px;overflow:auto}.page-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.page-head h2{margin:0;font-size:18px}.crumbs{flex-direction:column;gap:2px;display:flex}.crumb-link{color:var(--muted);font-size:12px;text-decoration:none}.crumb-link:hover{color:var(--accent)}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.card{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:12px;flex-direction:column;gap:4px;padding:16px;text-decoration:none;display:flex}.card:hover{border-color:var(--accent);box-shadow:0 4px 14px #4f46e514}.card-title{font-weight:600}.card-actions{margin-top:8px}.card-actions .btn{padding:4px 10px;font-size:12px}.grid-page{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.grid-page .page-head{margin:0;padding:12px 16px 8px;display:block}.grid-page .page-head h2{margin-top:2px}.grid-toolbar{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:8px;padding:8px 12px;display:flex}.search{border:1px solid var(--border);background:#fafafa;border-radius:8px;width:260px;max-width:40vw;padding:6px 10px}.search:focus{outline:2px solid var(--accent-soft);border-color:var(--accent);background:#fff}.row-count{white-space:nowrap;font-size:12px}.spacer{flex:1}.menu-wrap{position:relative}.menu{z-index:40;background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:210px;max-height:300px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow:auto;box-shadow:0 8px 24px #0000001f}.menu-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;display:flex}.menu-item:hover{background:#f4f4f5}.menu button.menu-item{width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:none}.menu button.menu-item:disabled{opacity:.45;cursor:not-allowed}.menu button.menu-item:disabled:hover{background:0 0}.menu-note{border-top:1px solid var(--border);margin:2px 0 0;padding:5px 8px 2px;font-size:11.5px}.context-menu{z-index:60;min-width:190px;position:fixed;top:auto;right:auto}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:#fee2e2}.grid-scroll{background:var(--panel);outline:none;flex:1;position:relative;overflow:auto}.grid-scroll::-webkit-scrollbar{width:12px;height:12px}.grid-scroll::-webkit-scrollbar-thumb{background:#d4d4d8;border:3px solid #fff;border-radius:8px}.grid-inner{position:relative}.grid-head{z-index:5;height:var(--header-h);border-bottom:1px solid var(--border);background:#fafafa;display:flex;position:sticky;top:0}.th{border-right:1px solid var(--border);white-space:nowrap;color:#3f3f46;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:flex;position:relative;overflow:hidden}.th.first{z-index:6;color:var(--muted);background:#fafafa;justify-content:center;position:sticky;left:0}.th.actions{border-right:none}.th-name{text-overflow:ellipsis;overflow:hidden}.req{color:var(--danger)}.resizer{cursor:col-resize;z-index:2;width:7px;height:100%;position:absolute;top:0;right:-3px}.grid-body{position:relative}.tr{height:var(--row-h);border-bottom:1px solid var(--border-soft);background:var(--panel);display:flex;position:absolute;left:0}.td{border-right:1px solid var(--border-soft);white-space:nowrap;background:var(--panel);flex:none;align-items:center;padding:0 10px;display:flex;position:relative;overflow:hidden}.tr:hover .td{background:#fafafa}.td.first{z-index:1;color:var(--muted);justify-content:center;font-size:12px;position:sticky;left:0}.td.selected{box-shadow:inset 0 0 0 2px var(--accent)}.td.editing{z-index:10;padding:0;overflow:visible}.td.num{justify-content:flex-end}.num-text{font-variant-numeric:tabular-nums}.td.actions{border-right:none;justify-content:center}.row-icon{opacity:0;cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:12px}.tr:hover .row-icon{opacity:1}.row-icon:hover{color:var(--text);background:#eef1f5}.row-delete:hover{color:var(--danger);background:#fee2e2}.cb{width:15px;height:15px;accent-color:var(--accent)}.grid-foot{height:var(--row-h);color:var(--muted);justify-content:center;align-items:center;font-size:12px;display:flex}.grid-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 24px;display:flex}.add-row{z-index:4;border:none;border-top:1px solid var(--border);background:var(--panel);width:100%;color:var(--accent);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:flex;position:sticky;bottom:0;left:0}.add-row:hover{background:var(--accent-soft)}.cell-input{border:2px solid var(--accent);background:#fff;border-radius:0;outline:none;width:100%;height:100%;padding:0 8px}.cell-input.invalid{border-color:var(--danger)}.popover{z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;min-width:180px;max-height:240px;padding:6px;display:flex;position:absolute;top:100%;left:0;overflow:auto;box-shadow:0 8px 24px #0000001f}.popover-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;display:flex}.popover-item:hover{background:#f4f4f5}.popover button.popover-item{width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:none}.popover-item.active{background:var(--accent-soft);font-weight:600}.popover-item.muted{color:var(--muted);font-style:italic}.popover-empty{padding:4px 6px;font-size:12.5px}.chips{gap:4px;display:flex;overflow:hidden}.chip{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;max-width:100%;padding:1px 8px;font-size:12px;display:inline-flex;overflow:hidden}.stars{color:#f59e0b;letter-spacing:1px}.stars-empty{opacity:.3}.badge{background:var(--accent-soft);color:#3730a3;border-radius:6px;padding:1px 6px;font-size:12px}.linkish{-webkit-text-decoration:underline #d4d4d8;text-decoration:underline #d4d4d8}.toasts{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{color:#fff;background:#18181b;border-radius:10px;max-width:380px;padding:9px 12px;font-size:13px;box-shadow:0 8px 24px #0000002e}.toast-success{background:#065f46}.toast-error{background:#991b1b}.overlay{z-index:90;background:#18181b73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border-radius:14px;flex-direction:column;gap:14px;width:420px;max-width:100%;padding:20px;display:flex;box-shadow:0 16px 40px #0003}.dialog h3{margin:0;font-size:16px}.dialog-row{color:var(--muted);flex-direction:column;gap:5px;font-size:12.5px;display:flex}.dialog-check{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:12.5px;display:flex}.dialog-check input{accent-color:var(--accent)}.dialog-row input,.dialog-row select,.dialog-row textarea{border:1px solid var(--border);font:inherit;color:var(--text);border-radius:8px;padding:8px 10px}.dialog-row textarea{resize:vertical}.dialog-row input:focus,.dialog-row select:focus,.dialog-row textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.checkbox-row{color:var(--text);flex-direction:row;align-items:center;gap:8px;font-size:13.5px}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.import-dialog{width:660px}.import-note,.import-file,.import-summary{margin:0;font-size:12.5px}.import-map{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;max-height:320px;padding:8px;display:flex;overflow:auto}.import-map-row{grid-template-columns:1fr 1fr;align-items:center;gap:10px;display:grid}.import-source{flex-direction:column;gap:2px;min-width:0;display:flex}.import-column{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.import-sample{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.import-map-row select{border:1px solid var(--border);font:inherit;color:var(--text);background:var(--panel);border-radius:8px;min-width:0;padding:6px 8px}.import-summary{gap:16px;font-size:14px;display:flex}.import-ok{color:#15803d}.import-fail{color:#b91c1c}.import-errors{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;max-height:240px;padding:8px;display:flex;overflow:auto}.import-error{margin:0;font-size:12px}.table-import-dialog{width:720px}.table-import-columns{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;max-height:340px;padding:8px;display:flex;overflow:auto}.table-import-head,.table-import-row{grid-template-columns:28px minmax(0,1fr) 190px;align-items:center;gap:10px;display:grid}.table-import-head{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 2px;font-size:11px}.table-import-toggle{justify-content:center;align-items:center;display:flex}.table-import-name{flex-direction:column;gap:2px;min-width:0;display:flex}.table-import-name input,.table-import-row select{width:100%}.introspect-url{align-items:flex-end;gap:8px;display:flex}.introspect-url .dialog-row{flex:1;min-width:0}.introspect-url .btn{white-space:nowrap}.introspect-columns{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;max-height:300px;padding:8px;display:flex;overflow:auto}.introspect-col{grid-template-columns:auto minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;display:grid}.introspect-source{flex-direction:column;gap:2px;min-width:0;display:flex}.introspect-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.introspect-type{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.introspect-badges{flex-wrap:wrap;gap:4px;display:flex}.introspect-badges .badge{padding:0 5px;font-size:10.5px}.introspect-input,.introspect-select{border:1px solid var(--border);font:inherit;color:var(--text);background:var(--panel);border-radius:8px;min-width:0;padding:6px 8px}.introspect-input:focus,.introspect-select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.introspect-col input:disabled,.introspect-col select:disabled{opacity:.5}.attachment-dialog{width:560px}.attachment-list{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;max-height:280px;padding:8px;display:flex;overflow:auto}.attachment-item{align-items:center;gap:8px;display:flex}.attachment-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.attachment-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.attachment-meta{font-size:11px}.attachment-note{margin:0;font-size:12.5px}.attachment-item .btn{white-space:nowrap;padding:4px 8px;font-size:12px;text-decoration:none}.relation-chip{background:var(--accent-soft);color:var(--accent-dark)}.relation-dialog{width:480px}.relation-toolbar{gap:8px;display:flex}.relation-search{flex:1}.relation-note{margin:0;font-size:12.5px}.relation-list{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;max-height:300px;padding:6px;display:flex;overflow:auto}.relation-item{cursor:pointer;text-align:left;font:inherit;color:inherit;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.relation-item:hover{background:#f4f4f5}.relation-item.current{background:var(--accent-soft);outline:1px solid #c7d2fe}.relation-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.relation-id{flex-shrink:0;font-size:11px}.relation-more{align-self:center}.live-dot{background:#d4d4d8;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.live-dot.live-on{background:#16a34a}.live-dot.live-connecting{animation:1.2s ease-in-out infinite alternate live-pulse}@keyframes live-pulse{0%{opacity:.35}to{opacity:1}}.btn.active{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft)}.view-bar{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:4px;padding:6px 12px;display:flex;overflow-x:auto}.view-tab{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.view-tab:hover{color:var(--text);background:#f4f4f5}.view-tab.active{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent-dark);font-weight:600}.view-tab.view-new{color:var(--muted);border-style:dashed;border-color:var(--border)}.view-icon{font-size:13px;line-height:1}.view-flag{opacity:.85;font-size:11px;line-height:1}.view-empty{font-size:12.5px}.dialog-wide{max-width:640px}.filter-row{align-items:center;gap:8px;display:flex}.filter-row select,.filter-row input{border:1px solid var(--border);min-width:0;font:inherit;background:#fff;border-radius:7px;flex:1;padding:6px 8px}.btn.icon{flex:none;padding:4px 9px}.kind-empty,.kind-state{padding:20px;font-size:13px}.kind-state{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.kind-picker{flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.kind-picker select{border:1px solid var(--border);font:inherit;background:#fff;border-radius:7px;min-width:220px;padding:6px 8px}.form-view{flex-direction:column;flex:1;align-items:center;gap:10px;padding:12px 16px;display:flex;overflow:auto}.form-toolbar{align-items:center;gap:10px;display:flex}.form-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;width:min(720px,100%);padding:16px 18px;display:flex}.form-title{margin:0 0 4px;font-size:15px}.form-field{border-bottom:1px solid var(--border-soft);grid-template-columns:180px 1fr;align-items:baseline;gap:10px;padding-bottom:8px;display:grid}.form-field:last-child{border-bottom:none;padding-bottom:0}.form-label{color:var(--muted);font-size:12.5px}.form-value{overflow-wrap:anywhere;min-width:0}.gallery-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:12px;padding:12px 16px;display:grid;overflow:auto}.gallery-card{text-align:left;background:var(--panel);border:1px solid var(--border);cursor:pointer;font:inherit;color:inherit;border-radius:10px;flex-direction:column;gap:5px;padding:12px;display:flex}.gallery-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000000f}.gallery-title{font-weight:600}.gallery-line{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.kanban-board{flex:1;align-items:flex-start;gap:12px;padding:12px 16px;display:flex;overflow:auto}.kanban-col{background:#f4f4f5;border:1px dashed #0000;border-radius:10px;flex-direction:column;flex:none;gap:8px;width:240px;padding:8px;display:flex}.kanban-col.hover{border-color:var(--accent);background:var(--accent-soft)}.kanban-head{justify-content:space-between;align-items:center;gap:6px;min-height:24px;padding:2px 4px;font-size:12.5px;display:flex}.kanban-card{background:var(--panel);border:1px solid var(--border);cursor:grab;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex;box-shadow:0 1px 2px #0000000a}.kanban-card.dragging{opacity:.45}.kanban-title{font-size:13px;font-weight:600}.calendar{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex;overflow:auto}.calendar-toolbar{align-items:center;gap:8px;display:flex}.calendar-month{text-transform:capitalize;min-width:170px;font-weight:600}.calendar-note{margin-left:auto;font-size:12px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calendar-wd{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:0 6px;font-size:11.5px}.calendar-day{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;min-height:92px;padding:6px;display:flex;overflow:hidden}.calendar-day.outside{opacity:.45}.calendar-day.today{border-color:var(--accent)}.calendar-daynum{color:var(--muted);font-size:11.5px}.calendar-item{background:var(--accent-soft);color:var(--accent-dark);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:1px 6px;font-size:11.5px;overflow:hidden}.calendar-more{color:var(--muted);font-size:11px}.share-url-row{align-items:center;gap:8px;display:flex}.share-url-row input{flex:1}.share-actions{flex-wrap:wrap}.share-page{flex-direction:column;min-height:100vh;display:flex}.share-head{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex}.share-brand{color:var(--text);align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.logo-mark{background:var(--accent);color:#fff;border-radius:6px;place-items:center;width:22px;height:22px;font-size:13px;display:inline-grid}.share-titles{align-items:baseline;gap:8px;min-width:0;display:flex}.share-titles h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;overflow:hidden}.share-sub{font-size:12px}.share-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.share-center{flex:1;place-items:center;padding:32px 16px;display:grid}.share-gate{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;width:min(380px,92vw);padding:24px;display:flex;box-shadow:0 8px 24px #0000000f}.share-gate h2{margin:0}.share-gate input{border:1px solid var(--border);background:#fafafa;border-radius:8px;padding:8px 10px}.share-gate input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent);background:#fff}.share-main{flex-direction:column;flex:1;gap:12px;min-width:0;padding:16px;display:flex}.share-grid-wrap{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:auto}.share-grid{border-collapse:collapse;width:100%}.share-grid th{z-index:1;text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;background:#fafafa;padding:8px 12px;font-size:12px;font-weight:600;position:sticky;top:0}.share-grid td{border-bottom:1px solid var(--border-soft);vertical-align:top;min-width:120px;padding:8px 12px}.share-grid tr:last-child td{border-bottom:none}.share-foot{justify-content:center;align-items:center;gap:12px;display:flex}.share-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:flex}.share-footer a{color:var(--muted)}.head-actions{align-items:center;gap:8px;display:flex}.tokens-intro{max-width:640px;margin:0 0 14px}.api-help{border:1px solid var(--border);background:var(--panel);border-radius:12px;max-width:720px;margin:0 0 16px;padding:10px 14px}.api-help summary{cursor:pointer;font-weight:600}.api-help p{margin:8px 0}.api-snippet{background:var(--bg);border:1px solid var(--border-soft);border-radius:8px;margin:8px 0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow-x:auto}.token-created{border:1px solid var(--accent);background:var(--accent-soft);border-radius:12px;flex-direction:column;gap:8px;max-width:720px;margin-bottom:16px;padding:14px 16px;display:flex}.token-created p{margin:0}.token-form{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:4px;display:flex}.token-form .field input{min-width:220px}.token-check{align-items:center;gap:6px;padding-bottom:6px;display:flex}.tokens-hint{margin:0 0 18px;font-size:12px}.tokens-subtitle{margin:0 0 8px;font-size:14px}.data-table{border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;width:100%;overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-soft);padding:9px 12px;font-size:13px}.data-table th{color:var(--muted);border-bottom:1px solid var(--border);font-size:12px;font-weight:600}.data-table tbody tr:last-child td{border-bottom:none}.data-table-actions{text-align:right;white-space:nowrap}.admin-table{margin-bottom:22px}.admin-rename{align-items:flex-end;gap:12px;margin-bottom:22px;display:flex}.admin-rename .field{width:min(420px,100%);margin-bottom:0}.admin-rename .field input{width:100%}.danger-zone{border-top:1px solid var(--border);margin-top:28px;padding-top:18px}.danger-zone .tokens-hint{margin-bottom:10px}.admin-quotas{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.admin-quota-fields{flex-wrap:wrap;gap:12px;display:flex}.admin-quota-fields .field input{width:120px}.admin-quota-usage{font-size:12px}.audit-filter select{min-width:180px}.audit-table td{vertical-align:top}.audit-when{white-space:nowrap}.audit-meta{overflow-wrap:anywhere;max-width:320px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:inline-block}.audit-verify{border:1px solid var(--border);background:var(--panel);border-radius:12px;margin:0 0 16px;padding:10px 14px}.audit-verify>p{margin:0}.audit-verify-ok{color:#15803d;font-weight:600}.audit-verify-broken{color:var(--danger);font-weight:600}.audit-verify-head{overflow-wrap:anywhere;margin-top:6px!important}.audit-more{margin-top:14px}.webhook-form{border:1px solid var(--border);background:var(--panel);border-radius:12px;margin:12px 0;padding:12px}.webhook-events{flex-wrap:wrap;gap:14px;display:flex}.webhook-event{color:var(--text);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.webhook-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.webhook-item{border:1px solid var(--border);background:var(--panel);border-radius:10px;align-items:center;gap:12px;padding:8px 10px;display:flex}.webhook-item.active{border-color:var(--accent);background:var(--accent-soft)}.webhook-head{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.webhook-name{white-space:nowrap;font-size:13px;font-weight:600}.webhook-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden}.webhook-actions{flex-shrink:0;gap:6px;display:flex}.webhook-detail{border-top:1px solid var(--border-soft);margin-top:14px;padding-top:12px}.webhook-deliveries-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.webhook-deliveries-head h4{margin:0}.webhook-table td,.webhook-table th{padding:6px 10px}.webhook-detail-cell{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.webhook-status{border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.webhook-status.pending{color:#92400e;background:#fef3c7}.webhook-status.success{color:#065f46;background:#d1fae5}.webhook-status.failed{color:#991b1b;background:#fee2e2}.automation-editor{flex-direction:column;gap:6px;min-width:0;display:flex}.automation-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.automation-buttons .muted{font-size:12px}.automation-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.automation-summary{margin:0;font-size:12px}.history-dialog{width:720px}.history-list{flex-direction:column;gap:8px;max-height:60vh;display:flex;overflow-y:auto}.history-item{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:10px 12px}.history-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-version{font-size:13px;font-weight:600}.history-when,.history-author{font-size:12px}.history-badge{border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:1px 8px;font-size:11px}.history-badge.history-created{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.history-badge.history-updated{color:var(--accent-dark);background:var(--accent-soft);border-color:#c7d2fe}.history-badge.history-deleted{color:var(--danger);background:#fef2f2;border-color:#fecaca}.history-changed{margin:6px 0 0;font-size:12px}.history-values{grid-template-columns:minmax(120px,34%) 1fr;gap:3px 12px;margin:8px 0 0;padding:0;font-size:12.5px;display:grid}.history-value{display:contents}.history-value dt{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-value dd{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.brand{justify-content:space-between;align-items:center;gap:8px;display:flex}.row-comments.has-count{opacity:1;position:relative}.row-comment-count{font-variant-numeric:tabular-nums;color:var(--accent);margin-left:2px;font-size:11px;font-weight:600}.comments-dialog{width:620px}.comment-list{flex-direction:column;gap:8px;max-height:52vh;display:flex;overflow-y:auto}.comment{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:8px 12px 10px}.comment-head{align-items:center;gap:8px;font-size:12.5px;display:flex}.comment-author{font-weight:600}.comment-when,.comment-head .muted{font-size:11.5px}.comment-action{padding:2px 8px;font-size:11.5px}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}.mention{color:var(--accent-dark);background:var(--accent-soft);border-radius:4px;padding:0 3px;font-weight:600}.comment-edit{flex-direction:column;gap:6px;margin-top:6px;display:flex}.comment-edit textarea,.comment-input{border:1px solid var(--border);width:100%;font:inherit;color:var(--text);resize:vertical;border-radius:8px;padding:8px 10px}.comment-edit textarea:focus,.comment-input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.comment-edit-actions{justify-content:flex-end;gap:8px;display:flex}.comment-composer{flex-direction:column;gap:6px;display:flex;position:relative}.comment-actions{align-items:center;gap:8px;display:flex}.comment-hint{font-size:11.5px}.comment-readonly{margin:0}.mention-list{z-index:5;background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:240px;max-height:200px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;overflow:auto;box-shadow:0 8px 24px #0000001f}.mention-item{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 8px;display:flex}.mention-item.active,.mention-item:hover{background:#f4f4f5}.mention-name{font-weight:600}.mention-email{font-size:11.5px}.bell-wrap{position:relative}.bell{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:15px;line-height:1;position:relative}.bell:hover{background:#f4f4f5}.bell-count{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:15px;padding:0 4px;font-size:10px;font-weight:700;line-height:15px;position:absolute;top:-2px;right:-4px}.bell-panel{z-index:70;background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;width:340px;max-height:400px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 12px 32px #0000002e}.bell-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:2px 4px 6px;display:flex}.bell-empty{margin:8px 4px}.bell-list{flex-direction:column;gap:4px;display:flex}.bell-item{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:2px;padding:7px 8px;display:flex}.bell-item:hover{background:#f4f4f5}.bell-item.unread{background:var(--accent-soft)}.bell-line{font-size:12.5px}.bell-excerpt{color:var(--text);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.bell-meta{font-size:11px}.instance-form{max-width:760px}.instance-fields{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 14px;display:grid}.instance-field-wide{grid-column:1/-1}.instance-preview{border:1px dashed var(--border);background:var(--bg);border-radius:10px;flex-direction:column;gap:8px;margin:4px 0 18px;padding:14px;display:flex}.instance-preview-bar{background:var(--panel);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.instance-preview-bar .brand-name{font-size:15px;font-weight:700}.instance-preview-tagline{margin:0;font-size:12.5px}.instance-preview-footer{border-top:1px solid var(--border);color:var(--muted);margin:0;padding-top:8px;font-size:12px}.branding-color{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.branding-color-text{flex:1;min-width:0}.branding-color input[type=color]{border:1px solid var(--border);background:#fff;border-radius:7px;flex:none;width:34px;height:30px;padding:2px}.brand-preview{border:1px dashed var(--border);background:var(--bg);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.brand-preview .form-card{padding:12px 14px}.form-brand{border-bottom:2px solid var(--brand-accent,var(--accent));flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:6px;padding-bottom:8px;display:flex}.form-brand-logo{object-fit:contain;object-position:left center;width:auto;min-width:44px;max-width:220px;height:44px}.form-brand-title{color:var(--brand-accent,var(--accent));margin:0;font-size:18px}.form-brand-desc{color:var(--muted);white-space:pre-wrap;margin:0;font-size:13px}.form-brand-empty{color:var(--muted);margin:0;font-size:12.5px}.form-brand-footer{width:min(720px,100%);color:var(--muted);text-align:center;white-space:pre-wrap;margin:0;font-size:12.5px}.share-brand-logo{object-fit:contain;object-position:left center;width:auto;min-width:24px;max-width:200px;height:24px}.share-page .share-head{border-bottom-color:var(--brand-accent,var(--border))}.share-titles h1{color:var(--brand-accent,var(--text))}.share-desc{color:var(--muted);white-space:pre-wrap;margin:0;font-size:12.5px}.share-foot-text{margin-right:auto}.backups-intro{max-width:780px;margin:0 0 18px;font-size:13px}.backup-settings{border:1px solid var(--border);background:var(--panel);border-radius:12px;margin:0 0 20px;padding:14px 16px}.backup-settings h3{margin:0 0 12px;font-size:14px}.backup-settings-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.backup-settings-row .field input{width:110px}.backup-hint{margin:10px 0 0;font-size:12px}.backup-settings p{margin:6px 0 0}.backup-list{flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:flex}.backup-card{border:1px solid var(--border);background:var(--panel);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.backup-card-body{flex:280px;min-width:220px}.backup-card-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.backup-when{font-variant-numeric:tabular-nums}.backup-kind{font-size:13px;font-weight:600}.backup-card-summary{color:var(--muted);margin:6px 0 0;font-size:12.5px}.backup-card-actions{flex-wrap:wrap;gap:6px;display:flex}.backup-status{background:var(--border-soft);color:var(--muted);border-radius:6px;padding:1px 6px;font-size:12px}.backup-status-completed{background:var(--accent-soft);color:#3730a3}.backup-status-failed{color:#b91c1c;background:#fee2e2}.backup-status-running{color:#92400e;background:#fef3c7}.backup-error{overflow-wrap:anywhere;max-width:280px;font-size:12px;display:inline-block}.metrics-period,.metrics-metric{min-width:132px}.metrics-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:18px;display:grid}.metrics-card{border:1px solid var(--border);background:var(--panel);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.metrics-card-label{color:var(--muted);font-size:12px}.metrics-card-value{font-variant-numeric:tabular-nums;font-size:22px;line-height:1.2}.metrics-panel{border:1px solid var(--border);background:var(--panel);border-radius:12px;margin-bottom:16px;padding:14px 16px}.metrics-panel-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.metrics-panel-head h3{margin:0;font-size:14px}.metrics-chart{border-bottom:1px solid var(--border);justify-content:center;align-items:flex-end;gap:4px;height:170px;padding-top:6px;display:flex}.metrics-chart-col{flex-direction:column;flex:1 1 0;justify-content:flex-end;min-width:0;max-width:38px;height:100%;display:flex}.metrics-chart.dense{gap:0}.metrics-chart-track{flex:auto;align-items:flex-end;min-height:0;display:flex}.metrics-chart-bar{background:linear-gradient(180deg, var(--accent), var(--accent-dark));border-radius:3px 3px 0 0;width:100%}.metrics-chart-date{height:16px;color:var(--muted);text-align:center;white-space:nowrap;flex:none;margin-top:3px;font-size:10px}.metrics-caption{margin:8px 0 0;font-size:12px}.metrics-table{margin-top:4px}.metrics-table th:not(:first-child),.metrics-table td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.metrics-foot{margin:0;font-size:12px}.scripts-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:16px;display:grid}.scripts-list{background:var(--panel);border:1px solid var(--border);border-radius:12px;max-height:calc(100vh - 250px);overflow:hidden auto}.scripts-list-head{border-bottom:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex}.scripts-list-empty{margin:0;padding:12px;font-size:12px}.script-item{border:none;border-bottom:1px solid var(--border-soft);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.script-item:hover{background:#f8f8fa}.script-item.active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.script-item-name{font-size:13px;font-weight:600}.script-item-description{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.script-item-date{color:var(--muted);font-size:11px}.scripts-editor{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.scripts-editor-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.scripts-editor-head h3{margin:0;font-size:15px}.scripts-badge{color:var(--muted);white-space:nowrap;background:#f4f4f5;border-radius:999px;padding:2px 8px;font-size:11px}.scripts-badge.dirty{color:#c2410c;background:#fff7ed}.scripts-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.scripts-code-field{gap:4px}.script-code{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);tab-size:2;resize:vertical;border-radius:8px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5}.script-code:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.scripts-hint{margin:-4px 0 0;font-size:12px}.scripts-actions{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.script-result{border-top:1px solid var(--border);margin-top:4px;padding-top:10px}.script-result-head{justify-content:space-between;align-items:baseline;gap:8px;margin:2px 0 4px;display:flex}.script-result-head h4{margin:0;font-size:13px}.script-output,.script-logs{border:1px solid var(--border-soft);background:var(--bg);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:260px;margin:0 0 12px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;overflow:auto}.script-logs{color:#3f3f46}@media (width<=900px){.scripts-layout{grid-template-columns:1fr}.scripts-list{max-height:220px}.scripts-fields{grid-template-columns:1fr}}