@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Segoe UI,sans-serif;color:#25263d;background:#f8f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:9px}button svg{flex-shrink:0}h1,h2,h3,.brand{font-family:Manrope,Segoe UI,sans-serif}button{border:0;background:none;color:inherit}input{border:1px solid #dce0eb;border-radius:9px;padding:13px;background:#fff;color:#25263d}label{display:grid;gap:9px}h1,h2,p{margin:0}.shell{display:flex;min-height:100vh}aside{width:244px;flex-shrink:0;padding:32px 23px;background:#f3f4fa;border-right:1px solid #e9eaf3;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;text-decoration:none;letter-spacing:-1px;white-space:nowrap}.brandLight{font-weight:400;color:#72768c}.brandMark{width:39px;height:39px;background:#7157db;color:#fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.newButton{margin:35px 0 26px;background:#7255d9;color:#fff;border-radius:13px;height:54px;font-size:14px;font-weight:600;box-shadow:0 5px 12px #6c50d526}nav{display:grid;gap:7px}nav button{justify-content:flex-start;padding:14px 15px;border-radius:10px;color:#70758c;font-size:14px;font-weight:500}nav button.active{background:#e7e2fa;color:#6748c9}nav button span{margin-left:auto;background:#d8cef6;font-size:11px;padding:2px 7px;border-radius:5px}.storage{border-top:1px solid #e1e3ef;margin-top:35px;padding:24px 12px;color:#7c8195;font-size:12px}.storage>svg{vertical-align:middle;margin-right:8px}.storage strong{font-size:13px;font-weight:500;color:#5d637d}.meter{height:5px;background:#e0e2ef;border-radius:20px;margin:19px 0 10px;overflow:hidden}.meter i{display:block;height:100%;background:#795cdc;min-width:4%}.storage p{font-size:11px;margin-bottom:7px}.storage small{font-size:10px;color:#969bb0}.asideBottom{margin-top:auto;font-size:11px;color:#787b91;padding:12px 9px}.asideBottom small{display:block;margin-top:12px;font-size:9px;color:#9b9eb0}.liveDot{display:inline-block;width:6px;height:6px;background:#72ae8e;border-radius:50%;margin-right:8px}.workspace{margin-left:244px;width:calc(100% - 244px)}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;gap:20px;background:#fff;border-bottom:1px solid #eef0f6}.search{display:flex;align-items:center;gap:14px;background:#f5f6fa;border:1px solid #edf0f6;border-radius:11px;padding:0 17px;width:520px;height:47px;color:#8d93a8}.search input{flex:1;border:0;background:none;padding:0;min-width:0;font-size:13px;outline:none}.search kbd{font-size:12px;background:#fff;border:1px solid #e1e4ee;border-radius:4px;padding:1px 6px;color:#a2a6b7}.headerRight{display:flex;align-items:center;gap:25px}.edition{color:#9699ac;font-size:10px;letter-spacing:1.1px;white-space:nowrap}.avatar{height:36px;width:36px;border:3px solid #f3efff;background:#ded6f5;color:#6b4eb6;font-size:12px;font-weight:700;border-radius:50%}main{padding:33px 44px 25px;max-width:1600px;margin:0 auto}.pageHeading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:15px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#979ab1;margin-bottom:9px}h1{font-size:29px;font-weight:800;letter-spacing:-1px}.secondary{border:1px solid #e1e2ec;border-radius:8px;background:#fff;padding:10px 15px;font-size:12px;font-weight:500}.welcome{display:flex;align-items:center;justify-content:space-between;position:relative;background:#eeebfb;border:1px solid #e8e3f8;border-radius:15px;padding:27px 33px;margin-bottom:29px;overflow:hidden}.welcomeLabel{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#8e7db9}.welcome h2{font-size:25px;letter-spacing:-.7px;margin:10px 0;color:#4d3b7b}.welcome p{font-size:12px;color:#8c81a6;line-height:1.7}.welcomeVisual{margin:0 45px 0 30px;transform:rotate(-8deg);color:#957ed9;position:relative}.welcomeVisual>svg{fill:#b5a2ec;stroke:#9c82dd}.miniFile{display:flex;position:absolute;right:-15px;bottom:0;transform:rotate(20deg);width:40px;height:48px;border-radius:6px;background:#fff;align-items:center;justify-content:center;box-shadow:0 6px 15px #7055a826}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;gap:10px}.breadcrumbs{display:flex;align-items:center;gap:6px;font-size:12px;color:#8c91a8}.breadcrumbs button{padding:0;color:#5b607a;font-weight:500}.viewButtons{display:flex;align-items:center;gap:5px}.viewButtons>span{font-size:10px;color:#a0a5b8;margin-right:14px}.viewButtons button{padding:7px;border-radius:5px;color:#a5aabd}.viewButtons button[aria-pressed=true]{background:#ece8fa;color:#7c61cd}.fileList{background:#fff;border:1px solid #e9ebf3;border-radius:11px;overflow:hidden}.tableHead,.fileRow{display:grid;grid-template-columns:minmax(180px,1fr) 155px 85px 145px;align-items:center;gap:12px;padding:0 22px}.tableHead{height:43px;background:#fcfcfe;border-bottom:1px solid #eff0f7;color:#9a9fb2;font-size:10px}.fileRow{min-height:76px;border-bottom:1px solid #f0f1f6}.fileRow:last-child{border:0}.fileRow:hover{background:#fcfbff}.fileName{justify-content:flex-start;text-align:left;padding:0;gap:15px;min-width:0}.fileName>span:last-child{overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500}.fileName>span>svg{margin-left:7px;color:#b59a40}.fileName small{display:block;font-size:9px;color:#a0a5b6;margin-top:5px;letter-spacing:.1px}.fileIcon{display:flex;width:36px;height:40px;align-items:center;justify-content:center;flex-shrink:0;border-radius:7px}.folderIcon{color:#b7a05b;background:#fbf5e6}.folderIcon svg{fill:#ebd8a0;stroke:#c9b272}.docIcon{color:#6d95d7;background:#edf3fd}.imageIcon{color:#8c71c4;background:#f1edfa}.fileRow time,.fileSize{font-size:10px;color:#999eb1}.actions{display:flex;align-items:center;justify-content:flex-end;gap:0}.actions button{padding:7px;color:#a2a7bb;border-radius:5px}.actions button:hover,.actions button[aria-pressed=true]{color:#7659cd;background:#f0ebfc}.empty{padding:60px 20px;text-align:center;color:#a4a0b6;grid-column:1/-1}.empty h3{font-size:17px;font-weight:500;color:#77748c}.empty p{font-size:12px}footer{display:flex;justify-content:space-between;gap:12px;color:#b1b4c4;font-size:9px;margin-top:24px}.fileGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.fileGrid .fileRow{display:flex;flex-wrap:wrap;background:#fff;border:1px solid #e9ebf3;border-radius:11px;padding:20px;gap:17px}.fileGrid .fileName{width:100%}.fileGrid .actions{width:100%;justify-content:flex-start}.fileGrid time{margin-right:auto}.fileGrid .fileSize{display:block}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:10;background:#332b4c;color:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 8px 30px #30204330;display:flex;gap:12px;align-items:center;font-size:13px;max-width:90vw}.toast button{color:#c6bedb;font-size:22px;margin-left:12px}.overlay{position:fixed;inset:0;z-index:20;background:#27213e55;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:#fff;border-radius:18px;padding:30px;max-width:470px;width:100%;box-shadow:0 15px 100px #24203330}.dialog h2{font-size:23px;margin-bottom:22px}.dialog label{font-size:13px;color:#77788c}.dialog p{font-size:14px;color:#77788c;line-height:1.8}.dialogActions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.primary{background:#7255d9;color:#fff;padding:12px 20px;border-radius:9px;font-weight:600;font-size:13px}.danger{background:#b44555;color:#fff;padding:12px 15px;border-radius:9px;font-size:12px}.busy{font-size:12px;color:#8a73b2;margin:10px 0}.auth{padding:0;max-width:none;min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.authStory{background:#eeebfb;padding:70px;display:flex;flex-direction:column;justify-content:center}.authStory>.eyebrow{margin-top:90px;color:#8d7ab4}.authStory h1{font-size:54px;line-height:1.2;color:#493671;margin:15px 0 25px}.authStory p{max-width:420px;line-height:1.8;color:#9083a8}.stack{margin-top:45px;font-size:12px;color:#9a8cb2}.login{max-width:420px;align-self:center;margin:auto;padding:35px;display:grid;gap:22px}.login h2{font-size:27px}.login p{font-size:13px;line-height:1.8;color:#9092a6}.login label{font-size:12px;color:#787b91}.login .primary{justify-content:space-between}.textButton{font-size:12px;color:#8267cd}.login small{font-size:10px;line-height:1.8;color:#a5a7b6}.loading{padding:15vh;text-align:center;color:#7965ab}@media(min-width:1500px){main{padding:43px 65px}header{padding:0 65px}.tableHead,.fileRow{grid-template-columns:minmax(230px,1fr) 190px 110px 155px}}@media(max-width:1050px){aside{width:205px;padding:25px 15px}.brand{font-size:20px}.workspace{margin-left:205px;width:calc(100% - 205px)}header{padding:0 24px}main{padding:28px 24px}.tableHead,.fileRow{grid-template-columns:minmax(150px,1fr) 100px 60px 130px;padding:0 15px;gap:5px}.welcomeVisual{margin-right:10px}.edition{display:none}}@media(max-width:760px){aside{position:static;width:100%;padding:18px;border:0}.shell{display:block}.brand{font-size:21px}.newButton{margin:18px 0 10px;position:absolute;top:0;right:18px;height:40px;padding:0 14px;font-size:11px}nav{display:flex;margin-top:17px;gap:3px}nav button{padding:10px 12px;font-size:11px}.storage,.asideBottom{display:none}.workspace{margin:0;width:100%}header{height:75px;padding:0 18px}.search{width:100%}.headerRight{gap:0}.search kbd{display:none}main{padding:24px 18px}.pageHeading h1{font-size:26px}.pageHeading .secondary{font-size:10px;padding:9px}.welcome{padding:23px}.welcome h2{font-size:22px}.welcomeVisual{display:none}.welcome p{font-size:11px}.tableHead{display:none}.fileRow{display:flex;flex-wrap:wrap;padding:17px;gap:8px}.fileName{flex:1;min-width:70%}.fileRow time{display:none}.fileSize{margin-left:auto}.actions{width:100%;justify-content:flex-end}.actions button{padding:9px}.viewButtons>span{display:none}footer{display:block;line-height:2}footer span{display:block}.auth{grid-template-columns:1fr}.authStory{padding:35px}.authStory>.eyebrow{margin-top:30px}.authStory h1{font-size:36px}.stack{margin-top:20px}.login{padding:35px;margin:0 auto;width:100%}}