:root{font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:#1f2926;background:#f4f7f6}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:900px}[hidden]{display:none!important}button,input,select{font:inherit}.auth-view{display:grid;width:100vw;height:100vh;place-items:center;background:radial-gradient(circle at 18% 16%,rgb(22 131 95 / 12%),transparent 30%),#f3f7f5}.auth-card{width:390px;padding:34px;border:1px solid #dfe7e3;border-radius:16px;background:#fff;box-shadow:0 22px 55px #1a362b1f}.auth-brand,.small-brand{display:grid;place-items:center;border-radius:10px;color:#fff;font-weight:800;background:linear-gradient(145deg,#21a576,#08714f)}.auth-brand{width:42px;height:42px;margin-bottom:16px;font-size:20px}.auth-card h1{margin:0;font-size:25px}.auth-card>p{margin:6px 0 24px;color:#75817c;font-size:13px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:3px;border-radius:8px;background:#f0f3f2}.auth-tabs button{height:32px;border:0;border-radius:6px;color:#68746f;background:transparent;cursor:pointer}.auth-tabs button.active{color:#175f48;background:#fff;box-shadow:0 2px 8px #1e372e14;font-weight:650}.auth-card form{display:grid;gap:14px}.auth-card label{display:grid;gap:6px;color:#45524d;font-size:12px}.auth-card input,.files-title input,.invite-form input,.invite-form select{height:38px;padding:0 11px;border:1px solid #cdd8d3;border-radius:7px;outline:none;background:#fff}.auth-card input:focus,.files-title input:focus,.invite-form input:focus,.invite-form select:focus{border-color:#4ca987;box-shadow:0 0 0 3px #16835f1a}.auth-card small{margin-top:-8px;color:#7b8682}.primary-button{height:36px;padding:0 15px;border:0;border-radius:7px;color:#fff;background:#16835f;cursor:pointer}.primary-button:hover{background:#0e694b}.form-error{min-height:17px;margin-top:10px;color:#ba3838;font-size:12px}.files-view{min-height:100vh;background:#f5f7f6}.files-header{display:flex;align-items:center;height:58px;padding:0 28px;border-bottom:1px solid #dfe5e2;background:#fff}.files-header>div:first-child{display:flex;align-items:center;gap:9px}.small-brand{width:30px;height:30px}.account-block{display:flex;align-items:center;gap:14px;margin-left:auto}.account-block span{display:grid;text-align:right}.account-block small{color:#77827e}.account-block button,.plain-button{border:0;color:#4f5d58;background:transparent;cursor:pointer}.files-content{width:min(1040px,calc(100% - 48px));margin:0 auto;padding:48px 0}.files-title{display:flex;align-items:end;gap:24px}.files-title h1{margin:0;font-size:25px}.files-title p{margin:5px 0 0;color:#75817c;font-size:12px}.files-title form{display:flex;gap:8px;margin-left:auto}.files-title input{width:230px}.files-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px;margin-top:22px}.file-card{display:flex;align-items:center;gap:10px;min-width:0;padding:14px;border:1px solid #dfe5e2;border-radius:10px;background:#fff}.file-card>a{display:flex;min-width:0;flex:1;align-items:center;gap:11px;color:inherit;text-decoration:none}.file-icon{display:grid;width:38px;height:44px;flex:0 0 auto;place-items:center;border-radius:5px;color:#fff;background:#16835f;font-weight:800}.file-card h3{margin:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.file-card p{margin:5px 0 0;color:#7a8581;font-size:10px}.file-role{color:#697570;font-size:10px}.file-card>button{border:0;color:#a34b4b;background:transparent;cursor:pointer;font-size:11px}.files-empty{grid-column:1 / -1;padding:60px;border:1px dashed #cfd9d5;border-radius:12px;color:#7a8581;text-align:center;background:#fff}.app-shell{display:grid;grid-template-rows:34px minmax(0,1fr);width:100vw;height:100vh}.persistence-bar{display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid #dfe4e2;background:#f8faf9;font-size:11px}.persistence-spacer{flex:1}.save-status{display:flex;align-items:center;gap:7px;max-width:520px;color:#63706b}.save-status i{width:7px;height:7px;border-radius:50%;background:#a1aaa6}.save-status[data-state=saved] i{background:#18a36f}.save-status[data-state=saving] i,.save-status[data-state=pending] i{background:#e0a51b}.save-status[data-state=error]{color:#b23535}.save-status[data-state=error] i{background:#d84040}.database-name{color:#7a8681}.permission-label{padding:3px 7px;border-radius:5px;color:#17664b;background:#e8f5ef;font-size:10px}.history-button{height:25px;padding:0 10px;border:1px solid #cbd5d1;border-radius:6px;color:#385149;background:#fff;cursor:pointer}.history-button:hover{border-color:#83b7a4;background:#f1f8f5}.sheet-host{position:relative;min-width:0;min-height:0;padding:0 7px 7px;background:#fff}#sheetnext-root{width:100%;height:100%}.loading{position:absolute;z-index:20;inset:0;display:grid;place-items:center;color:#51605b;background:#fff;font-size:13px}.loading:before{width:22px;height:22px;margin-right:10px;border:2px solid #d4e5de;border-top-color:#16835f;border-radius:50%;content:"";animation:spin .7s linear infinite}.loading.error{color:#a22d2d;background:#fff7f7}.loading.error:before{display:none}.history-dialog{position:fixed;z-index:1000;inset:0;background:#141e1a42}.history-dialog[hidden]{display:none}.history-panel{position:absolute;top:0;right:0;width:360px;height:100%;padding:0 18px 18px;overflow-y:auto;background:#fff;box-shadow:-12px 0 36px #14282029}.history-panel>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;padding:18px 0 14px;border-bottom:1px solid #e6ebe9;background:#fff}.history-panel h2{margin:0;font-size:17px}.history-panel header p{margin:4px 0 0;color:#77827e;font-size:11px}.history-panel header button{width:30px;height:30px;margin-left:auto;border:0;border-radius:50%;color:#53605b;background:#f1f4f3;cursor:pointer;font-size:20px}.history-list{padding-top:12px}.history-item{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:12px;border:1px solid #e0e6e3;border-radius:9px}.history-item.current{border-color:#a9d7c5;background:#f0f8f5}.history-item>div{min-width:0;flex:1}.history-item strong{margin-right:8px;font-size:13px}.history-item time{color:#7b8682;font-size:10px}.history-item p{margin:5px 0 0;overflow:hidden;color:#65716c;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.history-item button{padding:5px 9px;border:1px solid #9cc9b8;border-radius:5px;color:#146347;background:#fff;cursor:pointer}.current-badge{color:#16835f;font-size:11px}.collaborators{max-width:360px;overflow:hidden;color:#51605b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.history-loading,.history-empty,.history-error{padding:30px 10px;color:#75817c;text-align:center;font-size:12px}.history-error{color:#b23535}.invite-form{display:grid;grid-template-columns:1fr 88px auto;gap:7px;padding:14px 0 2px}.invite-form input,.invite-form select{width:100%;height:34px;min-width:0}.invite-form .primary-button{height:34px}.member-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0ef}.member-avatar{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:#4d7666;font-size:11px;font-weight:700}.member-item>div{min-width:0;flex:1}.member-item strong{font-size:12px}.member-item p{margin:3px 0 0;overflow:hidden;color:#7a8581;font-size:10px;text-overflow:ellipsis}.member-role{color:#5f6c67;font-size:10px}.member-item button{border:0;color:#a34b4b;background:transparent;cursor:pointer;font-size:10px}.empty-state,.error-state{padding:28px 8px;color:#7a8581;text-align:center;font-size:12px}.error-state{color:#b23535}@keyframes spin{to{transform:rotate(360deg)}}