@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080d17;--sidebar:#0c1220;--panel:#111928;--panel2:#151e2f;--line:#263247;--soft:#8492ad;--text:#eef3ff;--primary:#6773f9;--primary2:#8791ff;--good:#32cb91;--shadow:0 22px 90px #0009;--radius:15px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button,select,input{outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:'Plus Jakarta Sans','DM Sans',sans-serif}.muted{color:var(--soft)}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.5px;font-size:19px;line-height:1.1}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#8993ff,#5465ea);font-weight:900;font-style:italic;font-size:21px;box-shadow:0 5px 18px #5164ff50;color:#fff}.brand-thin{font-weight:500;color:#9ba4ff}.brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:2.35px;color:#7583a0;margin-top:5px}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;flex-shrink:0;background:#0c1321;border-right:1px solid #1e293a;padding:30px 18px 20px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.sidebar-top{padding:4px 14px 45px}.sidebar-label{padding:0 15px;margin-bottom:13px;letter-spacing:1.5px;color:#64718a;font-size:10px;font-weight:800}.side-nav{display:grid;gap:5px}.side-item{width:100%;border:1px solid transparent;background:transparent;color:#8b98ad;text-align:left;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;font-weight:700}.side-item svg,.side-logout svg,.icon-btn svg,.filter-chip svg{width:18px;height:18px}.side-item:hover,.side-item.active{color:#edf1ff;background:#1a2439}.side-item.active{border-color:#293653;box-shadow:inset 3px 0 0 #7480ff}.side-item.active svg{color:#8d97ff}.sidebar-spacer{flex:1}.storage-sidebar{background:#141e30;border:1px solid #25334d;padding:16px 15px;border-radius:13px;margin-bottom:19px}.storage-top{display:flex;align-items:center;gap:8px;color:#9da9c0;font-size:12px;font-weight:700}.storage-top svg{width:15px;height:15px}.storage-sidebar-val{font-size:22px;font-weight:800;letter-spacing:-.7px;margin:15px 0 11px}.storage-progress{height:5px;background:#273249;border-radius:20px;overflow:hidden}.storage-progress span{width:0%;height:100%;display:block;border-radius:20px;background:linear-gradient(90deg,#6177f7,#a28bff);transition:width .4s}.storage-sidebar p{margin:11px 0 0;color:#7887a0;font-size:10px}.sidebar-user{display:flex;align-items:center;border-top:1px solid #263247;padding:17px 4px 0;gap:10px}.avatar{display:inline-grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#32406c;color:#c5d2ff;font-weight:800;border:1px solid #5366a4}.sidebar-user-name{display:grid;gap:3px;min-width:0}.sidebar-user-name strong{font-size:11px}.sidebar-user-name span{font-size:10px;color:#7c8aa3}.side-logout{margin-left:auto;background:transparent;border:0;color:#9ba8bf;padding:7px;border-radius:8px}.side-logout:hover{background:#283249;color:#fff}.main-panel{min-width:0;width:100%;background:radial-gradient(ellipse 700px 400px at 85% 0%,#121c33 0%,transparent 75%),#0b101b}.topbar{height:75px;border-bottom:1px solid #253044;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3.2vw,52px)}.topbar-crumb{display:flex;gap:13px;align-items:center;font-size:12px}.crumb-muted{color:#75849e}.crumb-slash{color:#495873}.topbar-crumb strong{font-weight:600}.topbar-right{display:flex;align-items:center;gap:24px}.topbar-status{color:#9dacbf;font-size:11px;display:flex;align-items:center;gap:8px}.topbar-status i{background:#31c78f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #30b8821b}.top-avatar{height:34px;width:34px;font-size:12px}.mobile-brand{display:none}.content-wrap{max-width:1660px;padding:40px clamp(22px,3.2vw,52px) 30px;margin:auto}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{font-size:10px;letter-spacing:1.75px;color:#9ba5ff;font-weight:800;display:flex;align-items:center;gap:8px}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#808df7;box-shadow:0 0 0 4px #6f7efa24}.page-eyebrow{margin-bottom:13px}.page-head h1{font-size:clamp(26px,2.65vw,35px);letter-spacing:-1.2px;line-height:1.2;margin:0 0 10px}.title-period{color:#7e8afc}.page-head p{color:#8696b0;font-size:13px;margin:0}.primary-btn{color:#fff;border:1px solid #818af9;background:linear-gradient(125deg,#7580ff,#566be9);padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;font-size:12px;font-weight:800;box-shadow:0 7px 18px #5469ec2c;transition:transform .15s,filter .15s}.primary-btn:hover{filter:brightness(1.11);transform:translateY(-1px)}.primary-btn svg,.secondary-btn svg{width:16px;height:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:40px}.stat-card{border:1px solid #253147;border-radius:14px;background:linear-gradient(145deg,#151e30,#111a2a);padding:20px 21px;min-width:0}.stat-top{display:flex;justify-content:space-between;gap:8px;align-items:start;font-weight:700;color:#a8b2c7;font-size:12px}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px}.stat-icon svg{width:17px;height:17px}.stat-icon.blue{background:#6379ff1b;color:#8392ff}.stat-icon.purple{background:#af80ef1c;color:#c097fa}.stat-icon.pink{background:#ea739f1a;color:#fc8ab2}.stat-icon.green{background:#54c9aa19;color:#51d3a8}.stat-value{font-family:'Plus Jakarta Sans';font-size:29px;letter-spacing:-1px;font-weight:800;margin:9px 0 5px}.stat-storage{font-size:25px}.stat-sub{font-size:11px;color:#8190a9}.files-section{min-height:300px}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;gap:12px}.section-title-row h2{font-size:19px;letter-spacing:-.45px;margin:0 0 6px}.section-title-row p{font-size:12px;color:#8291aa;margin:0}.total-pill{font:700 11px 'DM Sans',sans-serif;background:#263457;color:#a3afff;border:1px solid #344476;border-radius:6px;padding:3px 8px;vertical-align:3px;margin-left:4px}.view-switch{display:flex;padding:4px;background:#151e2e;border:1px solid #27334a;border-radius:10px;gap:3px}.view-switch button{background:transparent;border:0;border-radius:7px;color:#73839e;display:grid;place-items:center;width:30px;height:29px}.view-switch button.active{background:#2c3956;color:#c6cffc}.view-switch svg{height:16px;width:16px}.toolbar{display:flex;gap:12px;margin-bottom:18px}.search-wrap{position:relative;flex:1}.search-wrap>svg{position:absolute;top:50%;left:14px;transform:translateY(-50%);width:17px;height:17px;color:#71819c}.search-wrap input,.sort-wrap select{background:#111a29;border:1px solid #2a364b;border-radius:10px;color:#e5ebf8;height:43px}.search-wrap input{width:100%;padding:0 63px 0 41px;font-size:12px}.search-wrap input::placeholder{color:#667791}.search-wrap kbd{position:absolute;top:50%;right:13px;transform:translateY(-50%);background:#263146;border:1px solid #354159;color:#8190aa;padding:3px 5px;border-radius:4px;font-size:10px;pointer-events:none}.sort-wrap{position:relative}.sort-wrap svg{position:absolute;top:13px;left:12px;width:16px;height:16px;color:#91a0bb;pointer-events:none}.sort-wrap select{padding:0 14px 0 36px;min-width:160px;font-size:12px;cursor:pointer;color:#b8c3d6}.filter-list{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.filter-chip{color:#8b9cb7;background:transparent;border:1px solid transparent;font-size:12px;font-weight:700;border-radius:8px;padding:8px 13px}.filter-chip.active{color:#abb5ff;background:#222f4e;border-color:#334572}.filter-chip:hover:not(.active){color:#e8edff;background:#151e30}.filter-chip span{margin-left:4px;background:#3c4b76;border-radius:5px;padding:2px 5px;font-size:10px}.files-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;min-height:220px}.file-card{min-width:0;overflow:hidden;border:1px solid #283449;border-radius:13px;background:#121b2b;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.file-card:hover{border-color:#5367a0;transform:translateY(-3px);box-shadow:0 14px 32px #0004}.file-thumb{width:100%;aspect-ratio:1.48;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;background:#19253a}.file-thumb>img,.file-thumb>video{width:100%;height:100%;display:block;object-fit:cover}.file-thumb>video{pointer-events:none}.thumb-overlay{position:absolute;top:11px;left:11px;background:#10182acf;border:1px solid #7181a950;padding:5px 7px;border-radius:6px;color:#d5ddf3;font-size:9px;font-weight:800;letter-spacing:.5px}.thumb-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:43px;width:43px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0a0e1eb7;box-shadow:0 6px 30px #0009;border:1px solid #ffffff55}.thumb-play svg{width:18px;height:18px;fill:currentColor}.thumb-audio{background:linear-gradient(135deg,#222249,#302452 55%,#1b233d)}.thumb-audio::before,.thumb-doc::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,#8e91ff30,transparent 60%)}.audio-bars{display:flex;align-items:center;gap:4px;height:70px}.audio-bars span{display:block;width:4px;border-radius:4px;background:#a6a7ff;box-shadow:0 0 10px #8b88ff60}.thumb-doc{background:linear-gradient(135deg,#1d2e41,#1d2639 60%,#21314d)}.thumb-doc-icon{height:62px;width:56px;border-radius:11px;background:#2f4569;border:1px solid #647faf66;display:grid;place-items:center;box-shadow:0 14px 25px #0003}.thumb-doc-icon svg{width:27px;height:27px;color:#a1bafb}.doc-ext{position:absolute;top:12px;left:12px;border:1px solid #647b9f5e;padding:4px 7px;border-radius:5px;font-size:9px;color:#c2d0ea;font-weight:900;text-transform:uppercase}.file-info{padding:13px 14px 14px;display:flex;align-items:center;gap:9px;min-width:0}.file-info-kind{width:34px;height:34px;border-radius:9px;background:#263653;display:grid;place-items:center;flex-shrink:0;color:#96aaff}.file-info-kind svg{width:17px;height:17px}.file-info-text{min-width:0;flex:1}.file-info-text h3{font:700 12px 'DM Sans',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px}.file-info-text p{color:#7788a4;font-size:10px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-menu{border:0;background:transparent;color:#8394ad;display:grid;place-items:center;padding:5px}.file-menu svg{width:17px;height:17px}.files-grid.list-mode{display:block}.files-grid.list-mode .file-card{display:flex;align-items:center;margin-bottom:9px}.files-grid.list-mode .file-thumb{width:76px;height:63px;aspect-ratio:unset;flex-shrink:0}.files-grid.list-mode .file-info{flex:1}.files-grid.list-mode .thumb-play{height:28px;width:28px}.files-grid.list-mode .audio-bars{transform:scale(.6)}.files-grid.list-mode .thumb-doc-icon{transform:scale(.6)}.files-grid.list-mode .thumb-overlay,.files-grid.list-mode .doc-ext{display:none}.initial-load,.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:255px;padding:30px;border:1px dashed #2a3952;border-radius:13px;color:#8594ac;gap:13px;background:#11182750}.initial-load{min-height:230px}.spinner{height:28px;width:28px;border:3px solid #34425e;border-top-color:#8e9aff;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-visual{background:#222c49;color:#9ba9ff;border-radius:16px;padding:17px;display:grid;place-items:center}.empty-visual svg{width:29px;height:29px}.empty-state strong{color:#e8edff;font-size:15px}.empty-state p{font-size:12px;margin:0;max-width:380px}.empty-state button{margin-top:5px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;color:#8394af}.pagination button{padding:9px 14px;border:1px solid #34425e;color:#b9c6df;border-radius:8px;background:#1a273c}.pagination button:hover:not(:disabled){background:#2b3955}.footer-note{font-size:10px;color:#5b6a81;margin-top:56px}.footer-note span{color:#7f8daa}.modal-backdrop{position:fixed;z-index:100;inset:0;background:#02050dbf;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:20px}.modal{width:min(100%,650px);max-height:min(92vh,920px);display:flex;flex-direction:column;border:1px solid #36435c;background:#131d2e;border-radius:17px;box-shadow:var(--shadow);overflow:hidden}.modal-header{padding:23px 25px;border-bottom:1px solid #27364c;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-shrink:0}.modal-header h2{font-size:18px;margin:0 0 6px;letter-spacing:-.35px;word-break:break-word}.modal-header p{font-size:12px;color:#8192ad;margin:0}.icon-btn{background:#26334a;border:1px solid #35435b;border-radius:9px;color:#a3afc3;padding:8px;display:grid;place-items:center;flex-shrink:0}.icon-btn:hover{color:#fff;background:#33435f}.modal-body{padding:23px 25px;overflow-y:auto}.dropzone{border:1.5px dashed #4c5c82;border-radius:13px;background:linear-gradient(140deg,#1b2841,#172338);padding:32px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.drag-over{border-color:#8994ff;background:#202c4c}.drop-icon{background:#384b7b;color:#c5ccff;width:65px;height:65px;border-radius:17px;display:grid;place-items:center;margin-bottom:10px}.drop-icon svg{width:31px;height:31px}.dropzone strong{font-size:15px}.dropzone span{color:#8595ae;font-size:12px}.dropzone span b{color:#a9b2ff}.dropzone small{color:#73839c;margin-top:6px;font-size:10px}.queue-wrap{margin-top:23px}.queue-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px}.queue-head span{color:#91a1bd}.upload-queue{display:grid;gap:9px;max-height:220px;overflow:auto}.queue-item{background:#1b2739;border:1px solid #33415b;padding:12px;border-radius:10px;display:flex;align-items:center;gap:11px}.queue-icon{display:grid;place-items:center;color:#a4b6ff;background:#344365;border-radius:8px;width:34px;height:34px;flex-shrink:0}.queue-icon svg{height:16px;width:16px}.queue-content{flex:1;min-width:0}.queue-content strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.queue-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#8596b1;margin:5px 0}.queue-track{height:3px;background:#344461;border-radius:5px;overflow:hidden}.queue-track div{height:100%;background:#8a93ff;transition:width .15s}.queue-item.done .queue-track div{background:#3bcf9f}.queue-item.error .queue-track div{background:#f57b84}.queue-item.error .queue-meta{color:#ff979d}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #29374c;padding:15px 25px;flex-shrink:0}.modal-footer>span{color:#7688a3;font-size:11px}.detail-modal{width:min(100%,660px)}.detail-header-title{display:flex;align-items:center;gap:12px;min-width:0}.detail-header-title h2{max-width:490px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-type-icon{height:40px;width:40px;border-radius:11px;display:grid;place-items:center;background:#2b395c;color:#a8b9ff;flex-shrink:0}.file-type-icon svg{width:20px;height:20px}.detail-scroll{overflow-y:auto;padding:22px 25px 25px}.detail-preview{background:#0a101b;border-radius:12px;min-height:240px;height:310px;display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #2b374e}.detail-preview img,.detail-preview video{width:100%;height:100%;object-fit:contain}.detail-preview audio{width:85%;max-width:480px}.detail-preview iframe{width:100%;height:100%;border:0;background:#fff}.detail-preview .fallback{display:flex;flex-direction:column;gap:13px;color:#92a4c2;align-items:center}.detail-preview .fallback svg{height:54px;width:54px;color:#93aaff}.detail-info{margin-top:15px;border:1px solid #2d3b51;border-radius:11px;overflow:hidden}.info-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border-bottom:1px solid #263348;font-size:11px}.info-row:last-child{border-bottom:0}.info-row span{color:#8192aa;flex-shrink:0}.info-row strong{font-weight:600;color:#c7d1e4;text-align:right;min-width:0;overflow-wrap:anywhere}.share-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0 10px}.share-head strong{font-size:12px}.share-head span{font-size:10px;color:#8798b2}.share-input{display:flex;background:#0e1726;border:1px solid #33405c;border-radius:10px;padding:5px;gap:6px}.share-input input{background:transparent;border:0;color:#acbbde;font-size:11px;flex:1;min-width:0;padding:0 8px}.share-input button{background:#293a60;border:1px solid #445783;border-radius:8px;color:#dce3ff;display:flex;align-items:center;gap:6px;padding:9px 11px;font-size:11px;font-weight:800}.share-input svg{width:14px;height:14px}.detail-actions{display:flex;gap:8px;margin-top:18px}.secondary-btn{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;background:#222f45;border:1px solid #36435a;border-radius:9px;color:#bcc9dd;padding:11px 12px;font-size:12px;font-weight:700}.secondary-btn:hover{background:#30405a}.secondary-btn.delete-btn{color:#fd9aa4;background:#512b3a70;border-color:#713b4b}.secondary-btn.delete-btn:hover{background:#783d4b}.settings-modal{width:min(100%,515px)}.settings-block{margin-bottom:28px}.settings-block:last-child{margin-bottom:0}.settings-block h3{display:flex;align-items:center;gap:9px;font-size:14px;margin-bottom:7px}.settings-block h3 svg{width:18px;height:18px;color:#a6b0ff}.settings-block>p{font-size:11px;color:#8998b0;margin-bottom:17px}.settings-block label{display:block;color:#b9c8df;font-size:11px;font-weight:700;margin:12px 0}.settings-block input,.auth-form-wrap input{display:block;width:100%;background:#10192a;border:1px solid #36435c;color:#e8ecfa;border-radius:9px;padding:12px 14px;margin-top:8px;font-size:13px}.settings-block input:focus,.auth-form-wrap input:focus{border-color:#7786ff}.settings-about{padding-top:25px;border-top:1px solid #2b3850}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #2b3850;color:#9aabc4;font-size:11px}.setting-line strong{color:#dae5f9;font-weight:700;text-align:right}.settings-block .hint{font-size:10px;line-height:1.65;color:#7486a4;margin:14px 0 0}.toast-container{position:fixed;z-index:200;right:22px;bottom:20px;display:grid;gap:10px;max-width:min(420px,calc(100vw - 40px))}.toast{padding:13px 15px;border:1px solid #3c537c;background:#1b2b47;border-radius:10px;box-shadow:0 10px 30px #0006;color:#e9f0ff;display:flex;gap:11px;align-items:start;font-size:12px;line-height:1.5;animation:toastin .2s ease}.toast.error{border-color:#8b4559;background:#472b3b}.toast.success{border-color:#2d7965;background:#1b423c}@keyframes toastin{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-body{min-height:100vh;background:#0b101b}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(340px,1fr) minmax(400px,1fr)}.auth-promo{position:relative;background:radial-gradient(ellipse at 40% 85%,#30457f88,transparent 55%),radial-gradient(ellipse at 80% 10%,#2e366f80,transparent 65%),#151e32;display:flex;flex-direction:column;padding:54px clamp(28px,6vw,100px);overflow:hidden;border-right:1px solid #2c3654}.auth-promo::after{content:'';position:absolute;width:370px;height:370px;border:1px solid #7889e32f;border-radius:50%;bottom:-130px;right:-145px;box-shadow:0 0 0 70px #667bd708,0 0 0 135px #667bd707;pointer-events:none}.auth-promo-main{margin:auto 0;max-width:550px;padding:75px 0}.auth-promo-main h1{font-size:clamp(32px,4vw,57px);line-height:1.16;letter-spacing:-2.25px;margin:21px 0}.auth-promo-main h1 span{color:#a8b0ff}.auth-promo-main>p{color:#abb5cd;max-width:440px;font-size:14px;line-height:1.85;margin-bottom:37px}.auth-feature{display:flex;align-items:center;gap:15px;margin:20px 0;font-size:13px;font-weight:800}.auth-feature-icon{height:38px;width:38px;display:grid;place-items:center;background:#344977;border:1px solid #4d63a0;border-radius:10px;color:#c2caff;font-size:19px}.auth-feature span:not(.auth-feature-icon){display:block;color:#a4b0ce;font-size:11px;font-weight:400;margin-top:4px}.auth-promo-footer{font-size:11px;font-weight:700;color:#8491ad}.auth-promo-footer span{margin-left:8px;color:#b0b9ff}.auth-panel{display:grid;place-items:center;padding:28px}.auth-form-wrap{width:min(100%,390px)}.mini-label{font-size:10px;letter-spacing:2px;font-weight:800;color:#98a5ff;margin-bottom:17px}.auth-form-wrap h2{font-size:28px;letter-spacing:-1px;margin:0 0 12px}.auth-lead{line-height:1.6;font-size:13px;margin-bottom:30px}.auth-label{display:block;color:#bdc9df;font-size:12px;font-weight:700;margin:18px 0 0}.auth-form-wrap input{height:48px;margin-top:9px}.auth-form-wrap .hint{font-size:11px;color:#73839f;margin-top:12px}.auth-submit{width:100%;justify-content:space-between;height:47px;margin-top:25px}.auth-note{font-size:11px;color:#7687a1;margin-top:25px;line-height:1.5}.alert{border:1px solid #814454;background:#482331;color:#ffd2d5;padding:12px 14px;font-size:12px;border-radius:8px;margin-bottom:20px}.alert.success{background:#1b4237;border-color:#336e5b;color:#b1f1d6}
@media(max-width:1370px){.files-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{gap:12px}.stat-card{padding:17px}}@media(max-width:1050px){.sidebar{width:215px;padding-inline:12px}.sidebar-top{padding:5px 9px 36px}.content-wrap{padding-inline:25px}.topbar{padding-inline:25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.files-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-promo{padding-inline:45px}}@media(max-width:720px){.sidebar{display:none}.main-panel{width:100%}.topbar{height:60px;padding:0 19px}.topbar-crumb{gap:8px}.topbar-crumb .crumb-muted,.topbar-crumb .crumb-slash{display:none}.mobile-brand{display:inline-block;font-family:'Plus Jakarta Sans';letter-spacing:-.5px;font-size:16px;font-weight:900;margin-right:12px}.mobile-brand span{color:#96a3ff;font-weight:500}.topbar-status{display:none}.top-avatar{width:30px;height:30px}.content-wrap{padding:30px 18px}.page-head{align-items:center;margin-bottom:22px}.page-head h1{font-size:26px}.page-head p{font-size:11px;line-height:1.55;max-width:240px}.page-eyebrow{font-size:9px}.upload-main{font-size:0;padding:12px}.upload-main svg{width:20px;height:20px}.stats-grid{gap:10px;margin-bottom:31px}.stat-card{padding:14px}.stat-value{font-size:23px}.stat-storage{font-size:21px}.stat-icon{height:29px;width:29px}.stat-sub{font-size:10px}.section-title-row h2{font-size:17px}.section-title-row p{font-size:10px}.toolbar{flex-wrap:wrap}.search-wrap{flex-basis:100%}.sort-wrap{flex:1}.sort-wrap select{width:100%}.filter-list{overflow:auto;flex-wrap:nowrap;padding-bottom:5px;margin-right:-18px}.filter-chip{white-space:nowrap}.files-grid{gap:10px}.file-info{padding:10px;gap:7px}.file-info-kind{height:29px;width:29px}.file-info-text h3{font-size:11px}.file-thumb{aspect-ratio:1.12}.modal-backdrop{padding:10px}.modal{max-height:95vh}.modal-header{padding:18px}.modal-body,.detail-scroll{padding:18px}.detail-preview{height:250px;min-height:250px}.modal-footer{padding:14px 18px}.modal-footer>span{font-size:10px}.share-head{display:block}.share-head span{display:block;margin-top:5px}.auth-layout{display:block}.auth-promo{min-height:280px;padding:29px 26px}.auth-promo-main{padding:34px 0 20px}.auth-promo-main h1{font-size:30px;letter-spacing:-1px;margin:14px 0}.auth-promo-main>p{font-size:11px;margin:12px 0 0}.auth-feature,.auth-promo-footer{display:none}.auth-panel{padding:45px 25px 60px}.auth-form-wrap h2{font-size:25px}}@media(max-width:390px){.file-info-kind{display:none}.stat-sub{font-size:9px}.detail-actions{gap:5px}.secondary-btn{padding:10px 7px;font-size:11px}}