@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#202421;background:#fafafa;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;border-radius:4px;background:#177f91;color:#fff;padding:9px 14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover{filter:brightness(.96)}button svg{width:16px;height:16px}.outline,.plain,.icon{background:#fff;color:#303632;border:1px solid #d7dcda}.plain,.icon{border:0}.wordmark{font-size:20px;font-weight:800;display:flex;align-items:center;gap:7px}.wordmark span,.rf-mini{width:24px;height:24px;background:#242a27;color:#fff;display:grid;place-items:center;border-radius:2px;font-weight:800}.marketing>header{height:68px;padding:0 5%;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid #e4e7e5}.marketing>header .wordmark{margin-right:auto}.marketing nav{display:flex;gap:28px;margin-right:25px}.marketing nav a{color:#565e59}.hero{text-align:center;padding:82px 5% 0;background:radial-gradient(circle at 50% 5%,#dff4ef 0,transparent 40%)}.eyebrow{display:inline-flex;gap:6px;align-items:center;color:#167c6c;font-size:11px;font-weight:700;letter-spacing:.1em}.eyebrow svg{width:14px}.hero h1{font-size:68px;line-height:1.03;letter-spacing:-.06em;margin:18px 0}.hero h1 em{font-style:normal;color:#167f91}.hero>p{font-size:18px;line-height:1.6;color:#69736d;max-width:700px;margin:0 auto 28px}.hero>div>button{margin:0 4px}.product-shot{height:470px;max-width:1100px;margin:55px auto 0;background:#fff;border:1px solid #cfd5d2;border-radius:8px 8px 0 0;box-shadow:0 30px 80px #113a3321;text-align:left;overflow:hidden}.shot-top{height:34px;background:#292b2a;color:#fff;padding:8px 12px;font-size:11px}.shot-top b{display:inline-block;margin-left:30%}.shot-top span{float:right;background:#299bc0;padding:2px 8px}.proof{padding:100px 7%;max-width:1300px;margin:auto}.proof>p{color:#167f91;font-weight:700;font-size:11px;letter-spacing:.1em}.proof h2{font-size:38px;letter-spacing:-.04em}.proof>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.proof article{border:1px solid #dfe4e1;padding:25px;background:#fff}.proof article svg{color:#167f91}.proof article p{color:#6e7771;line-height:1.6}.secure{margin:0 7% 70px;background:#202b27;color:#fff;padding:42px;display:flex;align-items:center;gap:25px}.secure>svg{width:45px;height:45px;color:#4ad1b3}.secure h2{margin:0}.secure p{color:#b9c8c2}.marketing footer{border-top:1px solid #ddd;padding:28px 6%;display:flex;justify-content:space-between;color:#68726c}.auth-page{min-height:100vh;display:grid;place-items:center;background:#f6f8f7}.auth-page>.wordmark{position:absolute;top:25px;left:35px}.auth-page form{width:410px;background:#fff;border:1px solid #dce1de;padding:38px;border-radius:8px;text-align:center;box-shadow:0 18px 50px #1c332821}.auth-page form>svg{color:#177f91;width:38px;height:38px}.auth-page h1{margin-bottom:5px}.auth-page p{color:#737d77}.auth-page label{display:block;text-align:left;font-size:12px;font-weight:600;margin:15px 0}.auth-page input{width:100%;display:block;margin-top:6px;border:1px solid #ccd3cf;padding:11px;border-radius:4px}.auth-page form>button{width:100%}.auth-page small{display:block;margin-top:18px}.auth-page a{color:#177f91;cursor:pointer}.alert{background:#ffedeb;color:#a13a32;padding:9px;margin-bottom:8px}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.shell>aside{position:relative;border-right:1px solid #d8ddda;background:#fff;padding:14px 8px;display:flex;flex-direction:column}.shell .wordmark{padding:0 10px 12px}.new{width:100%;font-size:14px}.side-search{margin:9px 0;padding:9px 8px;border:1px solid #ccd3cf;color:#8a918d;display:flex;align-items:center;gap:8px}.side-search svg{width:14px}.side-search kbd{margin-left:auto}.shell nav{display:grid;margin-top:6px}.shell nav hr{width:94%;border:0;border-top:1px solid #e0e3e1}.shell nav a,.aside-foot>a{display:flex;align-items:center;gap:10px;padding:9px 11px;cursor:pointer}.shell nav a.active,.shell nav a:hover{background:#e5e7e6}.shell nav svg,.aside-foot svg{width:15px}.aside-foot{margin-top:auto;display:grid}.upgrade{margin:8px}.account{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 8px;display:flex;align-items:center;gap:8px}.account>span,.member>span{width:28px;height:28px;border-radius:3px;background:#8d4ed5;color:#fff;display:grid;place-items:center}.account div{display:grid;overflow:hidden}.account small{font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account>svg{margin-left:auto;width:14px}.drive{background:#f7f8f7;padding:52px max(40px,10vw);overflow:auto}.drive-head{display:flex;justify-content:space-between;align-items:center}.drive-head h1{font-size:28px;margin:0 0 6px}.drive-head p{color:#7c847f}.global-search{background:#fff;border:1px solid #d5dbd7;padding:8px 10px;display:flex;align-items:center;gap:8px;width:250px}.global-search svg{width:15px}.global-search input{border:0;outline:0;width:100%}.subhead,.recent-head h3{font-size:15px;color:#7b827e;margin-top:30px}.create-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.create-row button{background:#fff;color:#222;border:1px solid #d8ddda;justify-content:flex-start;padding:20px}.create-row button>svg{width:30px;height:30px}.create-row span{display:grid;text-align:left}.create-row small{font-weight:400;color:#737b76;margin-top:4px}.recent-head{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.recent-head span{color:#8b928e;font-size:12px}.work-list{background:#fff}.list-label,.work-row{display:grid;grid-template-columns:36px 1fr 180px 150px 40px;align-items:center;border-bottom:1px solid #eaedea;padding:10px 12px}.list-label{color:#858d88;font-size:12px}.list-label span:first-child{grid-column:2}.list-label span:nth-child(2){grid-column:3}.list-label span:nth-child(3){grid-column:4;display:flex}.work-row>svg{width:17px}.work-row>div{display:grid;cursor:pointer}.work-row small{font-size:11px;color:#858d88}.work-row>span{color:#5f6863;font-size:12px}.work-row .icon{padding:5px}.empty{text-align:center;padding:60px;color:#7d8680}.empty svg{width:38px;height:38px}.connector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.connector-grid article,.connection{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d9dedb;padding:18px}.connector-grid article>svg,.connection>svg{color:#177f91}.connector-grid article>div{display:grid;flex:1}.connector-grid small{color:#7f8782}.connector-grid button{padding:7px 10px}.connection{margin-top:8px}.connection .status{margin-left:auto}.workbook{height:100vh;display:flex;flex-direction:column;background:#fff;overflow:hidden}.blackbar{height:40px;background:#292a29;color:#fff;display:flex;align-items:center;gap:1px;padding:0 10px}.blackbar>button,.blackbar .menu-anchor>button{background:transparent;color:#fff;padding:7px 9px}.blackbar .rf-mini{padding:0;width:24px;background:#fff;color:#222;margin-right:5px}.book-title{position:absolute;left:50%;transform:translate(-50%);font-weight:600;display:flex;align-items:center;gap:10px}.book-title svg{width:14px;color:#89908c}.blackbar>svg{margin-left:auto;width:15px}.blackbar .share{background:#2498ca;margin-left:10px;padding:6px 12px}.avatar{border:1px solid #666!important;margin-left:5px!important}.menu-anchor{position:relative}.dropdown{position:absolute;z-index:10;top:37px;left:0;width:185px;background:#fff;border:1px solid #d4d8d6;box-shadow:0 6px 18px #0002;padding:5px 0}.dropdown button{width:100%;border-radius:0;background:#fff;color:#2d322f;justify-content:flex-start;padding:8px 14px;font-weight:400}.dropdown button:hover{background:#edf0ee}.toolrow{height:36px;border-bottom:1px solid #d9deda;display:flex;align-items:center;padding:3px 10px;gap:2px}.toolrow button,.toolrow select{background:#fff;color:#222;border:0;padding:5px 8px}.toolrow svg{width:15px;height:15px}.toolrow>i{width:1px;height:22px;background:#ddd}.toolrow>span{flex:1}.toolrow .capsule{border-radius:18px;background:#eff1ef;margin-left:5px}.grid-wrap{flex:1;min-height:0;overflow:auto;outline:0;overscroll-behavior:contain}.formula-row{height:35px;display:flex;position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid #d4d9d6}.formula-row>div{width:112px;padding:8px;display:flex;justify-content:space-between}.formula-row svg{width:12px}.formula-row b{padding:8px 12px;color:#b0b6b2;font-style:italic}.formula-row input{border:0;border-left:1px solid #ddd;outline:0;flex:1;padding:8px}.cells{display:grid;min-width:max-content}.cells>div,.cells>input{height:22px;border:0;border-right:1px solid #d9dcda;border-bottom:1px solid #d9dcda;padding:2px 5px;font-size:11px}.cells .col,.cells .row,.corner{background:#f1f2f1;text-align:center;color:#343936}.cells .col{position:sticky;top:35px;z-index:3}.cells .row{position:sticky;left:0;z-index:2}.cells .corner{position:sticky;top:35px;left:0;z-index:4}.cells>input.sel{outline:2px solid #19899e;outline-offset:-2px;position:relative;z-index:2}.cells>input.range{background:#e7f5f7}.sheetbar{height:37px;background:#f3f4f3;border-top:1px solid #d4d8d5;display:flex;align-items:center;padding:0 8px}.sheetbar button{background:transparent;color:#303531;border-radius:0;padding:9px 12px}.sheetbar button.active{background:#ddd;border-bottom:2px solid #19899e}.book-title input,.sheetbar input{border:1px solid #1a91a7;outline:0;background:#fff;color:#202421;min-width:110px;padding:3px 6px;font-weight:600}.sheetbar input{width:100px;min-width:70px}.virtual-sheet{flex:1;min-height:0;display:flex;flex-direction:column}.virtual-viewport{position:relative;flex:1;min-height:0;overflow:auto;outline:0;scrollbar-gutter:stable;overscroll-behavior:contain}.virtual-space{position:relative}.virtual-cell,.virtual-column,.virtual-row,.virtual-corner{position:absolute;border:0;border-right:1px solid #d9dcda;border-bottom:1px solid #d9dcda;font-size:11px}.virtual-cell{padding:3px 6px;outline:0;background:#fff}.virtual-cell.selected{outline:2px solid #16879c;outline-offset:-2px;z-index:5}.virtual-column{top:0;height:26px;background:#f1f2f1;text-align:center;padding-top:5px;position:absolute;z-index:4}.virtual-row{left:0;width:48px;background:#f1f2f1;text-align:center;padding-top:5px;z-index:4}.virtual-corner{left:0;top:0;width:48px;height:26px;background:#eceeec;z-index:6}.sheetbar span{margin-left:auto;font-size:11px;color:#7d8580}.data-panel{position:absolute;right:0;top:76px;bottom:37px;width:320px;background:#fff;border-left:1px solid #ccd2ce;box-shadow:-5px 0 15px #0001;padding:18px}.data-panel header{display:flex;justify-content:space-between}.data-panel p{color:#707974;line-height:1.5}.data-panel>button{width:100%;margin-top:8px}.shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:30;display:grid;place-items:center}.modal{width:520px;background:#fff;border-radius:7px;padding:22px;box-shadow:0 20px 60px #0004}.modal>header{display:flex;align-items:center;justify-content:space-between}.modal h2{margin:0}.modal>p{color:#727b76}.drop-zone{height:190px;border:1px dashed #55a4c2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:18px}.drop-zone.dragging,.drop-zone:hover{background:#eef9fb;border-color:#177f91}.drop-zone svg{width:30px;height:30px;color:#238eaf}.drop-zone span,.import-note{color:#747c77;font-size:12px}.file-types{display:flex;gap:7px;margin-top:9px}.file-types span{background:#eef0ef;padding:4px 7px;font-size:11px}.import-progress{margin-top:18px;min-height:190px;border:1px solid #d8dfdb;padding:24px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px 14px}.import-file-icon{width:42px;height:42px;border-radius:5px;display:grid;place-items:center;background:#e7f3f5;color:#177f91}.import-file-meta{display:grid;gap:4px}.import-file-meta span,.import-progress p{color:#747d78;font-size:12px}.import-progress p,.progress-track{grid-column:1 / -1;margin:5px 0}.progress-track{height:7px;background:#e6ebe8;border-radius:8px;overflow:hidden}.progress-track>div{height:100%;background:#188aa0;border-radius:inherit;transition:width .18s ease}.import-progress.done .import-file-icon{background:#e0f4e8;color:#187348}.import-progress.error{border-color:#e4aaa5;background:#fff8f7}.import-progress.error .import-file-icon,.import-progress.error strong{color:#aa3d35}button:disabled{cursor:not-allowed;opacity:.55}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.rename-form{display:grid;gap:8px;margin-top:22px}.rename-form label{font-size:12px;font-weight:600}.rename-form input{width:100%;padding:10px;border:1px solid #aeb7b2;border-radius:3px;outline:0}.rename-form input:focus{border-color:#177f91;box-shadow:0 0 0 2px #177f9122}button.danger{background:#b43d35}.share-form{display:grid;grid-template-columns:1fr 100px 70px;gap:7px}.share-form input,.share-form select{padding:9px;border:1px solid #cbd2ce}.success{color:#16754d;background:#e4f5eb;padding:8px;margin-top:10px;display:flex;gap:6px}.success svg{width:15px}.member{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #eee}.member div{display:grid}.member small{color:#7e8681}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.stat-grid article{background:#fff;border:1px solid #d9dedb;padding:20px;display:grid;grid-template-columns:1fr auto}.stat-grid article svg{grid-row:span 2;color:#177f91}.stat-grid article b{font-size:28px}.admin-panel{background:#fff;border:1px solid #d9dedb;padding:20px}.admin-panel table{width:100%;border-collapse:collapse}.admin-panel td{border-top:1px solid #e4e7e5;padding:12px}.admin-panel td:first-child{display:grid}.admin-panel small{color:#808883}.status{padding:4px 8px;border-radius:12px;font-size:11px}.status.active{background:#dff4e8;color:#176a45}.loading{padding:40px}@media(max-width:800px){.marketing nav{display:none}.proof>div,.create-row,.connector-grid,.stat-grid{grid-template-columns:1fr}.shell{grid-template-columns:1fr}.shell>aside{display:none}.drive{padding:25px}.book-title{display:none}.toolrow{overflow:auto}.hero h1{font-size:45px}.modal{width:92%}}
