:root{--blue: #1a5cff;--blue-d: #0f47d9;--blue-t: #dce7ff;--blue-ink: #0b3bb5;--ink: #1b1d24;--muted: #4a4f5e;--line: #e3e5ec;--bg: #f6f7fb;--hover: #e9ebf2;--yellow: #ffb800;--red: #f03b3b;--green: #12b05a;--orange: #ff8a00;--purple: #7c4dff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Figtree,Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-d)}button{font:inherit}.i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ib{width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .35s cubic-bezier(.34,1.56,.64,1)}.ib:hover{background:var(--hover)}.ib:active{transform:scale(.92)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.app:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;z-index:20;background:linear-gradient(90deg,#1a5cff,#7c4dff,#f03b3b,#ffb800,#12b05a,#1a5cff);background-size:200% 100%;animation:mk-slide 8s linear infinite}@keyframes mk-slide{to{background-position:200% 0}}@keyframes mk-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes mk-pop{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:none}}@keyframes mk-stripes{to{background-position:40px 0}}@keyframes mk-spin{to{transform:rotate(360deg)}}.top{display:flex;align-items:center;gap:16px;padding:10px 16px 8px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;width:232px;padding-left:8px;color:var(--ink);font-size:22px;font-weight:600}.brand:hover{color:var(--ink)}.search{flex:1 1 360px;max-width:720px;display:flex;align-items:center;gap:10px;height:48px;padding:0 6px 0 16px;border-radius:999px;background:var(--hover);transition:background .2s,box-shadow .2s}.search:focus-within{background:#fff;box-shadow:0 0 0 3px var(--blue-t),0 0 0 1px var(--blue)}.search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:16px;color:var(--ink)}.avatar{width:40px;height:40px;border-radius:50%;border:0;background:var(--purple);color:#fff;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.body{flex:1;display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px 8px}.side{flex:1 1 240px;max-width:256px;display:flex;flex-direction:column;gap:2px;animation:mk-rise .6s cubic-bezier(.2,.8,.2,1) both}.new{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 22px 0 18px;margin:4px 0 14px 6px;border:0;border-radius:16px;background:#fff;color:var(--ink);font-weight:600;font-size:14.5px;box-shadow:0 1px 2px #1b1d241f,0 2px 8px #1b1d241a;cursor:pointer;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.new:hover{transform:translateY(-3px);box-shadow:0 4px 10px #1a5cff2e,0 14px 30px #1a5cff38}.new svg{color:var(--blue);stroke-width:2.4;width:24px;height:24px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.new:hover svg{transform:rotate(90deg)}.nav{display:flex;align-items:center;gap:14px;height:36px;padding:0 16px 0 14px;border-radius:999px;color:#2c303b;font-size:14px;font-weight:500}.nav:hover{background:var(--hover);color:var(--ink)}.nav svg{color:var(--c, var(--muted));transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.nav:hover svg{transform:scale(1.18) rotate(-8deg)}.nav.active{background:linear-gradient(90deg,var(--blue-t),#eef3ff);color:var(--blue-ink);font-weight:600;box-shadow:inset 0 0 0 1px #cbdbff}.gap{margin-top:8px}.quota{padding:6px 16px 0 48px;display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--muted)}.bar{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.bar b{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#1a5cff,#7c4dff,#f03b3b,#ffb800)}.main{flex:999 1 560px;min-width:0;background:#fff;border-radius:16px;padding:16px 20px 24px;display:flex;flex-direction:column;gap:16px;position:relative}.main>*{animation:mk-rise .7s cubic-bezier(.2,.8,.2,1) both}.main>*:nth-child(2){animation-delay:.05s}.main>*:nth-child(3){animation-delay:.1s}.main>*:nth-child(n+4){animation-delay:.15s}.title{margin:0;font-family:Bricolage Grotesque,Figtree,sans-serif;font-weight:800;letter-spacing:-.035em;font-size:34px;line-height:1.05}.crumbs{display:flex;align-items:center;gap:2px;flex-wrap:wrap;margin-left:-8px}.crumbs a{padding:6px 10px;border-radius:999px;color:var(--muted);font-size:14px}.crumbs a:hover{background:var(--hover);color:var(--ink)}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:40px}.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:8px;border:1px solid #c9ccd6;background:#fff;color:#2c303b;font-weight:500;font-size:13.5px;cursor:pointer;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .2s}.chip:hover{background:#f3f4f8;transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;border-radius:999px;border:0;background:var(--blue);color:#fff;font-weight:600;font-size:14px;cursor:pointer}.btn:hover{background:var(--blue-d)}.btn.ghost{background:#fff;color:var(--blue);border:1px solid #8a8fa0}.seg{display:inline-flex;border:1px solid #8a8fa0;border-radius:999px;overflow:hidden;height:34px}.seg button{width:52px;border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.seg button[aria-pressed=true]{background:var(--blue-t);color:var(--blue-ink)}.folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.folder{display:flex;align-items:center;gap:12px;height:48px;padding:0 6px 0 14px;border-radius:12px;background:#eef0f6;font-size:14px;font-weight:500;cursor:pointer;border:0;text-align:left;color:var(--ink);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .2s}.folder:hover{background:#e4e7f0;transform:translateY(-3px);box-shadow:0 10px 24px -12px #0e0f1347}.folder.sel,.row.sel td,.card.sel{background:var(--blue-t)!important}.folder span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder svg.f{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.folder:hover svg.f{transform:scale(1.15) rotate(-6deg)}table.files{width:100%;border-collapse:collapse;min-width:680px}.files th{height:30px;font-size:13px;font-weight:600;color:var(--muted);text-align:left;padding:0 12px;border-bottom:1px solid var(--line)}.row td{height:48px;padding:0 12px;border-bottom:1px solid var(--line);font-size:14px;white-space:nowrap;color:var(--muted);transition:background .2s}.row td:first-child{color:var(--ink);font-weight:500}.row{cursor:pointer}.row:hover td{background:#f1f2f7}.row:hover td:first-child{box-shadow:inset 3px 0 0 var(--blue)}.row .acts{visibility:hidden}.row:hover .acts,.row.sel .acts{visibility:visible}.ty{width:22px;height:22px;border-radius:5px;flex:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.row:hover .ty{transform:scale(1.12)}.ty svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.card{border-radius:12px;background:#eef0f6;padding:0 8px 8px;cursor:pointer;display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px -12px #0e0f1347}.card .top2{display:flex;align-items:center;gap:10px;height:46px;padding-left:6px;font-size:14px;font-weight:500;min-width:0}.card .top2 span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb{height:140px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;text-align:center;color:var(--muted)}.empty h2{margin:0;color:var(--ink);font-family:Bricolage Grotesque,Figtree,sans-serif;font-weight:800;letter-spacing:-.02em;font-size:26px}.drop{position:absolute;inset:0;border-radius:16px;border:3px dashed var(--blue);background:#dce7ffd9;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--blue-ink);z-index:5;animation:mk-pop .25s ease both}.menu{position:absolute;z-index:30;background:#fff;border-radius:14px;padding:6px;min-width:220px;box-shadow:0 8px 24px #1b1d242e,0 0 0 1px var(--line);animation:mk-pop .2s ease both}.menu button{display:flex;align-items:center;gap:12px;width:100%;height:38px;padding:0 12px;border:0;border-radius:9px;background:transparent;font-size:14px;color:var(--ink);cursor:pointer;text-align:left}.menu button:hover{background:var(--blue-t)}.menu hr{border:0;height:1px;background:var(--line);margin:6px 8px}.uploads{position:fixed;right:24px;bottom:24px;width:360px;max-width:calc(100% - 48px);background:#fff;border-radius:16px;box-shadow:0 4px 10px #1b1d2414,0 12px 32px #1b1d2429;overflow:hidden;z-index:40;animation:mk-pop .35s cubic-bezier(.2,.8,.2,1) both}.uploads header{display:flex;align-items:center;gap:8px;padding:10px 8px 10px 20px;background:#eef0f6;font-weight:600}.up{padding:12px 20px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);font-size:14px}.up .p{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.up .p b{display:block;height:100%;background:repeating-linear-gradient(45deg,#1a5cff 0 10px,#4f7bff 10px 20px);background-size:40px 100%;animation:mk-stripes .8s linear infinite}.up .p b.done{background:var(--green);animation:none}.dialog-bg{position:fixed;inset:0;background:#1b1d2473;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.dialog{width:100%;max-width:420px;background:#fff;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 64px #1b1d2440;animation:mk-pop .3s cubic-bezier(.2,.8,.2,1) both}.dialog h2{margin:0;font-size:22px;font-weight:500}.field{height:48px;padding:0 14px;border-radius:10px;border:1px solid #8a8fa0;font-size:15px;width:100%}.field:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-t)}.toast{position:fixed;left:24px;bottom:24px;background:#1b1d24;color:#fff;padding:14px 18px;border-radius:12px;font-size:14px;z-index:60;animation:mk-pop .3s ease both}.spin{animation:mk-spin 1.2s linear infinite}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}