@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7fb;background:#08090c;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:#08090c}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:242px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;border-right:1px solid #1d2027;background:#0b0d11;padding:22px 14px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 26px}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f2f4f8;color:#0a0b0e}.brand strong,.brand span{display:block}.brand strong{font-size:14px;letter-spacing:.05em}.brand span{margin-top:1px;color:#737a87;font-size:12px}.nav{display:flex;flex-direction:column;gap:4px}.nav-label{color:#555c68;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700;padding:19px 12px 8px}.nav-item{border:0;background:transparent;color:#8e95a2;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;text-align:left;transition:.15s ease}.nav-item:hover{color:#fff;background:#13161c}.nav-item.active,.nav-item.selected{color:#f7f8fb;background:#171a21}.sidebar-bottom{margin-top:auto}.status-dot-row{padding:16px 12px 2px;color:#626975;font-size:11px;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#52d489;box-shadow:0 0 0 4px #52d48914}.main{grid-column:2;width:100%;max-width:1550px;padding:34px 40px 60px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}.topbar h1{margin:0;font-size:25px;letter-spacing:-.04em}.topbar p,.library-header p{margin:6px 0 0;color:#747b88;font-size:13px}.top-actions{display:flex;gap:9px}.button{border:1px solid #282c34;border-radius:9px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#e9ecf1;background:#13161b;font-weight:600;font-size:13px}.button:hover{background:#191d24}.button.primary{background:#f4f6f9;color:#0b0d11;border-color:#f4f6f9}.button.primary:hover{background:#fff}.button:disabled{opacity:.45;cursor:not-allowed}.notice{border:1px solid #333844;background:#11141a;border-radius:10px;padding:13px 15px;margin-bottom:18px;display:flex;gap:9px;font-size:12px}.notice span{color:#9ca3af}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{border:1px solid #1d2129;background:#0d0f14;border-radius:12px;padding:17px}.stat-card-top{display:flex;align-items:center;justify-content:space-between;color:#727986;font-size:12px}.stat-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;border:1px solid #242832;background:#12151b;color:#aeb4bf}.stat-card>strong{display:block;font-size:24px;margin-top:13px;letter-spacing:-.04em}.stat-card small{display:block;color:#5f6671;margin-top:4px;font-size:11px}.storage-card{margin-top:12px;border:1px solid #1d2129;background:#0d0f14;border-radius:12px;padding:17px 19px 14px}.storage-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.storage-head div strong,.storage-head div span{display:block}.storage-head strong{font-size:12px}.storage-head div span{margin-top:5px;color:#6b727e;font-size:11px}.storage-progress{height:8px;border-radius:999px;overflow:hidden;background:#1b1e25;margin-top:15px}.storage-progress div{height:100%;background:#eceff4;border-radius:inherit;transition:width .35s ease}.storage-scale{display:flex;justify-content:space-between;margin-top:7px;color:#555c67;font-size:10px}.library{margin-top:30px}.library-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px}.library-header h2{margin:0;font-size:18px;letter-spacing:-.03em}.search{min-width:270px;display:flex;align-items:center;gap:8px;border:1px solid #232730;background:#0d1015;padding:8px 11px;border-radius:9px;color:#676e79}.search input{width:100%;border:0;outline:0;background:transparent;color:#eef1f5;font-size:12px}.file-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.file-card{min-width:0;border:1px solid #1c2027;background:#0d0f14;border-radius:11px;overflow:hidden}.file-preview{position:relative;aspect-ratio:16 / 10;background:linear-gradient(45deg,#101319 25%,transparent 25%),linear-gradient(-45deg,#101319 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#101319 75%),linear-gradient(-45deg,transparent 75%,#101319 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;overflow:hidden}.file-preview img,.file-preview video{width:100%;height:100%;object-fit:cover;display:block}.file-preview video{background:#050506}.file-menu-button{position:absolute;top:9px;right:9px;width:31px;height:31px;border-radius:8px;border:1px solid rgba(255,255,255,.11);background:#07080bbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e8ebef;display:grid;place-items:center}.file-menu{position:absolute;top:45px;right:9px;width:145px;border:1px solid #2a2e36;border-radius:9px;background:#11141a;padding:5px;box-shadow:0 14px 40px #00000059;z-index:3}.file-menu button{width:100%;border:0;background:transparent;color:#cdd2da;display:flex;gap:8px;align-items:center;padding:8px;border-radius:6px;font-size:11px}.file-menu button:hover{background:#1a1e25}.file-menu button.danger{color:#ff8e8e}.video-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#08090cb8;border:1px solid rgba(255,255,255,.12)}.unknown-preview{height:100%;display:grid;place-items:center;color:#5f6672;font-size:24px;font-weight:700}.file-info{padding:12px 13px 13px;min-width:0}.file-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:600}.file-info span{display:block;margin-top:5px;color:#5e6570;font-size:10px}.empty-state{min-height:280px;border:1px dashed #252932;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#68707b;font-size:12px}.empty-state strong{color:#dce0e6;font-size:13px}.empty-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;border:1px solid #242833;background:#101319;margin-bottom:4px}.empty-state .button{margin-top:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000ad;display:grid;place-items:center;padding:22px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(620px,100%);max-height:88vh;overflow:auto;border:1px solid #262a33;background:#0d1015;border-radius:14px;box-shadow:0 30px 100px #0000008c}.modal-header,.modal-footer{padding:17px 19px;display:flex;justify-content:space-between;align-items:center;gap:20px}.modal-header{border-bottom:1px solid #1c2027}.modal-footer{border-top:1px solid #1c2027;justify-content:flex-end}.modal-header h2{margin:0;font-size:17px}.modal-header p{margin:5px 0 0;color:#69717d;font-size:11px}.icon-button{width:33px;height:33px;border:1px solid #242832;border-radius:8px;background:#12151a;color:#aab0ba;display:grid;place-items:center}.dropzone{margin:18px;min-height:185px;border:1px dashed #343944;border-radius:11px;background:#101319;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#656d79;transition:.15s ease}.dropzone:hover,.dropzone.dragging{border-color:#7d8490;background:#13171d}.dropzone strong{color:#e2e5ea;font-size:13px}.dropzone span{font-size:11px}.drop-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;border:1px solid #292e38;color:#b6bcc6;margin-bottom:5px}.upload-queue{padding:0 18px 18px;display:flex;flex-direction:column;gap:8px}.upload-row{display:flex;align-items:center;gap:10px;border:1px solid #1f232b;background:#101319;border-radius:9px;padding:10px}.file-mini-icon{flex:0 0 auto;width:31px;height:31px;border-radius:7px;display:grid;place-items:center;background:#171a21;color:#9299a5}.upload-row-main{min-width:0;flex:1}.upload-row-head{display:flex;justify-content:space-between;gap:12px;font-size:10px}.upload-row-head span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d6dae0}.upload-row-head small{color:#666d78;flex:0 0 auto}.progress{height:4px;border-radius:999px;background:#22262e;overflow:hidden;margin-top:7px}.progress div{height:100%;background:#eff1f4}.upload-state{font-size:9px;color:#646c77;text-transform:uppercase}.upload-state.done{color:#70d39b}.upload-state.error,.error-text{color:#ff8b8b}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.file-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main{grid-column:1;padding:24px 18px 45px}.file-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.topbar,.library-header{align-items:stretch;flex-direction:column}.top-actions{width:100%}.top-actions .button{flex:1}.stats-grid{grid-template-columns:1fr 1fr}.file-grid{grid-template-columns:1fr}.search{min-width:0;width:100%}}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:14px;min-height:28px}.breadcrumb button{border:0;background:transparent;color:#747c88;padding:5px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;font-size:11px}.breadcrumb button:hover{color:#f0f2f5;background:#12151a}.breadcrumb button.current{color:#f1f3f6}.breadcrumb-part{display:flex;align-items:center;color:#464c56}.folder-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.folder-card{min-width:0;border:1px solid #1e222a;background:#0d0f14;color:#e9ecf1;border-radius:10px;padding:12px;display:flex;align-items:center;gap:11px;text-align:left;transition:.15s ease}.folder-card:hover{transform:translateY(-1px);border-color:#343a45;background:#11141a}.folder-icon{flex:0 0 auto;width:40px;height:40px;border-radius:9px;display:grid;place-items:center;color:#b6bdc8;border:1px solid #252a33;background:#14171d}.folder-info{min-width:0}.folder-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.folder-info span{display:block;margin-top:4px;color:#5f6671;font-size:10px}.empty-actions{display:flex;gap:8px;margin-top:9px}@media(max-width:1100px){.folder-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.folder-grid{grid-template-columns:repeat(2,1fr)}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.045),transparent 34%),#08090c}.auth-card{width:min(420px,100%);border:1px solid #20242c;background:#0d1015;border-radius:16px;padding:34px;text-align:center;box-shadow:0 30px 100px #0006}.auth-logo{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;border-radius:15px;background:#f3f5f8;color:#0a0c10}.auth-eyebrow{display:block;margin-bottom:8px;color:#727a87;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.auth-card h1{margin:0;font-size:25px;letter-spacing:-.04em}.auth-card p{margin:10px auto 0;color:#747c88;font-size:13px;line-height:1.55}.auth-button{width:100%;margin-top:24px;padding-block:11px}.auth-error{margin-top:18px;border:1px solid rgba(255,105,105,.25);background:#ff696912;color:#faa;border-radius:9px;padding:10px 12px;font-size:11px;line-height:1.45}.user-chip{display:flex;align-items:center;padding:6px 10px;border:1px solid #222731;border-radius:9px;background:#0d1015}.user-chip-text strong,.user-chip-text span{display:block}.user-chip-text strong{font-size:11px;color:#e7eaf0}.user-chip-text span{margin-top:2px;font-size:9px;color:#646c78}@media(max-width:820px){.user-chip{display:none}}