:root{color-scheme:dark;--bg:#080d16;--nav:#0b111d;--surface:#111927;--surface2:#162032;--line:#263248;--muted:#8695ae;--text:#edf3ff;--primary:#7069f7;--primary2:#9893ff;--danger:#ee6877;--radius:16px;--sh:0 26px 80px #0008}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:var(--primary2)}[hidden]{display:none!important}.muted{color:var(--muted)}.overline{font-size:10px;font-weight:900;letter-spacing:2px;color:#9b99ff}.brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:900;letter-spacing:1px;white-space:nowrap}.brand em{font-weight:400;font-style:normal;color:#969eb1}.brand-symbol{display:inline-flex;width:35px;height:35px;border-radius:11px;align-items:center;justify-content:center;background:linear-gradient(140deg,#837bff,#4f49d3);box-shadow:0 0 24px #776eff40;font-size:24px;line-height:1}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:750;min-height:42px;white-space:nowrap;transition:.18s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#8178ff,#625aed);color:white;box-shadow:0 8px 20px #6c61ea27}.btn.secondary{background:#192233;border:1px solid #334158;color:#e3eafa}.btn.danger{background:#cc4b61;color:white}.btn.danger-outline{border:1px solid #a94a5a;background:#2b1824;color:#ff9aa7}.btn.full{width:100%;justify-content:space-between;padding:15px 17px}.alert{border:1px solid #914a5a;background:#491e2e;color:#ffdce0;padding:11px;border-radius:10px;font-size:13px}
/* login */
.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 45% 45%,#2c2a5c 0%,#141a33 44%,#0a1120 78%)}.login-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%)}.orbit{position:absolute;border:1px solid #8c88eb20;border-radius:50%;transform:rotate(-28deg)}.orbit-a{width:400px;height:400px}.orbit-b{width:600px;height:600px}.login-illustration{width:260px;height:260px;border:1px solid #797ad949;box-shadow:inset 0 0 70px #574ca224,0 0 120px #6560f022;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:45px;transform:rotate(-8deg);background:#24214b60;backdrop-filter:blur(10px)}.large-glyph{font-size:132px;line-height:1;color:#aeaeff;text-shadow:0 0 32px #746cfb}.mini-label{font-size:11px;letter-spacing:4px;color:#e2e4ff}.login-panel{display:flex;flex-direction:column;min-height:100vh;padding:50px clamp(28px,5vw,90px)}.login-form-wrap{width:min(420px,100%);margin:auto}.login-form-wrap h1{font-size:clamp(31px,3vw,44px);letter-spacing:-1.7px;line-height:1.12;margin:15px 0}.login-form-wrap p{font-size:14px;line-height:1.6}.login-form{display:flex;flex-direction:column;margin-top:32px;gap:10px}.login-form label,.modal-form label{font-size:12px;font-weight:700;margin:7px 0 1px}.login-form input,.modal-form input,.library-tools input,.direct-link input{background:#151e2d;border:1px solid #2f3b51;border-radius:10px;color:white;outline:none;padding:14px 15px;width:100%;min-width:0;transition:border-color .2s}.login-form input:focus,.modal-form input:focus,.library-tools input:focus{border-color:#877eff}.login-form .btn{margin-top:14px}.login-foot{margin-top:32px;color:#67758c;font-size:12px!important}
/* shell */
.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{z-index:8;position:sticky;top:0;height:100vh;background:var(--nav);border-right:1px solid #232e40;display:flex;flex-direction:column;padding:30px 17px 19px}.brand-nav{padding:0 10px;margin-bottom:56px;font-size:12px}.brand-nav .brand-symbol{flex-shrink:0}.side-label{font-size:10px;letter-spacing:2px;color:#697992;font-weight:900;margin:0 12px 17px}.side-links{display:flex;flex-direction:column;gap:7px}.side-link{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 12px;background:transparent;border:1px solid transparent;border-radius:10px;color:#aab7ce;font-size:13px;font-weight:650;transition:.15s}.side-link:hover{background:#182236;color:#fff}.side-link.active{background:#1d2147;color:#eeecff;border-color:#47408f}.side-icon{font-size:21px;line-height:1;width:25px;text-align:center}.side-arrow{margin-left:auto;font-size:20px;opacity:.4}.side-bottom{margin-top:auto}.host-card{border:1px solid #2b3753;background:linear-gradient(145deg,#162038,#111a2a);border-radius:14px;padding:15px;margin:0 0 26px}.host-head{font-size:9px;font-weight:900;letter-spacing:.9px;color:#c5d5e9;display:flex;gap:7px;align-items:center;white-space:nowrap}.green-dot,.status-pulse{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#48d3a6;box-shadow:0 0 11px #48d3a677}.host-card p{font-size:11px;line-height:1.7;color:#8799b4;margin:11px 0 0}.profile{display:flex;align-items:center;gap:10px;padding:16px 8px 0;border-top:1px solid #253043}.avatar{width:37px;height:37px;border-radius:12px;background:#39336c;display:grid;place-items:center;color:#ddd7ff;font-weight:850;font-size:11px}.profile-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.profile-copy strong{font-size:12px}.profile-copy small{font-size:11px;color:var(--muted)}.profile form{margin-left:auto}.logout{border:0;background:transparent;color:#9eacc4;font-size:22px;padding:6px}.workspace{min-width:0}.topbar{height:75px;border-bottom:1px solid #1f2c3d;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3.2vw,54px)}.top-crumb{font-size:11px;font-weight:850;letter-spacing:1.5px;color:#667992}.top-crumb span{padding:0 13px;color:#48576c}.top-crumb strong{color:#bac5d9}.top-right{display:flex;align-items:center;gap:9px;font-size:12px;color:#8fa0b5}.main-content{padding:38px clamp(22px,3.2vw,54px) 30px;max-width:1800px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}.page-heading h1{font-size:clamp(25px,2.5vw,35px);letter-spacing:-1.2px;margin:9px 0 6px}.page-heading p{color:#8a9bb3;font-size:13px;margin:0}.actions{display:flex;gap:10px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:25px}.stat{background:#101a29;border:1px solid #223148;border-radius:14px;padding:19px 22px;display:flex;flex-direction:column;gap:6px}.stat span{font-size:10px;font-weight:850;letter-spacing:1px;color:#8092af}.stat strong{font-size:28px;letter-spacing:-1px;line-height:1.4}.stat small{font-size:11px;color:#7b8a9e}.library{border:1px solid #243147;background:#0e1623;border-radius:16px;min-height:450px}.library-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 23px;border-bottom:1px solid #243147}.breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.breadcrumbs button{background:transparent;border:0;padding:3px;color:#e2e8fa;font-weight:700;font-size:13px}.breadcrumbs button:not(:last-child){color:#9daace}.crumb-sep{color:#536078}.library-tools{display:flex;gap:8px;align-items:center}.library-tools input{font-size:12px;width:220px;padding:10px 13px;min-height:38px}.tool-btn{border:1px solid #2a3850;background:#141e2d;color:#8da0ba;border-radius:9px;width:39px;height:38px;font-size:19px}.tool-btn.selected{color:#c4beff;background:#292657;border-color:#514d9a}.filterbar{display:flex;align-items:center;justify-content:space-between;padding:17px 23px 9px;gap:8px}.filters{display:flex;gap:5px}.filters button{border:1px solid transparent;border-radius:7px;color:#8e9cb4;background:transparent;padding:9px 15px;font-size:12px;font-weight:700}.filters button.selected{border-color:#413d7a;background:#29264d;color:#c5c0ff}.sort-label{color:#718198;font-size:11px}.file-grid{padding:15px 23px 25px;display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:15px;align-content:start}.file-card{min-width:0;border:1px solid #25344b;border-radius:12px;background:#141e2d;overflow:visible;cursor:pointer;position:relative;transition:border-color .15s,transform .15s;outline:none}.file-card:hover,.file-card:focus{border-color:#6a62ba;transform:translateY(-2px)}.file-cover{height:140px;background:#182438;border-radius:11px 11px 0 0;position:relative;display:grid;place-items:center;overflow:visible}.file-cover img{width:100%;height:100%;object-fit:cover;border-radius:11px 11px 0 0}.cover-folder{background:linear-gradient(150deg,#202945,#172339)}.file-glyph{font-size:52px;font-weight:400;color:#f1cc7e;filter:drop-shadow(0 8px 10px #0003);line-height:1}.glyph-video{color:#a6a4ff}.glyph-music{color:#7bcfe9}.glyph-document{color:#a6bad1}.more-btn{position:absolute;right:9px;top:8px;border:1px solid #c7d2e43a;border-radius:8px;background:#07101ebb;color:#fff;width:29px;height:29px;font-size:18px;line-height:0;display:grid;place-items:center}.more-btn:hover{background:#403f91}.file-info{padding:12px 12px 13px;display:flex;flex-direction:column;gap:7px}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:750}.file-info small{color:#7c8da6;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown{position:absolute;z-index:5;right:9px;top:38px;min-width:168px;background:#202b3e;border:1px solid #4a5570;box-shadow:0 15px 30px #0008;border-radius:10px;overflow:hidden;padding:5px}.dropdown button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#e0e8fb;padding:10px 12px;font-size:12px;border-radius:6px}.dropdown button:hover{background:#333e56}.dropdown .danger-text{color:#ff9ca8}.file-grid.list-view{display:flex;flex-direction:column;gap:6px}.list-view .file-card{display:flex;min-height:69px;align-items:center;border-radius:9px}.list-view .file-cover{width:65px;height:60px;flex:none;border-radius:8px;background:transparent}.list-view .file-cover img{width:49px;height:49px;border-radius:7px}.list-view .file-glyph{font-size:25px}.list-view .file-info{flex:1;padding:10px}.list-view .more-btn{right:auto;left:46px;top:3px;transform:scale(.8)}.list-view .dropdown{left:30px;top:30px;right:auto}.empty-state,.empty,.loading{grid-column:1/-1;text-align:center;padding:70px 15px;color:#8799b0}.empty-state .empty-glyph{font-size:48px;color:#5d6693}.empty-state h3{font-size:16px;color:#ecf0fa;margin:10px 0}.empty-state p{font-size:12px}.security-foot{color:#65748a;font-size:11px;padding-top:12px}.dropzone{position:fixed;inset:15px;z-index:50;pointer-events:none}.dropzone-inner{height:100%;background:#151c36eb;border:2px dashed #b5aeff;border-radius:20px;display:grid;place-items:center;font-size:24px;color:#ecebff}
/* modal */
.modal-overlay{position:fixed;inset:0;z-index:40;background:#050914c9;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px}.modal-card{width:min(470px,100%);max-height:min(94vh,860px);overflow-y:auto;overflow-x:hidden;background:#141f30;border:1px solid #344360;border-radius:18px;box-shadow:var(--sh);padding:26px}.modal-card.wide{width:min(670px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:23px}.modal-head h2{font-size:22px;letter-spacing:-.5px;margin:9px 0 0;overflow-wrap:anywhere}.modal-head p{color:#92a1b8;font-size:12px;margin:7px 0 0}.x-btn{border:0;background:#26334a;color:#b1c0d4;border-radius:9px;width:33px;height:33px;flex:none}.modal-form{display:flex;flex-direction:column;gap:8px}.modal-form small{font-size:11px;color:#8a9bb4;margin:0 0 8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.modal-actions.space-between{justify-content:space-between}.modal-actions-inner{display:flex;gap:9px}.delete-warning{background:#311f30;border:1px solid #864459;color:#eab4bf;padding:19px;line-height:1.7;border-radius:11px;font-size:13px;overflow-wrap:anywhere}.delete-warning strong{display:block;color:#fff}.preview-body{background:#0b1422;border:1px solid #2c3950;min-height:210px;max-height:390px;display:flex;align-items:center;justify-content:center;border-radius:13px;overflow:hidden}.preview-image{max-height:380px;max-width:100%;object-fit:contain}.preview-video{max-width:100%;max-height:370px;width:100%;background:#000}.preview-placeholder{text-align:center;color:#a3afc4;padding:30px}.preview-placeholder span{display:block;font-size:65px}.audio-preview{text-align:center;padding:30px 20px;width:100%}.audio-preview span{font-size:67px;display:block;color:#ada6ff;margin-bottom:20px}.audio-preview audio{width:100%}.direct-link{padding-top:20px}.direct-link label{font-size:10px;color:#91a2bc;letter-spacing:1.2px;font-weight:800}.direct-link>div{display:flex;gap:8px;margin-top:8px}.direct-link input{font-size:12px;padding:11px 13px;color:#b3c1d8}.upload-zone{border:2px dashed #485475;background:#18253b;border-radius:14px;display:flex;align-items:center;flex-direction:column;padding:32px 14px;gap:8px}.upload-zone.dragging{border-color:#aca5ff;background:#2b2d58}.upload-zone>span{color:#a7a2ff;font-size:43px}.upload-zone strong{font-size:14px}.upload-zone small{font-size:12px;color:#8799b4}.upload-zone .btn{margin-top:11px}.upload-settings{display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:18px 0 10px}.upload-settings label{font-size:12px;display:flex;align-items:center;gap:9px}.upload-settings input{accent-color:#8d82ff;width:16px;height:16px}.upload-settings small{font-size:11px;color:#8193ab}.upload-queue{display:flex;flex-direction:column;gap:9px;max-height:200px;overflow:auto}.upload-row{border-radius:9px;background:#1e2b3d;padding:12px}.upload-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.upload-row-top>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-row-top small{color:#98a8bd;white-space:nowrap}.upload-row.failed b{color:#ff9ea9}.upload-row.complete b{color:#62d2a5}.upload-track{height:5px;background:#35435d;border-radius:5px;overflow:hidden;margin-top:10px}.upload-track span{height:100%;display:block;background:linear-gradient(90deg,#a59dff,#695fec);transition:width .12s}.upload-error{display:block;margin-top:8px;color:#ff98a6}.toast{position:fixed;z-index:100;right:22px;bottom:24px;padding:14px 20px;min-width:210px;max-width:min(400px,calc(100vw - 35px));background:#214437;border:1px solid #4f9a80;color:#d5fff0;font-size:13px;border-radius:11px;box-shadow:var(--sh)}.toast.error{background:#4f2533;border-color:#bb6376;color:#ffe8e9}.mobile-only{display:none}.icon-btn{background:transparent;border:0;color:#dee5f7;font-size:20px}
@media(max-width:1050px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.stats{gap:8px}.stat{padding:14px}.page-heading{align-items:flex-start;flex-direction:column}.file-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.file-cover{height:116px}}
@media(max-width:730px){.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:28px;min-height:100dvh}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:258px;height:100dvh;transform:translateX(-100%);transition:transform .22s;box-shadow:var(--sh)}.sidebar.show{transform:translateX(0)}.topbar{height:62px;padding:0 18px;justify-content:flex-start;gap:13px}.top-right{margin-left:auto;font-size:10px}.mobile-only{display:block}.main-content{padding:24px 15px}.page-heading{gap:15px;margin-bottom:19px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.actions{width:100%}.actions .btn{flex:1;padding:10px;font-size:12px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:15px}.stat{padding:12px 9px;border-radius:10px}.stat span{font-size:8px;letter-spacing:0}.stat strong{font-size:20px}.stat small{font-size:9px}.library-top{flex-direction:column;align-items:stretch;padding:14px}.library-tools input{width:100%}.filterbar{padding:12px 12px 5px}.filters button{padding:8px 11px}.sort-label{display:none}.file-grid{padding:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.file-cover{height:126px}.file-info{padding:10px}.security-foot{font-size:10px}.modal-card{padding:19px}.modal-overlay{align-items:center;padding:10px}.modal-head h2{font-size:19px}.modal-actions .btn{padding:10px 12px}.direct-link .btn{padding:10px}}
@media(max-width:360px){.top-right{display:none}.stats .stat strong{font-size:17px}.file-cover{height:103px}.actions{flex-direction:column}.modal-actions.space-between{flex-direction:column}.modal-actions-inner{width:100%}}