:root{--ink:#18201c;--muted:#737b76;--line:#e5e8e5;--green:#196b4d;--green2:#eaf5f0;--bg:#f7f8f7;--white:#fff;--red:#b42318}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;font:700 18px Manrope}.brandmark{display:grid;place-items:center;width:30px;height:30px;background:var(--green);color:white;border-radius:8px;font-size:15px}.save-state{font-size:12px;color:#68716c;display:flex;align-items:center;gap:7px}.save-state span{width:7px;height:7px;background:#42a777;border-radius:50%}.shell{display:flex;height:calc(100vh - 64px)}.sidebar{width:244px;flex:none;border-right:1px solid var(--line);background:#fbfcfb;padding:18px 14px;display:flex;flex-direction:column}.workspace{display:flex;align-items:center;gap:10px;padding:10px 8px 20px;border-bottom:1px solid var(--line)}.workspace-icon{background:#d8ebe3;color:#176649;width:32px;height:32px;border-radius:7px;display:grid;place-items:center;font-weight:700}.workspace div:nth-child(2){flex:1}.workspace strong,.workspace small,.sidebar-bottom strong,.sidebar-bottom small{display:block;font-size:12px}.workspace small,.sidebar-bottom small{color:var(--muted);margin-top:2px}.side-label{font-size:10px;letter-spacing:1.2px;color:#929994;font-weight:700;padding:22px 10px 8px;display:flex;justify-content:space-between}.side-label button{border:0;background:none;font-size:20px;color:#68716c;cursor:pointer}.sidebar nav button{display:flex;width:100%;align-items:center;gap:10px;border:0;background:none;padding:10px 12px;border-radius:7px;color:#59625d;cursor:pointer;text-align:left}.sidebar nav button.active{background:#e8f2ed;color:#155f46;font-weight:600}.table-icon{font-size:15px}.table-more{margin-left:auto;opacity:0}.sidebar nav button:hover .table-more{opacity:1}.new-table{border:0;background:none;color:#68716c;text-align:left;padding:12px;cursor:pointer}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:16px 6px 0;display:grid;grid-template-columns:34px 1fr;align-items:center}.sidebar-bottom button{grid-column:1/3;border:0;background:none;text-align:left;padding:8px 0 18px;color:#68716c}.avatar{background:#282f2b;color:#fff;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:10px}main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.title-row{padding:26px 32px 18px;display:flex;justify-content:space-between;align-items:flex-end;background:#fff}.eyebrow{font-size:10px;color:#929994;letter-spacing:1.2px;font-weight:700}.title-row h1{font:700 27px Manrope;margin:5px 0 4px;outline:none;border-radius:5px}.title-row h1:focus{box-shadow:0 0 0 2px #b8daca}.title-row p{color:var(--muted);font-size:12px;margin:0}.title-actions{display:flex;gap:8px}button{font-family:inherit}.secondary,.primary,.tool-btn{border:1px solid #d9ddda;background:#fff;border-radius:7px;padding:8px 12px;font-weight:600;color:#414a45;cursor:pointer}.primary{background:var(--green);border-color:var(--green);color:white}.danger-text{color:var(--red)}.toolbar{height:58px;padding:10px 32px;background:#fff;border-top:1px solid #f2f3f2;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}.search-wrap{width:230px;border:1px solid #d9ddda;border-radius:7px;padding:8px 11px;color:#828a85;display:flex;gap:8px}.search-wrap input{border:0;outline:0;width:100%;font:inherit}.tool-btn{font-weight:500}.badge{background:#dceee6;color:#155f46;border-radius:8px;padding:1px 5px;font-size:10px}.spacer{flex:1}.grid-wrap{overflow:auto;flex:1;background:#fff;position:relative}table{border-collapse:separate;border-spacing:0;min-width:100%;table-layout:fixed}th,td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);height:42px;padding:0 10px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th{height:38px;background:#f7f8f7;color:#606964;font-size:11px;font-weight:600;position:sticky;top:0;z-index:5;user-select:none}th:first-child,td:first-child{width:48px;position:sticky;left:0;background:#fafbfa;z-index:4;text-align:center;color:#929994}th:first-child{z-index:6}.field-head{display:flex;align-items:center;gap:7px;height:100%;cursor:pointer}.field-head .type{color:#9aa19d;font-size:13px}.field-head .menu{margin-left:auto;opacity:0}.field-head:hover .menu{opacity:1}.add-col{width:48px}.add-col button{border:0;background:none;font-size:18px;color:#76807a;cursor:pointer}td.data-cell{outline:none;cursor:cell}td.data-cell:focus{box-shadow:inset 0 0 0 2px #2a8061;position:relative;z-index:2}.cell-input{border:0;outline:0;background:transparent;width:100%;height:100%;font:inherit;color:inherit;padding:0}.cell-select{border:0;outline:0;background:transparent;width:100%;font:inherit}.pill{display:inline-block;padding:4px 9px;background:#e9f2ee;color:#28684f;border-radius:12px;font-size:11px}.row-actions{position:relative}.row-menu{border:0;background:none;cursor:pointer;color:#7a827d}.add-row-bottom{border:0;background:#fff;color:#55605a;padding:14px 62px;cursor:pointer;width:100%;text-align:left;border-bottom:1px solid var(--line)}footer{height:36px;border-top:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;padding:10px 32px;color:#8a918d;font-size:10px}.popover{position:absolute;top:145px;left:280px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px #1a2b2220;border-radius:9px;padding:14px;z-index:20;width:300px}.popover label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.popover select,.popover input{width:100%;border:1px solid #d8dcda;border-radius:6px;padding:8px;margin-bottom:9px}.popover .row{display:flex;gap:8px}.popover button{margin-top:4px}.hidden{display:none!important}.empty{position:absolute;inset:80px 0 auto;text-align:center;color:#68716c;display:flex;flex-direction:column;gap:7px}.modal-backdrop{position:fixed;inset:0;background:#16201b66;z-index:50;display:grid;place-items:center}.modal{width:390px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 20px 50px #0003}.modal h2{margin:0 0 20px;font:700 20px Manrope}.modal label{display:block;font-size:12px;font-weight:600;margin:12px 0}.modal input,.modal select{display:block;width:100%;margin-top:6px;border:1px solid #d8dcda;padding:10px;border-radius:7px;font:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.toast{position:fixed;bottom:24px;right:24px;background:#202824;color:#fff;padding:11px 16px;border-radius:8px;opacity:0;transform:translateY(10px);transition:.2s;z-index:60}.toast.show{opacity:1;transform:none}.mobile-menu{display:none}@media(max-width:760px){.sidebar{position:fixed;z-index:30;top:64px;bottom:0;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.mobile-menu{display:block}.title-row{padding:20px 16px}.title-actions{display:none}.toolbar{padding:10px 16px;overflow-x:auto}.search-wrap{min-width:170px}.tool-btn{white-space:nowrap}.toolbar .primary{white-space:nowrap}.popover{left:16px;top:138px}.grid-wrap{max-width:100vw}footer{padding:10px 16px}footer span:last-child{display:none}}