:root{--paper:#f3f1ec;--surface:#fff;--surface-sunken:#faf8f4;--ink:#211f1b;--ink-2:#565049;--muted:#8c867c;--line:#ebe7df;--line-2:#ddd8cd;--accent:#16695f;--accent-press:#0f534b;--accent-tint:#e9f1ef;--accent-tint-2:#d8e9e5;--danger:#b04437;--danger-press:#8f352a;--danger-tint:#f8ece9;--r-lg:16px;--r-md:12px;--r-sm:9px;--shadow-1:0 1px 2px #211f1b0a, 0 1px 3px #211f1b0f;--shadow-2:0 6px 16px #211f1b0f, 0 14px 34px #211f1b14;--shadow-3:0 24px 64px #211f1b33;--font-body:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-display:"Hanken Grotesk", system-ui, -apple-system, sans-serif;font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{background:var(--paper);margin:0}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page{background:radial-gradient(1100px 520px at 50% -10%, #fbfaf7 0%, #fbfaf700 60%), var(--paper);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:32px 20px;display:flex}.card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--line);width:100%;max-width:432px;box-shadow:var(--shadow-2);text-align:center;padding:44px 40px;animation:.5s both fade-up}.brand{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 22px;font-size:38px;font-weight:800}.lead{letter-spacing:-.01em;margin:0 0 8px;font-size:21px;font-weight:500}.card p{color:var(--ink-2);margin:0 0 18px}label{text-align:left;color:var(--ink-2);margin-bottom:8px;font-size:14px;font-weight:600;display:block}input[type=email]{width:100%;font:inherit;background:var(--surface-sunken);border:1.5px solid var(--line-2);border-radius:var(--r-sm);margin-bottom:20px;padding:13px 15px;font-size:17px;transition:border-color .15s,box-shadow .15s,background .15s}input[type=email]:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.error{color:var(--danger);font-weight:500}.btn{width:100%;font:inherit;border-radius:var(--r-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:14px 20px;font-size:17px;font-weight:600;transition:background .15s,transform 50ms}.btn:hover{background:var(--accent-press)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary,.btn-ghost{font:inherit;border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-1);border:1px solid #0000}.btn-primary:hover{background:var(--accent-press)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border:1px solid var(--line-2);background:var(--surface);color:var(--ink)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.btn-ghost.danger{color:var(--danger)}.btn-ghost.danger:hover{border-color:var(--danger);background:var(--danger-tint)}.btn-primary.sm,.btn-ghost.sm{padding:8px 13px;font-size:14px}.btn .ic,.btn-primary .ic,.btn-ghost .ic{margin:-2px 0}.muted{color:var(--muted)}.app{flex-direction:column;min-height:100svh;display:flex}.appbar{-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);z-index:10;background:#ffffffd1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;animation:.45s both fade-up;display:flex;position:sticky;top:0}.appbar-brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.appbar-brand .logo{background:var(--accent);color:#fff;width:32px;height:32px;box-shadow:var(--shadow-1);border-radius:9px;place-items:center;display:grid}.appbar-right{align-items:center;gap:8px;display:flex}.team-switch{position:relative}.team-trigger{border-radius:var(--r-md);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:5px 10px;transition:background .12s,border-color .12s;display:flex}.team-trigger:hover,.team-trigger.open{background:var(--surface-sunken);border-color:var(--line)}.team-meta{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15;display:flex}.team-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:700}.team-name{letter-spacing:-.01em;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:600;overflow:hidden}.team-caret{color:var(--muted);flex-shrink:0;transition:transform .15s}.team-caret.open{transform:rotate(180deg)}.switch-pop{z-index:41;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);min-width:260px;box-shadow:var(--shadow-2);padding:6px;animation:.12s both fade-up;position:absolute;top:calc(100% + 10px);right:0}.switch-head{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:8px 10px 6px;font-size:11px;font-weight:700}.switch-item{text-align:left;width:100%;font:inherit;border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:9px 10px;transition:background .12s;display:flex}.switch-item:hover{background:var(--surface-sunken)}.switch-item.active{background:var(--accent-tint)}.switch-badge{color:#fff;width:34px;height:34px;box-shadow:var(--shadow-1);border-radius:9px;flex-shrink:0;place-items:center;font-size:13.5px;font-weight:700;display:grid}.switch-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15.5px;font-weight:600;overflow:hidden}.switch-item.active .switch-name{color:var(--accent-press)}.switch-check{color:var(--accent);flex-shrink:0;display:inline-flex}.account{position:relative}.user-button{cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:2px;transition:box-shadow .15s;display:grid}.user-button:hover,.user-button.open{box-shadow:0 0 0 3px var(--accent-tint)}.user-avatar{background:var(--accent-tint);border:1px solid var(--accent-tint-2);width:34px;height:34px;color:var(--accent-press);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.user-avatar.lg{width:42px;height:42px;font-size:17px}.account-pop{z-index:41;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);min-width:240px;box-shadow:var(--shadow-2);padding:6px;animation:.12s both fade-up;position:absolute;top:calc(100% + 10px);right:0}.account-head{align-items:center;gap:12px;padding:8px 10px 10px;display:flex}.account-id{flex-direction:column;min-width:0;line-height:1.25;display:flex}.account-email{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.account-team{color:var(--muted);font-size:12.5px}.account-item{text-align:left;width:100%;font:inherit;color:var(--ink);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:500;transition:background .12s;display:flex}.account-item:hover{background:var(--surface-sunken)}.account-item .mi{color:var(--muted);display:inline-flex}.account-item:hover .mi{color:var(--accent)}@media (width<=600px){.appbar-brand span:last-child,.team-label{display:none}}.surface{flex-grow:1;width:100%;max-width:1200px;margin:32px auto;padding:0 28px 64px;animation:.5s 40ms both fade-up;position:relative}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:40px;margin-bottom:20px;display:flex}.crumbs{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:4px;font-size:24px;font-weight:700;display:flex}.crumb-link{font:inherit;color:var(--ink);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;padding:2px 8px;transition:background .15s,color .15s}.crumb-link:hover{background:var(--accent-tint);color:var(--accent)}.crumb-link.over{background:var(--accent-tint);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.crumb-sep{color:var(--muted);display:inline-flex}.crumb-current{padding:2px 4px}.toolbar-actions{align-items:center;gap:10px;display:flex}.sel-count{color:var(--accent-press);margin-right:2px;font-weight:600}.dropzone{border:1.5px dashed var(--line-2);border-radius:var(--r-md);background:var(--surface-sunken);cursor:pointer;align-items:center;gap:13px;margin-bottom:20px;padding:15px 20px;transition:border-color .15s,background .15s,color .15s;display:flex}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-tint)}.dropzone.busy{opacity:.6;cursor:progress}.dz-icon{background:var(--surface);border:1px solid var(--line-2);width:38px;height:38px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.dropzone:hover .dz-icon,.dropzone.over .dz-icon{border-color:var(--accent)}.dz-text{color:var(--ink-2);font-size:15px}.dz-text strong{color:var(--ink);font-weight:600}.status{color:var(--accent-press);margin:-6px 0 18px;font-size:14px;font-weight:500}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden}.list.drop-root{box-shadow:var(--shadow-1), inset 0 0 0 2px var(--accent)}.list-head,.row{grid-template-columns:minmax(0,1fr) 184px 200px 104px 46px;align-items:center;gap:12px;padding:0 18px;display:grid}.list-head{text-transform:uppercase;letter-spacing:.07em;height:42px;color:var(--muted);border-bottom:1px solid var(--line);font-size:11.5px;font-weight:600}.sort-btn{font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;transition:color .15s;display:flex}.sort-btn.col-size{justify-content:flex-end}.sort-btn:hover{color:var(--ink-2)}.sort-btn.active{color:var(--accent)}.sort-caret{transition:transform .15s}.sort-caret.asc{transform:rotate(180deg)}.row{border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:58px;transition:background .12s}.row:last-child{border-bottom:none}.row:hover{background:var(--surface-sunken)}.row.selected{background:var(--accent-tint)}.row.selected:hover{background:var(--accent-tint-2)}.row.dragging{opacity:.4}.row.over{background:var(--accent-tint);box-shadow:inset 0 0 0 2px var(--accent)}.folder-row .row-title{font-weight:600}.col-name{align-items:center;gap:13px;min-width:0;display:flex}.row-icon{flex-shrink:0;display:inline-flex}.row-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;overflow:hidden}.col-mod{color:var(--muted);font-size:13.5px}.col-modby{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.col-size{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:13.5px}.empty{color:var(--muted);text-align:center;margin:0;padding:52px 20px;font-size:15px}@media (width<=880px){.list-head,.row{grid-template-columns:minmax(0,1fr) 184px 104px 46px}.col-modby{display:none}}@media (width<=640px){.list-head,.row{grid-template-columns:1fr 44px}.col-mod,.col-modby,.col-size{display:none}}.kebab{border-radius:var(--r-sm);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;transition:background .12s,border-color .12s,color .12s;display:grid}.kebab:hover{border-color:var(--line-2);background:var(--surface);color:var(--ink)}.menu-backdrop{z-index:40;position:fixed;inset:0}.menu{z-index:41;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);min-width:216px;box-shadow:var(--shadow-2);flex-direction:column;padding:6px;animation:.12s both fade-up;display:flex;position:fixed}.menu button{text-align:left;width:100%;font:inherit;color:var(--ink);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:500;transition:background .12s;display:flex}.menu button:hover{background:var(--surface-sunken)}.menu button .mi{color:var(--muted);display:inline-flex}.menu button:hover .mi{color:var(--accent)}.menu button.danger,.menu button.danger .mi{color:var(--danger)}.menu button.danger:hover{background:var(--danger-tint)}.menu-sep{background:var(--line);height:1px;margin:5px 6px}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#211f1b6b;justify-content:center;align-items:center;padding:20px;animation:.15s both fade-up;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-lg);text-align:center;width:100%;max-width:440px;box-shadow:var(--shadow-3);padding:30px}.modal h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 14px;font-size:23px;font-weight:700}.modal-text{color:var(--ink-2);margin:0 0 22px}.modal input{width:100%;font:inherit;background:var(--surface-sunken);border:1.5px solid var(--line-2);border-radius:var(--r-sm);margin-bottom:22px;padding:12px 14px;font-size:17px;transition:border-color .15s,box-shadow .15s,background .15s}.modal input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.modal-actions{justify-content:center;gap:12px;display:flex}.modal-actions .btn,.modal-actions .btn-ghost{flex:1;justify-content:center;width:auto}.danger-btn{background:var(--danger)}.danger-btn:hover{background:var(--danger-press)}.settings-form{text-align:left;margin-bottom:22px}.field{display:block}.field-label{color:var(--ink-2);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.settings-form .field input{margin-bottom:16px}.field-note{color:var(--muted);margin:2px 0 0;font-size:13px}.move-list{flex-direction:column;gap:8px;max-height:320px;margin-bottom:20px;display:flex;overflow-y:auto}.move-option{font:inherit;text-align:left;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);cursor:pointer;align-items:center;gap:11px;padding:12px 15px;font-size:16px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.move-option .mi{color:var(--accent);display:inline-flex}.move-option:hover{border-color:var(--accent);background:var(--accent-tint)}.marquee{z-index:5;border:1px solid var(--accent);pointer-events:none;background:#16695f1a;border-radius:4px;position:absolute}.drag-ghost{pointer-events:none;width:210px;height:70px;font-family:var(--font-body);position:fixed;top:-1000px;left:-1000px}.dg-card,.dg-stack{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line-2);width:192px;height:52px;position:absolute;top:0;left:0}.dg-stack{box-shadow:var(--shadow-1)}.dg-back{transform:translate(13px,13px)}.dg-mid{transform:translate(6.5px,6.5px)}.dg-card{color:var(--ink);box-shadow:var(--shadow-2);align-items:center;gap:10px;padding:0 16px;font-size:15px;font-weight:600;display:flex}