:root{color:#1d2a24;font-synthesis:none;text-rendering:optimizelegibility;--green:#315f4b;--green-dark:#244839;--mint:#dcece3;--cream:#fbfcf8;--line:#dfe4dd;--muted:#6f7c75;--danger:#b6493d;--shadow:0 18px 50px #22372d12;background:#f5f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#f5f6f2;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #315f4b3b}.app-shell{min-height:100vh}.login-page{background:radial-gradient(circle at 20% 10%,#e3eee6,#0000 42%),#f5f6f2;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(100%,410px);box-shadow:var(--shadow);background:#fffffce0;border:1px solid #3143391f;border-radius:26px;padding:38px}.login-mark{color:#fff;background:var(--green);border-radius:17px;place-items:center;width:52px;height:52px;margin-bottom:28px;display:grid}.login-card .eyebrow{margin-bottom:12px}.login-card h1{letter-spacing:-.04em;font-size:34px}.login-card>p:not(.eyebrow){color:var(--muted);margin:15px 0 26px;font-size:14px;line-height:1.7}.login-card form{gap:14px;display:grid}.login-card label{color:#506057;gap:8px;font-size:12px;font-weight:600;display:grid}.login-card input{border:1px solid var(--line);color:#26352d;background:#fff;border-radius:11px;outline:0;width:100%;padding:12px 13px}.login-card input:focus{border-color:#8ca595;box-shadow:0 0 0 3px #315f4b14}.login-button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:11px;min-height:44px;font-weight:700;transition:background .18s,transform .18s}.login-button:hover:not(:disabled){background:var(--green-dark)}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.55;cursor:wait}.login-error{color:#a33d34;margin:0;font-size:12px}.loading-screen{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#f7f8f4db;border-bottom:1px solid #3143391a;justify-content:space-between;align-items:center;height:72px;padding:0 max(28px,50vw - 580px);display:flex;position:sticky;top:0}.brand,.brand>span:last-child,.account{align-items:center;display:flex}.brand{gap:11px}.brand-mark{color:#fff;background:var(--green);border-radius:13px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 20px #315f4b2e}.brand>span:last-child{flex-direction:column;align-items:flex-start;line-height:1.05}.brand strong{letter-spacing:.01em;font-size:14px}.brand small{color:var(--muted);letter-spacing:.15em;margin-top:5px;font-size:10px}.account{color:var(--muted);gap:9px;font-size:13px}.status-dot{background:#67a77f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #67a77f1f}.icon-button{color:#637168;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:inline-grid}.icon-button:hover{color:var(--green-dark);background:#e9ede8}.icon-button:active{transform:scale(.94)}.icon-button:disabled{opacity:.5;cursor:wait}.icon-button.danger:hover{color:var(--danger);background:#f6e7e4}main{max-width:1160px;margin:0 auto;padding:74px 28px 60px}.intro{grid-template-columns:minmax(0,1fr) 355px;align-items:end;gap:80px;margin-bottom:46px;display:grid}.eyebrow{color:#698374;letter-spacing:.22em;margin:0 0 16px;font-size:11px;font-weight:700}h1{letter-spacing:-.045em;max-width:680px;margin:0;font-family:ui-sans-serif,system-ui,PingFang SC,sans-serif;font-size:clamp(38px,5.2vw,66px);font-weight:600;line-height:1.13}.intro-copy{color:var(--muted);max-width:470px;margin:22px 0 0;font-size:15px;line-height:1.8}.capacity-card{box-shadow:var(--shadow);background:#fffffcd1;border:1px solid #3143391a;border-radius:22px;padding:24px}.capacity-heading{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:13px;display:grid}.capacity-heading svg{color:var(--green)}.capacity-heading strong{color:var(--green-dark);font-size:15px}.capacity-track{background:#e8ece7;border-radius:10px;height:8px;margin:20px 0 11px;overflow:hidden}.capacity-track span{border-radius:inherit;background:linear-gradient(90deg,#47775f,#7ca78f);min-width:2px;height:100%;transition:width .35s;display:block}.capacity-meta{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.capacity-card p{color:#8a7753;margin:10px 0 0;font-size:12px}.notice{color:#7f382f;background:#faebe8;border:1px solid #f0d2cc;border-radius:13px;justify-content:space-between;align-items:center;margin:-19px 0 24px;padding:13px 15px;font-size:13px;display:flex}.notice button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.upload-panel{background:var(--cream);box-shadow:var(--shadow);border:1px solid #3143391f;border-radius:26px;padding:18px}.drop-zone{cursor:pointer;background:#f8faf6;border:1.5px dashed #b9c7bd;border-radius:18px;justify-content:center;align-items:center;gap:17px;min-height:174px;transition:border .2s,background .2s,transform .2s;display:flex}.drop-zone:hover,.drop-zone.is-dragging{background:#f0f6f1;border-color:#5f8c73;transform:translateY(-1px)}.upload-icon{width:54px;height:54px;color:var(--green);background:var(--mint);border-radius:17px;place-items:center;display:grid}.drop-zone>div{flex-direction:column;gap:6px;display:flex}.drop-zone strong{font-size:16px}.drop-zone span:not(.upload-icon){color:var(--muted);font-size:12px}.retention-control{color:var(--muted);justify-content:flex-end;align-items:center;gap:14px;padding:17px 3px 0;font-size:12px;display:flex}.segmented{background:#eef1ed;border-radius:11px;padding:3px;display:flex}.segmented button{color:#718077;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:57px;padding:7px 10px;font-size:12px;transition:all .18s}.segmented button.active{color:var(--green-dark);background:#fff;font-weight:600;box-shadow:0 2px 9px #283a3017}.queue{gap:7px;margin-top:16px;display:grid}.queue-item{border:1px solid var(--line);background:#fffffcb8;border-radius:13px;grid-template-columns:36px minmax(0,1fr) 150px 42px 36px;align-items:center;gap:12px;min-height:58px;padding:7px 10px;display:grid}.queue-state{width:32px;height:32px;color:var(--green);background:#e8ede8;border-radius:9px;place-items:center;display:grid}.queue-state.done{color:#387250;background:#e1f1e7}.queue-state.error{color:var(--danger);background:#f7e6e3}.queue-info{flex-direction:column;gap:3px;min-width:0;display:flex}.queue-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.queue-info span{color:var(--muted);font-size:11px}.queue-progress{background:#e6ebe6;border-radius:5px;height:5px;overflow:hidden}.queue-progress span{background:#5e8b73;height:100%;transition:width .15s linear;display:block}.queue-percent{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;font-size:11px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.files-section{margin-top:54px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-heading>div{align-items:baseline;gap:12px;display:flex}.section-heading h2{letter-spacing:-.02em;margin:0;font-family:ui-sans-serif,system-ui,PingFang SC,sans-serif;font-size:21px}.section-heading>div span{color:var(--muted);font-size:12px}.search-box{border:1px solid var(--line);color:#8b968f;background:#fffffcad;border-radius:12px;align-items:center;gap:9px;width:225px;height:40px;padding:0 12px;display:flex}.search-box:focus-within{border-color:#8ca595;box-shadow:0 0 0 3px #315f4b14}.search-box input{color:#26352d;background:0 0;border:0;outline:0;width:100%;font-size:13px}.file-list{border:1px solid var(--line);background:#fffffcb8;border-radius:18px;overflow:hidden}.file-row{min-height:70px;color:var(--muted);border-bottom:1px solid #e8ebe7;grid-template-columns:minmax(260px,2fr) .65fr .9fr .9fr 92px;align-items:center;gap:18px;padding:10px 18px;font-size:12px;display:grid}.file-row:last-child{border-bottom:0}.file-row:not(.file-header){transition:background .18s}.file-row:not(.file-header):hover{background:#fafbf8}.file-header{color:#8d9791;text-transform:uppercase;letter-spacing:.07em;background:#f4f6f2;min-height:42px;font-size:10px}.file-name{align-items:center;gap:12px;min-width:0;display:flex}.file-icon{width:38px;height:38px;color:var(--green);background:#e8eee9;border-radius:11px;flex:none;place-items:center;display:grid}.file-name>span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.file-name strong{color:#26352d;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.file-name small{color:#8b958f;font-size:10px}.file-actions{justify-content:flex-end;gap:2px;display:flex}.expiry{color:#967142}.keep{color:#4c7a61}.empty-state{border:1px solid var(--line);min-height:250px;color:var(--muted);background:#fffffc94;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state>span{width:54px;height:54px;color:var(--green);background:var(--mint);border-radius:16px;place-items:center;display:grid}.empty-state h3{color:#34453b;margin:16px 0 5px;font-size:15px}.empty-state p{margin:0;font-size:12px}footer{color:#919a94;letter-spacing:.06em;justify-content:space-between;max-width:1160px;margin:0 auto;padding:0 28px 32px;font-size:10px;display:flex}@media (width<=800px){.topbar{height:64px;padding:0 18px}.account-email{display:none}main{padding:48px 17px 44px}.intro{grid-template-columns:1fr;gap:30px;margin-bottom:30px}.intro-copy{margin-top:16px}.capacity-card{padding:20px}.upload-panel{border-radius:20px;padding:12px}.drop-zone{text-align:center;flex-direction:column;gap:13px;min-height:160px;padding:20px}.retention-control{flex-direction:column;justify-content:center;gap:8px}.segmented{width:100%}.segmented button{flex:1;min-width:0}.queue-item{grid-template-columns:34px minmax(0,1fr) 36px;gap:8px}.queue-progress{grid-column:2/3;width:100%}.queue-percent{text-align:center;grid-area:2/1/auto/2}.section-heading{flex-direction:column;align-items:stretch;gap:13px}.search-box{width:100%}.file-list{background:0 0;border:0;gap:9px;display:grid;overflow:visible}.file-header{display:none}.file-row{border:1px solid var(--line);background:#fffffcc7;border-radius:15px;grid-template-columns:1fr 80px;gap:10px 16px;min-height:0;padding:15px}.file-row:last-child{border-bottom:1px solid var(--line)}.file-name{grid-column:1/2}.file-row>span[data-label]{grid-column:1/-1;justify-content:space-between;padding-left:50px;display:flex}.file-row>span[data-label]:before{content:attr(data-label);color:#9ba39e}.file-actions{grid-area:1/2;align-self:center}footer{flex-direction:column;gap:7px;padding:0 17px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}