:root{--accent: #4e9a6b;--accent-dark: #3d7f56;--accent-soft: #edf6f0;--canvas: #ffffff;--canvas-alt: #fafafb;--panel: #ffffff;--header-bg: #f7f7f8;--border: #e3e5e8;--border-strong: #d3d6db;--text: #1f2329;--text-2: #4b5563;--muted: #7b8494;--muted-2: #9aa2b1;--blue: #2d7ff9;--red: #e8523f;--amber: #fcb400;--green: #4faa62;--purple: #7b3fe4;--radius: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow: 0 4px 14px rgba(16, 24, 40, .1);--shadow-lg: 0 12px 40px rgba(16, 24, 40, .18);--topbar-h: 46px;--tabbar-h: 36px;--sidebar-w: 268px;--rail-w: 40px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:13px;color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cfd3da;border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#b3b9c4;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.app{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-body{flex:1;display:flex;min-height:0}.topbar{height:var(--topbar-h);background:var(--accent);color:#fff;display:flex;align-items:center;gap:10px;padding:0 12px;flex:none;position:relative;z-index:40}.topbar-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14.5px;letter-spacing:.1px}.topbar-divider{width:1px;height:22px;background:#ffffff47;margin:0 4px}.topbar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;max-width:40vw}.topbar-center button{background:transparent;border:0;color:#fff;font-weight:600;font-size:15px;display:flex;align-items:center;gap:7px;padding:4px 8px;border-radius:var(--radius);white-space:nowrap}.topbar-center button:hover{background:#ffffff29}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:4px}.icon-btn{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:var(--radius);background:transparent;color:inherit;flex:none}.icon-btn:hover{background:#0000000f}.topbar .icon-btn:hover{background:#ffffff2e}.icon-btn.sm{width:24px;height:24px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;flex:none;letter-spacing:.3px}.avatar.sm{width:22px;height:22px;font-size:9.5px}.avatar.lg{width:36px;height:36px;font-size:13px}.user-chip{display:flex;align-items:center;gap:8px;padding:3px 4px 3px 10px;border-radius:20px;background:transparent;border:0;color:#fff}.user-chip:hover{background:#ffffff29}.user-chip .name{font-size:12.5px;font-weight:600;line-height:1.15;text-align:right}.user-chip .sub{font-size:10.5px;opacity:.8;line-height:1.15}.sidebar{width:var(--sidebar-w);flex:none;background:var(--canvas);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;transition:width .16s ease}.sidebar.collapsed{width:0;border-right:0;overflow:hidden}.ws-header{display:flex;align-items:center;gap:10px;padding:12px 12px 10px}.ws-badge{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;flex:none}.ws-name{font-weight:600;font-size:14px;flex:1}.sidebar-nav{padding:0 8px 8px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;background:transparent;border-radius:var(--radius);color:var(--text-2);text-align:left;font-size:13px}.nav-item:hover{background:#f2f3f5}.nav-item.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:600}.sidebar-sep{height:1px;background:var(--border);margin:6px 12px}.sidebar-scroll{flex:1;overflow-y:auto;padding:4px 8px 12px;min-height:0}.section-label{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.solution-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 8px;border:0;background:transparent;border-radius:var(--radius);text-align:left;color:var(--text);font-size:13px}.solution-item:hover{background:#f2f3f5}.solution-item.active{background:#eef1f4;font-weight:600}.solution-dot{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;color:#fff;flex:none}.chev{transition:transform .14s ease;color:var(--muted);flex:none}.chev.open{transform:rotate(90deg)}.table-list{padding:2px 0 6px 20px}.table-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;background:transparent;border-radius:var(--radius);text-align:left;color:var(--text-2);font-size:12.5px}.table-item:hover{background:#f2f3f5}.table-item:hover .row-actions{opacity:1}.table-item.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:600}.table-item .label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{opacity:0;display:flex;gap:2px}.sidebar-footer{padding:10px;border-top:1px solid var(--border)}.btn-block{width:100%;justify-content:center}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--canvas)}.tabbar{height:var(--tabbar-h);display:flex;align-items:stretch;gap:2px;border-bottom:1px solid var(--border);padding:0 8px;background:var(--canvas);overflow-x:auto;overflow-y:hidden;flex:none;scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:7px;padding:0 11px;border:0;background:transparent;color:var(--text-2);font-size:12.5px;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{background:#f4f5f7}.tab.active{color:var(--accent-dark);font-weight:600;border-bottom-color:var(--accent)}.tab.add{color:var(--muted);padding:0 9px}.rail{width:var(--rail-w);flex:none;border-right:1px solid var(--border);background:var(--canvas-alt);display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;overflow-y:auto}.rail-btn{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:var(--radius);background:transparent;color:var(--muted);position:relative}.rail-btn:hover{background:#eceef1;color:var(--text)}.rail-btn.active{background:var(--accent-soft);color:var(--accent-dark)}.workarea{flex:1;display:flex;min-height:0;min-width:0}.viewpane{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.view-header{display:flex;align-items:center;gap:8px;padding:10px 14px 8px;flex:none}.view-title{display:flex;align-items:center;gap:7px;border:0;background:transparent;font-size:19px;font-weight:700;color:var(--text);padding:2px 6px;border-radius:var(--radius)}.view-title:hover{background:#f2f3f5}.view-header .spacer{flex:1}.toolbar{display:flex;align-items:center;gap:6px;padding:0 14px 9px;flex-wrap:wrap;flex:none}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-2);font-size:12.5px;white-space:nowrap}.chip:hover{background:#f2f3f5}.chip.on{background:var(--accent-soft);color:var(--accent-dark);border-color:transparent}.chip .count{min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:#00000014;font-size:10.5px;font-weight:700;display:grid;place-items:center}.chip.on .count{background:#00000017}.search-box{display:flex;align-items:center;gap:6px;height:28px;padding:0 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--canvas);min-width:190px}.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:12.5px}.btn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--canvas);color:var(--text);font-size:12.5px;font-weight:500;white-space:nowrap}.btn:hover{background:#f4f5f7}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.primary:hover{background:var(--accent-dark)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:#f2f3f5}.btn.danger{color:var(--red)}.btn.danger:hover{background:#fdf0ee}.btn.sm{height:26px;padding:0 9px;font-size:12px}.btn.lg{height:36px;padding:0 16px;font-size:13.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.grid-wrap{flex:1;overflow:auto;border-top:1px solid var(--border);min-height:0;position:relative}.grid{display:inline-block;min-width:100%}.grid-row{display:flex;border-bottom:1px solid var(--border);background:var(--canvas)}.grid-head{position:sticky;top:0;z-index:20;background:var(--header-bg)}.grid-head .cell{background:var(--header-bg);font-weight:600;color:var(--text-2);font-size:12px;-webkit-user-select:none;user-select:none}.cell{flex:none;border-right:1px solid var(--border);padding:0 9px;display:flex;align-items:center;gap:6px;min-height:34px;overflow:hidden;position:relative;background:var(--canvas)}.grid-row.tall .cell{min-height:56px;align-items:flex-start;padding-top:8px}.grid-row.medium .cell{min-height:44px}.cell.gutter{width:68px;justify-content:space-between;padding:0 6px 0 8px;color:var(--muted);font-size:11.5px;position:sticky;left:0;z-index:10}.grid-head .cell.gutter{z-index:25}.cell.sticky{position:sticky;left:68px;z-index:10;box-shadow:1px 0 0 var(--border)}.grid-head .cell.sticky{z-index:25}.grid-row:hover .cell{background:#f8f9fb}.grid-row.selected .cell{background:#eef5ff}.cell-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:5px;min-width:0}.grid-row.tall .cell-value{white-space:normal;align-items:flex-start}.cell.editing{box-shadow:inset 0 0 0 2px var(--blue);z-index:30;background:#fff}.cell input.raw,.cell textarea.raw{border:0;outline:0;width:100%;background:transparent;padding:0;font-size:13px;resize:none}.col-head{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.col-head .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-head .cell:hover .col-menu{opacity:1}.col-menu{opacity:0}.col-resize{position:absolute;right:-3px;top:0;bottom:0;width:7px;cursor:col-resize;z-index:5}.col-resize:hover{background:#2d7ff959}.expand-btn{opacity:0;width:22px;height:22px;border-radius:4px;border:1px solid var(--border);background:#fff;display:grid;place-items:center;color:var(--muted);flex:none}.grid-row:hover .expand-btn{opacity:1}.expand-btn:hover{color:var(--text);border-color:var(--border-strong)}.row-num{width:20px;text-align:right;font-variant-numeric:tabular-nums}.grid-row:hover .row-num{visibility:hidden}.row-check{display:none}.grid-row:hover .row-check,.grid-row.selected .row-check{display:block}.grid-row:hover .row-num.hide-on-hover{display:none}.add-row{display:flex;align-items:center;gap:8px;padding:0 9px;min-height:34px;color:var(--muted);border-bottom:1px solid var(--border);cursor:pointer;position:sticky;left:0;font-size:12.5px}.add-row:hover{background:#f6f7f9;color:var(--text)}.add-field-cell{width:44px;display:grid;place-items:center;border-right:1px solid var(--border);color:var(--muted);background:var(--header-bg)}.add-field-cell:hover{background:#eef0f3;color:var(--text)}.group-header{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--canvas-alt);border-bottom:1px solid var(--border);position:sticky;left:0;cursor:pointer;font-size:12.5px}.group-header:hover{background:#f2f3f5}.group-count{color:var(--muted);font-size:11.5px}.grid-footer{display:flex;align-items:center;gap:14px;padding:8px 14px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;background:var(--canvas);flex:none;position:sticky;bottom:0}.pill{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:10px;font-size:11.5px;font-weight:600;color:#fff;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}.link-chip{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 7px;border-radius:4px;background:#eef1f5;border:1px solid #dfe3e9;font-size:11.5px;color:var(--text);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:none}.link-chip:hover{background:#e4e9f0}.link-chip .x{color:var(--muted);display:grid;place-items:center}.link-chip .x:hover{color:var(--red)}.checkbox{width:16px;height:16px;border-radius:3px;border:1.5px solid var(--border-strong);display:grid;place-items:center;background:#fff;flex:none;padding:0}.checkbox.on{background:var(--accent);border-color:var(--accent);color:#fff}.progress-track{flex:1;height:5px;border-radius:3px;background:#e8eaee;overflow:hidden;min-width:30px}.progress-fill{height:100%;background:var(--accent);border-radius:3px}.attach-thumb{width:22px;height:22px;border-radius:4px;object-fit:cover;border:1px solid var(--border);flex:none}a.cell-link{color:var(--blue);text-decoration:none;overflow:hidden;text-overflow:ellipsis}a.cell-link:hover{text-decoration:underline}.computed-tint{color:var(--text-2)}.formula-error{color:var(--red);font-weight:600}.kanban{flex:1;display:flex;gap:12px;padding:14px;overflow-x:auto;overflow-y:hidden;border-top:1px solid var(--border);align-items:flex-start;min-height:0}.kanban-col{width:288px;flex:none;background:var(--canvas-alt);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:100%}.kanban-col.drop{border-color:var(--accent);background:var(--accent-soft)}.kanban-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.kanban-body{padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:60px}.kanban-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow-sm);cursor:pointer}.kanban-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.kanban-card.dragging{opacity:.45}.kanban-card .title{font-weight:600;font-size:13px;margin-bottom:7px}.kanban-card .meta{display:flex;flex-direction:column;gap:5px}.kanban-card .meta-row{display:flex;gap:6px;font-size:11.5px;color:var(--muted);align-items:center}.kanban-card .meta-row .k{min-width:74px;flex:none}.kanban-card .meta-row .v{color:var(--text-2);display:flex;gap:4px;align-items:center;overflow:hidden}.calendar{flex:1;display:flex;flex-direction:column;border-top:1px solid var(--border);min-height:0}.cal-toolbar{display:flex;align-items:center;gap:10px;padding:10px 14px}.cal-month{font-size:15px;font-weight:700;min-width:170px}.cal-dow{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--border);background:var(--header-bg)}.cal-dow div{padding:7px 9px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-right:1px solid var(--border)}.cal-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(96px,1fr);overflow-y:auto;border-top:1px solid var(--border)}.cal-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:5px 6px;display:flex;flex-direction:column;gap:4px;min-height:0;overflow:hidden}.cal-cell.dim{background:var(--canvas-alt)}.cal-cell.today .cal-num{background:var(--accent);color:#fff}.cal-cell:hover .cal-add{opacity:1}.cal-num{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:600;color:var(--text-2)}.cal-head-row{display:flex;align-items:center;justify-content:space-between}.cal-add{opacity:0;border:0;background:transparent;color:var(--muted);border-radius:4px}.cal-event{border-radius:4px;padding:3px 6px;font-size:11.5px;color:#fff;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--accent)}.cal-event:hover{filter:brightness(.93)}.form-layout{flex:1;display:flex;min-height:0;border-top:1px solid var(--border)}.form-builder{width:300px;flex:none;border-right:1px solid var(--border);overflow-y:auto;padding:14px;background:var(--canvas-alt)}.form-canvas{flex:1;overflow-y:auto;padding:28px 20px 60px;background:#f4f5f7}.form-sheet{max-width:660px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.form-sheet-band{height:8px;background:var(--accent)}.form-sheet-body{padding:26px 30px 30px}.form-sheet h1{font-size:22px;margin:0 0 6px}.form-sheet .desc{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.5}.form-field{margin-bottom:18px}.form-field>label{display:block;font-weight:600;margin-bottom:5px;font-size:12.5px}.form-field .help{color:var(--muted);font-size:11.5px;margin-bottom:6px}.req{color:var(--red);margin-left:3px}.builder-row{display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin-bottom:6px;font-size:12.5px}.builder-row.dragging{opacity:.4}.builder-row .label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drag-handle{color:var(--muted-2);cursor:grab;display:grid;place-items:center}.form-success{max-width:660px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:46px 30px;text-align:center}.input,.select,.textarea{width:100%;height:32px;padding:0 9px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;outline:0;font-size:13px}.textarea{height:auto;min-height:78px;padding:8px 9px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input.invalid,.select.invalid,.textarea.invalid{border-color:var(--red)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;padding-right:26px;cursor:pointer}.field-label{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--muted);margin-bottom:5px;text-transform:none}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;align-items:center}.grow{flex:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;z-index:100;display:grid;place-items:center;padding:24px}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.modal.wide{max-width:980px;height:88vh}.modal.med{max-width:700px}.modal-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border);font-weight:700;font-size:15px}.modal-head .spacer{flex:1}.modal-body{padding:18px;overflow-y:auto;flex:1}.modal-foot{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--border);background:var(--canvas-alt)}.popover{position:fixed;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;min-width:230px;max-height:70vh;overflow:auto;padding:6px}.popover.pad{padding:14px}.popover.wide{min-width:380px}.menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:0;border-radius:var(--radius);background:transparent;text-align:left;color:var(--text);font-size:12.5px}.menu-item:hover{background:#f2f3f5}.menu-item.danger{color:var(--red)}.menu-item.danger:hover{background:#fdf0ee}.menu-item .sub{color:var(--muted);font-size:11px}.menu-sep{height:1px;background:var(--border);margin:5px 4px}.menu-label{padding:8px 9px 4px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.record-modal{width:100%;max-width:940px;height:90vh;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.record-head{background:var(--accent);color:#fff;padding:11px 16px 0;flex:none}.record-head .crumb{font-size:11.5px;opacity:.85;display:flex;align-items:center;gap:8px}.record-head .crumb .spacer{flex:1}.record-head .title-input{border:0;background:transparent;color:#fff;font-size:22px;font-weight:700;width:100%;outline:0;padding:5px 0 9px}.record-head .title-input::placeholder{color:#ffffff9e}.record-tabs{display:flex;gap:4px}.record-tab{border:0;background:transparent;color:#ffffffd1;padding:7px 11px;font-size:12.5px;border-bottom:2px solid transparent}.record-tab:hover{color:#fff}.record-tab.active{color:#fff;font-weight:600;border-bottom-color:#fff}.record-body{flex:1;overflow-y:auto;padding:20px 22px 40px}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.record-grid .full{grid-column:1 / -1}.record-field{position:relative;min-width:0}.record-field>.field-label{min-height:22px}.field-actions{margin-left:auto;display:flex;align-items:center;gap:1px;opacity:0;transition:opacity .12s ease}.record-field:hover .field-actions,.field-actions:focus-within{opacity:1}.field-actions .icon-btn{color:var(--muted)}.field-actions .icon-btn:hover{color:var(--text);background:#eceef1}.add-field-btn{width:100%;margin-top:22px;padding:11px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px}.add-field-btn:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft)}.section-divider{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin:10px 0 12px}.section-divider .section-name{border:0;background:transparent;padding:2px 6px;margin-left:-6px;border-radius:var(--radius);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-dark)}.section-divider .section-name:hover{background:var(--accent-soft)}.section-divider .rule{flex:1;height:1px;background:var(--border)}.section-divider .icon-btn{opacity:0;color:var(--muted)}.section-divider:hover .icon-btn{opacity:1}.popover.has-submenu{overflow:visible}.menu-sub{position:relative}.submenu{position:absolute;left:100%;top:-6px;margin-left:3px;min-width:236px;max-height:62vh;overflow-y:auto;padding:6px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:210}.submenu.flip{left:auto;right:100%;margin-left:0;margin-right:3px}.section-head{display:flex;align-items:center;gap:8px;margin:26px 0 12px;font-size:13.5px;font-weight:700}.section-head:first-child{margin-top:0}.section-head .spacer{flex:1}.related-card{border:1px solid var(--border);border-radius:var(--radius);padding:9px 11px;display:flex;align-items:center;gap:9px;margin-bottom:6px;cursor:pointer;background:#fff}.related-card:hover{border-color:var(--border-strong);background:var(--canvas-alt)}.related-card .grow{min-width:0}.related-card .sub{color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.comment .body{font-size:12.5px;line-height:1.55;white-space:pre-wrap}.comment .who{font-weight:600;font-size:12.5px}.comment .when{color:var(--muted);font-size:11px}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.empty .big{font-size:15px;font-weight:600;color:var(--text-2);margin-bottom:6px}.empty-state{flex:1;display:grid;place-items:center;padding:40px}.empty-state .inner{text-align:center;max-width:420px}.empty-state h2{font-size:19px;margin:14px 0 8px}.empty-state p{color:var(--muted);line-height:1.6;margin:0 0 18px}.type-icon{color:var(--muted);flex:none;display:grid;place-items:center}.swatch{width:18px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.1);cursor:pointer}.swatch.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.toggle{width:32px;height:18px;border-radius:10px;background:#d3d6db;border:0;padding:2px;display:flex;transition:background .14s;flex:none}.toggle .knob{width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .14s}.toggle.on{background:var(--accent)}.toggle.on .knob{transform:translate(14px)}.badge{font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:4px;background:#eef1f5;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.hint{color:var(--muted);font-size:11.5px;line-height:1.5}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.divider{height:1px;background:var(--border);margin:14px 0}@media (max-width: 1080px){.form-builder{display:none}.record-grid{grid-template-columns:1fr}}@media (max-width: 860px){.sidebar{position:absolute;top:var(--topbar-h);bottom:0;left:0;z-index:60;box-shadow:var(--shadow-lg)}.sidebar.collapsed{box-shadow:none}.topbar-center,.user-chip .name,.user-chip .sub{display:none}.record-modal{height:100vh;border-radius:0;max-width:100%}.overlay{padding:0}}.settings-body{flex:1;display:flex;min-height:0}.settings-nav{width:246px;flex:none;border-right:1px solid var(--border);background:var(--canvas);padding:10px 10px 0;overflow-y:auto;display:flex;flex-direction:column}.settings-back{display:flex;align-items:center;gap:7px;padding:8px;color:var(--text-2);text-decoration:none;font-size:12.5px;border-radius:var(--radius)}.settings-back:hover{background:#f2f3f5}.settings-nav-label{padding:16px 8px 6px;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--muted)}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius);color:var(--text-2);text-decoration:none;font-size:13px}.settings-nav-item:hover{background:#f2f3f5}.settings-nav-item.active{background:#eef1f4;color:var(--text);font-weight:600}.settings-nav-foot{margin-top:auto;padding:14px 8px;border-top:1px solid var(--border);color:var(--muted);font-size:11.5px}.settings-main{flex:1;overflow-y:auto;padding:22px 28px 70px;min-width:0}.settings-head{display:flex;gap:14px;margin-bottom:20px;align-items:flex-start}.settings-head-icon{width:46px;height:46px;border-radius:10px;flex:none;background:#eef1f4;color:var(--muted);display:grid;place-items:center}.settings-head .crumbs{color:var(--muted);font-size:12px}.settings-head h1{font-size:25px;margin:2px 0 0}.settings-card{border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);background:#fff;margin-bottom:18px;max-width:960px;box-shadow:var(--shadow-sm)}.settings-card-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.settings-card-head h2{font-size:15px;margin:0}.settings-card-head .spacer{flex:1}.settings-card-body{padding:16px}.settings-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.settings-row{display:flex;gap:14px;padding:7px 0;align-items:flex-start;font-size:13px}.settings-row .k{width:130px;flex:none;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding-top:2px}.settings-row .v{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.muted{color:var(--muted-2)}.settings-check-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px}.settings-toggle-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.settings-toggle-row:last-child{border-bottom:0}.settings-list-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.settings-list-row:last-of-type{border-bottom:0}.settings-contact{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:8px 0}.settings-contact-name{display:flex;align-items:center;gap:8px;font-weight:600}.settings-table{width:100%;border-collapse:collapse;font-size:13px}.settings-table th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.settings-table td{padding:7px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.settings-table tr:last-child td{border-bottom:0}.ghost-input{border:1px solid transparent;background:transparent;border-radius:4px;padding:4px 6px;width:100%;font-size:13px;outline:0}.ghost-input:hover{border-color:var(--border)}.ghost-input:focus{border-color:var(--accent);background:#fff}.status-pill{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.status-pill.active{background:#e6f4ec;color:#2f7d51}.status-pill.invited{background:#fff4e0;color:#a86b00}.status-pill.deactivated{background:#eef1f5;color:var(--muted)}.day-pills{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.day-pill{padding:5px 11px;border-radius:14px;font-size:12px;font-weight:600;background:#eef1f5;color:var(--muted-2)}.day-pill.on{background:var(--accent-soft);color:var(--accent-dark)}.brand-row{display:flex;gap:18px;align-items:flex-start}.brand-preview{width:84px;height:84px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;overflow:hidden}.brand-preview img{width:100%;height:100%;object-fit:contain}.brand-banner{height:120px;border-radius:var(--radius);display:grid;place-items:center;color:#ffffffe6;font-weight:600;font-size:13px}.usage-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.usage-tile{border:1px solid var(--border);border-radius:var(--radius);padding:14px}.usage-value{font-size:26px;font-weight:700;line-height:1.1;margin-top:6px}.usage-label{color:var(--muted);font-size:11.5px;margin-top:2px}.usage-bar{height:7px;border-radius:4px;background:#eef1f5;overflow:hidden}.usage-bar span{display:block;height:100%;background:var(--accent)}.team-card{border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:10px}.team-members{display:flex;flex-wrap:wrap;gap:6px}.member-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--border);border-radius:16px;background:#fff;font-size:12px}.member-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);font-weight:600}.settings-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--text);color:#fff;padding:10px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:12.5px;z-index:300;box-shadow:var(--shadow-lg)}.settings-toast .icon-btn{color:#ffffffb3}.account-menu{padding:12px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.topbar-logo{height:22px;max-width:120px;object-fit:contain}a.topbar-brand{text-decoration:none;color:#fff}.home-banner{height:132px;width:100%}.home-hero{display:flex;align-items:flex-start;gap:22px;margin:-46px 0 34px;max-width:1100px}.home-hero-mark{width:92px;height:92px;border-radius:14px;color:#fff;flex:none;display:grid;place-items:center;border:4px solid var(--canvas);overflow:hidden}.home-hero-mark img{width:100%;height:100%;object-fit:contain}.home-hero h1{padding-top:48px}.card-view{flex:1;overflow-y:auto;border-top:1px solid var(--border);padding:16px;background:var(--canvas-alt)}.card-group{margin-bottom:22px}.card-group-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.card-wall{display:grid;gap:12px}.record-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:14px;cursor:pointer;box-shadow:var(--shadow-sm);text-align:left}.record-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.record-card h3{font-size:14.5px;margin:0 0 12px}.record-card-field{margin-bottom:10px}.record-card-field .k{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.record-card-field .v{font-size:13px;display:flex;flex-wrap:wrap;gap:5px;align-items:center;min-height:19px}.record-card.add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-style:dashed;color:var(--muted);box-shadow:none;min-height:120px;font-size:12.5px}.record-card.add:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft)}@media (max-width: 900px){.settings-cols,.settings-contact,.account-grid{grid-template-columns:1fr}.settings-nav{width:190px}}