:root{--bg:#f5f6fa;--panel:#fff;--panel2:#f0f2f7;--text:#171923;--muted:#7d8495;--line:#e8eaf0;--brand:#6c5ce7;--brand2:#8b7cf6;--danger:#e5484d;--shadow:0 18px 50px rgba(28,25,58,.08);font-family:Manrope,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{color:inherit}.hidden{display:none!important}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}aside{position:fixed;width:244px;height:100vh;padding:28px 18px;background:#0d0f16;color:#d8d9e1;display:flex;flex-direction:column}.brand{height:58px;display:flex;align-items:center;gap:12px;padding:0 10px;font-size:20px}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:white;background:linear-gradient(145deg,#8d7bf5,#5c4ad4);font-weight:800;box-shadow:0 8px 20px #6c5ce755}nav{margin-top:30px;display:grid;gap:7px}nav button,.theme{border:0;background:transparent;color:#8f94a4;text-align:left;padding:12px 14px;border-radius:10px;cursor:pointer;font-weight:600;transition:.2s}nav button i{font-style:normal;display:inline-block;width:28px;font-size:19px}nav button:hover,nav button.active{background:#20222d;color:white}.side-bottom{margin-top:auto}.storage{background:#171a22;border:1px solid #292c37;border-radius:13px;padding:14px;margin-bottom:12px}.storage>div:first-child{display:flex;justify-content:space-between;font-size:11px}.storage b{color:white}.meter{height:5px;background:#30333e;border-radius:5px;margin-top:12px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#7968ee,#af81ff);transition:.5s}main{grid-column:2;min-width:0}header{height:78px;background:rgba(255,255,255,.8);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:10}.breadcrumbs{display:flex;gap:7px;align-items:center;font-size:13px;color:var(--muted)}.breadcrumbs button{border:0;background:none;cursor:pointer}.header-actions{display:flex;gap:14px;align-items:center}.search{width:280px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);display:flex;align-items:center;padding:0 12px;gap:8px}.search input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:var(--text)}kbd{font-size:10px;border:1px solid var(--line);padding:2px 5px;border-radius:5px;color:var(--muted)}.avatar{border:0;border-radius:50%;width:39px;height:39px;color:white;background:linear-gradient(145deg,#ffb078,#f17983);font-size:11px;font-weight:700}.content{padding:38px;max-width:1500px;margin:auto}.hero{display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--brand);font-weight:800}.hero h1{font-size:31px;letter-spacing:-1.2px;margin:8px 0 4px}.hero p,.login-card>p{margin:0;color:var(--muted);font-size:13px}.actions{display:flex;gap:9px}.actions button,.upload,.primary{border:1px solid var(--line);padding:11px 17px;border-radius:11px;background:var(--panel);cursor:pointer;font-weight:700;font-size:13px}.primary,.upload{color:white;border-color:transparent;background:linear-gradient(135deg,var(--brand2),var(--brand));box-shadow:0 8px 18px #6c5ce72b}.upload input{display:none}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.quick button{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:16px;cursor:pointer;transition:.2s}.quick button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.quickIcon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px}.purple{background:#eeeafe;color:#765de9}.blue{background:#e6f3ff;color:#408bd1}.red{background:#ffebed;color:#dc5660}.amber{background:#fff1d8;color:#c88622}.quick b,.quick small{display:block}.quick b{font-size:13px}.quick small{font-size:10px;color:var(--muted);margin-top:3px}.files-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 2px 4px #18152d05}.tablebar{display:flex;justify-content:space-between;align-items:center;padding:20px 22px}.tablebar h2{font-size:15px;margin:0 0 3px}.tablebar span{font-size:10px;color:var(--muted)}.viewtools{display:flex;gap:5px}.viewtools button,.icon{border:0;background:transparent;border-radius:7px;padding:7px 9px;cursor:pointer;color:var(--muted)}.viewtools button:hover,.viewtools button.active{background:var(--panel2);color:var(--text)}.table-head,.file-row{display:grid;grid-template-columns:42px minmax(220px,1fr) 130px 180px 60px;align-items:center;padding:0 20px}.table-head{height:42px;background:var(--panel2);font-size:10px;color:var(--muted);font-weight:700}.table-head button{border:0;background:none;text-align:left;font-size:inherit;color:inherit;cursor:pointer}.file-row{height:66px;border-bottom:1px solid var(--line);font-size:12px;transition:.15s}.file-row:last-child{border:0}.file-row:hover{background:color-mix(in srgb,var(--panel2) 65%,transparent)}.file-name{display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer}.file-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#f0edff;color:#7865e8;font-size:16px;flex:none}.file-row .meta{color:var(--muted)}.star{border:0;background:none;cursor:pointer;color:#bbc0cc;font-size:18px}.star.on{color:#f1b638}.more{border:0;background:none;cursor:pointer;font-size:18px}.empty{text-align:center;padding:70px 20px}.empty>span{font-size:48px;color:#cbc5f4}.empty h3{margin:10px}.empty p{color:var(--muted);font-size:12px}.file-list.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:13px;padding:18px}.file-list.grid .file-row{display:block;height:150px;border:1px solid var(--line);border-radius:14px;padding:17px;position:relative}.file-list.grid .file-name{display:block}.file-list.grid .file-icon{width:52px;height:52px;font-size:25px;margin-bottom:16px}.file-list.grid .meta{display:none}.file-list.grid .star{position:absolute;right:12px;top:12px}.file-list.grid .more{position:absolute;right:10px;bottom:10px}.dropzone{position:fixed;inset:90px 30px 30px 274px;z-index:40;display:grid;place-items:center;border:3px dashed var(--brand);border-radius:22px;background:#6c5ce725;color:var(--brand);font-size:24px;font-weight:800;backdrop-filter:blur(8px)}#toast{position:fixed;right:24px;bottom:24px;z-index:100;display:grid;gap:8px}.toast{background:#171923;color:white;padding:13px 17px;border-radius:11px;box-shadow:var(--shadow);font-size:12px;animation:toast .25s}.toast.error{background:#a93238}@keyframes toast{from{transform:translateY(10px);opacity:0}}dialog{border:0;border-radius:18px;padding:0;background:var(--panel);color:var(--text);box-shadow:0 25px 80px #0004;min-width:340px}dialog::backdrop{background:#10121a99;backdrop-filter:blur(4px)}dialog form{padding:25px;position:relative}.close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:23px;cursor:pointer}.modal-actions{display:flex;gap:8px;margin-top:20px}.modal-actions button{padding:9px 14px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);cursor:pointer}.modal-actions .danger{color:white;background:var(--danger)}dialog input{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);margin-top:7px}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-art{position:relative;background:#0b0d13;overflow:hidden}.brand-xl{position:absolute;left:12%;top:12%;display:flex;gap:15px;color:white;align-items:center}.brand-xl b{font-size:25px;display:block}.brand-xl small{display:block;color:#818796}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb.one{width:420px;height:420px;background:radial-gradient(circle at 30% 30%,#a99cff,#5e4bdd 45%,transparent 70%);left:18%;top:28%;opacity:.8}.orb.two{width:300px;height:300px;background:radial-gradient(circle,#ff8cbb,transparent 65%);left:45%;top:48%;opacity:.35}.login-card{align-self:center;width:min(390px,80%);margin:auto}.login-card h1{font-size:32px;margin:10px 0 5px}.login-card label{display:block;font-size:11px;font-weight:700;margin-top:22px}.login-card input{width:100%;margin-top:7px;border:1px solid var(--line);padding:13px;border-radius:10px;outline:0}.wide{width:100%;margin-top:26px;display:flex;justify-content:space-between}.secure{text-align:center;color:var(--muted);font-size:10px;margin-top:25px}.error{color:var(--danger)!important;margin-top:10px!important}.dark{--bg:#101218;--panel:#171a22;--panel2:#1e222c;--text:#eff0f6;--muted:#9299aa;--line:#292d38;--shadow:0 18px 50px #0005}#mobileMenu{display:none}
@media(max-width:850px){.shell{display:block}aside{z-index:50;transform:translateX(-100%);transition:.25s}aside.open{transform:none}main{width:100%}header{padding:0 18px}.search{width:180px}#mobileMenu{display:inline-block}.content{padding:23px 16px}.quick{grid-template-columns:repeat(2,1fr)}.table-head{display:none}.file-row{grid-template-columns:36px 1fr 40px;padding:0 12px}.file-row>.meta{display:none}.dropzone{inset:80px 15px 15px}.login{display:block;background:#0b0d13;padding-top:1px}.login-art{height:180px}.orb{display:none}.login-card{background:var(--panel);padding:25px;border-radius:22px;margin-top:-25px;position:relative;width:92%}.hero{align-items:flex-start}.hero p{display:none}.actions button{display:none}.quick small{display:none}}
@media(max-width:520px){.search{width:44px}.search input,.search kbd{display:none}.quick{gap:8px}.quick button{padding:11px}.content{padding:18px 10px}.hero h1{font-size:25px}.file-list.grid{grid-template-columns:repeat(2,1fr)}}
.table-head,.file-row{grid-template-columns:42px minmax(220px,1fr) 130px 180px 40px 40px}
.version-list{display:grid;gap:8px;margin-top:18px;max-height:360px;overflow:auto}.version-list>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:10px;font-size:12px}.version-list button,.version-list a{border:0;background:var(--panel2);color:var(--text);padding:6px 9px;border-radius:7px;text-decoration:none;cursor:pointer}
@supports(padding:max(0px)){body{padding-bottom:env(safe-area-inset-bottom)}header{padding-top:env(safe-area-inset-top)}@media(max-width:850px){aside{padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}}}
.actions .danger{color:white;background:var(--danger);border-color:transparent}.details{display:grid;gap:0;margin-top:18px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.details>div{display:grid;grid-template-columns:130px minmax(180px,1fr);gap:14px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:12px}.details>div:last-child{border:0}.details span{color:var(--muted)}.details code{font-size:10px;word-break:break-all;color:var(--text)}
@media(max-width:850px){#emptyTrash:not(.hidden){display:block}.details>div{grid-template-columns:1fr}.details code{font-size:9px}}