@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--font-outfit:"Outfit", sans-serif;--font-inter:"Inter", sans-serif;--bg-main:#f8fafc;--bg-sidebar:#f1f5f9;--bg-card:#ffffffb3;--bg-card-hover:#fffffff2;--bg-input:#fffffff2;--bg-input-focus:#fff;--bg-drawer:#f8fafc;--bg-toast:#fffffff2;--bg-header:#f8fafccc;--border-color:#00000014;--border-color-hover:#2b48ff80;--accent-primary:#435bf8;--accent-secondary:#2b9fec;--accent-gradient:linear-gradient(135deg, #6d80ff 0%, #2b9fec 100%);--accent-success:#10b981;--accent-danger:#ef4444;--accent-warning:#f59e0b;--accent-info:#0ea5e9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 20px #00000014;--shadow-lg:0 12px 32px #0000001f;--shadow-glow:0 0 15px #2b48ff1a;--glass-blur:blur(12px);--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-sidebar:.22s cubic-bezier(.25, 1, .3, 1)}[data-theme=dark]{--bg-main:#0a0b10;--bg-sidebar:#0f111a;--bg-card:#161a298c;--bg-card-hover:#1e2439cc;--bg-input:#0f111ab3;--bg-input-focus:#161a29e6;--bg-drawer:#0d0f1a;--bg-toast:#161c2de6;--bg-header:#0a0b10cc;--border-color:#ffffff14;--border-color-hover:#2b48ff59;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 20px #0000004d;--shadow-lg:0 12px 32px #0006;--shadow-glow:0 0 15px #2b48ff33}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-inter);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-outfit);letter-spacing:-.01em;font-weight:600}button,input,select,textarea{color:inherit;font-family:inherit}.app-container{width:100vw;height:100vh;transition:grid-template-columns var(--transition-sidebar);background-image:radial-gradient(circle at 10% 20%,#2b48ff0d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#2b9fec0d 0%,#0000 40%);grid-template-columns:280px 1fr;display:grid}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);transition:width var(--transition-sidebar), padding var(--transition-sidebar), background-color var(--transition-sidebar);flex-direction:column;gap:1rem;padding:1rem;display:flex;position:relative;overflow-y:auto}.desktop-sidebar-toggle-btn{border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:var(--transition-fast);z-index:100;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;left:22px}.desktop-sidebar-toggle-btn:hover{color:var(--text-primary);border-color:var(--border-color-hover);background:#ffffff1a}@media (max-width:768px){.desktop-sidebar-toggle-btn{display:none!important}}@media (min-width:769px){.app-container.sidebar-collapsed{grid-template-columns:80px 1fr}.sidebar.collapsed{align-items:center;width:80px;padding:1rem .5rem;overflow:visible!important}.sidebar.collapsed .logo-text,.sidebar.collapsed .account-details,.sidebar.collapsed .account-actions,.sidebar.collapsed .btn-connect span,.sidebar.collapsed .filter-btn span,.sidebar.collapsed .profile-details-wrapper{display:none!important}.sidebar.collapsed .section-title{visibility:hidden;white-space:nowrap;text-align:center;width:100%;overflow:hidden}.sidebar.collapsed>div:not(.logo-container),.sidebar.collapsed .filters-list{flex-direction:column;align-items:center;width:100%;display:flex}.sidebar.collapsed .logo-container{min-height:40px;padding-left:0;justify-content:center!important}.sidebar.collapsed .desktop-sidebar-toggle-btn{margin-top:0;position:absolute!important;left:22px!important;transform:none!important}.sidebar.collapsed .logo-container>div{display:none!important}.sidebar.collapsed .accounts-list{align-items:center;width:100%}.sidebar.collapsed .account-item{border-radius:50%;justify-content:center;width:44px;height:44px;padding:.35rem}.sidebar.collapsed .account-info{justify-content:center;width:100%}.sidebar.collapsed .btn-connect{border-radius:50%;justify-content:center;width:44px;height:44px;padding:0}.sidebar.collapsed .filter-btn{border-radius:50%;justify-content:center;width:44px;height:44px;padding:.75rem 0}.sidebar.collapsed .sidebar-profile-footer{border-top:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem 0;display:flex;position:relative}.sidebar.collapsed .accounts-list{overflow:visible!important}.sidebar.collapsed .account-item{position:relative;overflow:visible!important}.account-popover{background:var(--bg-sidebar);border:1px solid var(--border-color);width:max-content;min-width:280px;max-width:400px;box-shadow:var(--shadow-lg);z-index:1200;border-radius:12px;align-items:center;gap:.6rem;padding:.5rem .75rem;animation:.2s ease-out fadeIn;display:none;position:absolute;left:40px}.account-item:hover .account-popover{display:flex!important}}.logo-container{align-items:center;gap:.75rem;min-height:40px;padding-left:50px;display:flex}.logo-text{font-size:1.25rem;font-family:var(--font-outfit);background:var(--accent-gradient);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;font-weight:700}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.accounts-section{flex-direction:column;gap:.75rem;display:flex}.accounts-list{flex-direction:column;gap:.5rem;max-height:256px;padding-right:4px;display:flex;overflow-y:auto}.accounts-list::-webkit-scrollbar{width:4px}.accounts-list::-webkit-scrollbar-track{background:0 0}.accounts-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.account-item{border:1px solid var(--border-color);transition:var(--transition-fast);background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.account-item:hover{background:#ffffff0a;border-color:#ffffff26}.account-info{align-items:center;gap:.75rem;min-width:0;display:flex}.account-avatar{border:1px solid var(--border-color);object-fit:cover;border-radius:50%;flex-shrink:0;width:100%;height:100%;display:block}.account-details{flex-direction:column;min-width:0;display:flex}.account-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.account-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.account-actions{align-items:center;gap:.5rem;display:flex}.btn-connect{background:var(--accent-gradient);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 4px 12px #2b48ff4d}.btn-connect:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px #2b48ff73}.btn-connect:active{transform:translateY(0)}.switch{cursor:pointer;width:32px;height:18px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background-color:var(--text-muted);transition:var(--transition-fast);border-radius:34px;position:absolute;inset:0}.slider:before{content:"";width:14px;height:14px;transition:var(--transition-fast);background-color:#fff;border-radius:50%;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:var(--accent-success)}input:checked+.slider:before{transform:translate(14px)}.filters-list{flex-direction:column;gap:.25rem;display:flex}.filter-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.filter-btn:hover{color:var(--text-primary);background:#ffffff08}.filter-btn.active{color:var(--accent-primary);background:#2b48ff1f;font-weight:600}.dashboard-main{flex-direction:column;height:100vh;display:flex;overflow:hidden}.header-bar{border-bottom:1px solid var(--border-color);background:var(--bg-header);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:10;flex-direction:column;gap:1rem;padding:1.5rem 2rem;display:flex}.header-row{justify-content:space-between;align-items:center;display:flex}.search-wrapper{flex:1;max-width:500px;position:relative}.search-input{border:1px solid var(--border-color);background:var(--bg-input);width:100%;transition:var(--transition-fast);border-radius:10px;padding:.75rem 1rem .75rem 2.75rem;font-size:.9rem}.search-input:focus{border-color:var(--accent-primary);background:var(--bg-input-focus);box-shadow:var(--shadow-glow);outline:none}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.header-actions{align-items:center;gap:.75rem;display:flex}.view-toggle-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex}.view-toggle-btn:hover,.view-toggle-btn.active{color:var(--text-primary);background:#ffffff14}.btn-upload{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;display:flex}.btn-upload:hover{background:#ffffff14;border-color:#fff3}.hidden-file-input{display:none}.content-pane{flex:1;padding:2rem;position:relative;overflow-y:auto}.files-container{transition:var(--transition-normal);gap:1.25rem;display:grid}.files-container.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.file-card{background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-fast);cursor:pointer;border-radius:12px;display:flex;position:relative;overflow:hidden}.files-container.grid .file-card{flex-direction:column;gap:0;height:220px;padding:0}.card-thumbnail-wrapper{border-bottom:1px solid var(--border-color);background:#0000001f;flex:1;justify-content:center;align-items:center;width:100%;transition:background .2s;display:flex;position:relative;overflow:hidden}.file-card:hover .card-thumbnail-wrapper{background:#0003}[data-theme=light] .card-thumbnail-wrapper{background:#00000008}[data-theme=light] .file-card:hover .card-thumbnail-wrapper{background:#0000000f}.card-thumbnail-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.file-card:hover .card-thumbnail-img{transform:scale(1.05)}.card-large-icon{opacity:.8;justify-content:center;align-items:center;transition:transform .3s;display:flex;transform:scale(2.2)}.file-card:hover .card-large-icon{transform:scale(2.4)}.card-details-pane{background:#ffffff03;border-bottom-right-radius:12px;border-bottom-left-radius:12px;flex-direction:column;gap:.4rem;padding:.9rem 1rem;display:flex}.card-details-header{align-items:center;gap:.5rem;min-width:0;display:flex}.card-icon-small{flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-details-footer{justify-content:space-between;align-items:center;gap:.5rem;height:24px;display:flex}.card-details-main{flex-direction:column;flex:1;min-width:0;display:flex}.table-wrapper{background:var(--bg-card);border:1px solid var(--border-color);width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm);border-radius:12px;overflow-x:auto}.files-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.files-table th{font-family:var(--font-outfit);color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;background:#ffffff03;padding:1rem 1.25rem;font-size:.8rem;font-weight:600}.files-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;transition:var(--transition-fast);padding:.85rem 1.25rem}.files-table tbody tr{cursor:pointer;transition:var(--transition-fast)}.files-table tbody tr:hover{background:var(--bg-card-hover)}.files-table tbody tr.selected{background:linear-gradient(90deg,#2b48ff14 0%,#2b9fec14 100%);box-shadow:inset 0 0 0 1px #2b48ff33}.files-table tbody tr.selected td:first-child{position:relative}.files-table tbody tr.selected td:first-child:before{content:"";background:var(--accent-gradient);border-top-left-radius:4px;border-bottom-left-radius:4px;width:4px;position:absolute;top:0;bottom:0;left:0}.files-table td .file-primary-info{align-items:center;gap:.85rem;display:flex}.files-table td .file-name{white-space:nowrap;text-overflow:ellipsis;max-width:380px;font-weight:500;overflow:hidden}.files-table td .account-badge{text-overflow:ellipsis;white-space:nowrap;max-width:200px;display:inline-block;overflow:hidden}.files-table .col-modified,.files-table .col-size{color:var(--text-secondary);white-space:nowrap;font-size:.85rem}.file-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.file-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);background:#2b48ff14}.file-primary-info{flex:1;align-items:center;gap:.85rem;min-width:0;display:flex}.file-thumbnail{object-fit:cover;border-radius:6px;width:100%;height:100%}.file-details-text{flex-direction:column;min-width:0;display:flex}.file-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;font-size:.9rem;font-weight:500;overflow:hidden}.file-meta-row{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.meta-separator{color:var(--text-muted)}.account-badge{color:var(--accent-primary);text-overflow:ellipsis;white-space:nowrap;background:#2b48ff26;border-radius:4px;max-width:120px;padding:.1rem .3rem;font-size:.65rem;font-weight:400;overflow:hidden}.file-secondary-info{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:2rem;font-size:.8rem;display:flex}.file-date,.file-size{white-space:nowrap}.detail-drawer{background:var(--bg-drawer);border-left:1px solid var(--border-color);width:380px;height:100vh;box-shadow:var(--shadow-lg);z-index:1200;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.detail-drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.drawer-title{font-size:1.15rem;font-family:var(--font-outfit)}.btn-close{cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;display:flex}.btn-close:hover{color:var(--text-primary);background:#ffffff0d}.drawer-content{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.drawer-preview-box{aspect-ratio:16/9;border:1px solid var(--border-color);background:#0003;border-radius:10px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.drawer-preview-img{object-fit:cover;width:100%;height:100%}.drawer-filename{word-break:break-word;font-size:1.1rem;font-weight:600}.rename-wrapper{gap:.5rem;display:flex}.rename-input{border:1px solid var(--border-color);background:var(--bg-input);border-radius:6px;flex:1;padding:.5rem;font-size:.9rem}.rename-input:focus{border-color:var(--accent-primary);outline:none}.btn-icon-check,.btn-icon-cancel{border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;border-radius:6px;align-items:center;padding:.5rem;display:flex}.btn-icon-check:hover{border-color:var(--accent-success);color:var(--accent-success);background:#10b98126}.btn-icon-cancel:hover{border-color:var(--accent-danger);color:var(--accent-danger);background:#ef444426}.meta-grid{flex-direction:column;gap:.75rem;display:flex}.meta-item{justify-content:space-between;font-size:.85rem;display:flex}.meta-label{color:var(--text-secondary)}.meta-value{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-weight:500;overflow:hidden}.meta-owner-box{align-items:center;gap:.5rem;display:flex}.meta-owner-avatar{border-radius:50%;width:20px;height:20px}.drawer-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:auto;display:grid}.btn-action-primary,.btn-action-secondary,.btn-action-danger{cursor:pointer;transition:var(--transition-fast);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;font-weight:600;display:flex}.btn-action-primary{background:var(--accent-gradient);color:var(--text-primary);box-shadow:0 4px 10px #2b48ff33}.btn-action-primary:hover{opacity:.95}.btn-action-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0d}.btn-action-secondary:hover{background:#ffffff14}.btn-action-danger{color:var(--accent-danger);background:#ef44441a;border:1px solid #ef444433;grid-column:span 2}.btn-action-danger:hover{border-color:var(--accent-danger);background:#ef444433}.loading-indicator{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 0;display:flex}.spinner{border:3px solid #2b48ff1a;border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.skeleton-card{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;height:120px;position:relative;overflow:hidden}.skeleton-card:after{content:"";background-image:linear-gradient(90deg,#fff0 0%,#ffffff08 20%,#ffffff0d 60%,#fff0 100%);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:6rem 2rem;display:flex}.empty-title{margin-top:.5rem;font-size:1.25rem;font-weight:600}.empty-desc{color:var(--text-secondary);max-width:320px;font-size:.875rem}.toast-container{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-toast);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);color:var(--text-primary);box-shadow:var(--shadow-lg);border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex}.toast.error{border-left-color:var(--accent-danger)}.toast.success{border-left-color:var(--accent-success)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.login-page{background-color:var(--bg-main);background-image:radial-gradient(circle,#2b48ff1f 0%,#0000 60%),radial-gradient(circle at 10% 90%,#2b9fec0f 0%,#0000 40%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.login-card{background:var(--bg-card);border:1px solid var(--border-color);width:400px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-lg);text-align:center;transition:var(--transition-normal);border-radius:16px;flex-direction:column;align-items:center;padding:3rem 2.25rem;display:flex}.login-card:hover{border-color:#2b48ff40;box-shadow:0 12px 40px #2b48ff1a}.login-logo-wrapper{background:#2b48ff1a;border:1px solid #2b48ff40;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex;box-shadow:0 8px 20px #2b48ff33}.login-title{font-size:2rem;font-family:var(--font-outfit);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-weight:700}.login-subtitle{color:var(--text-secondary);max-width:320px;margin-bottom:2.5rem;font-size:.9rem;line-height:1.5}.btn-google-login{border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;padding:.85rem 1.5rem;font-size:.9rem;font-weight:600;display:flex}.btn-google-login:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.btn-google-login:active{transform:translateY(0)}.sidebar-profile-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:1.25rem;display:flex}.profile-avatar-wrapper{flex-shrink:0;position:relative}.profile-user-avatar{border:1px solid var(--accent-primary);object-fit:cover;border-radius:50%;width:38px;height:38px}.profile-details-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.profile-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.profile-user-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.btn-logout{cursor:pointer;color:var(--text-muted);transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex}.btn-logout:hover{color:var(--accent-danger);background:#ef44441a}.filter-controls-container{border-bottom:1px solid var(--border-color);flex-direction:column;gap:1.25rem;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.dashboard-tabs{border-bottom:1px solid #ffffff0a;gap:.5rem;padding-bottom:.5rem;display:flex}.tab-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;display:flex;position:relative}.tab-item:hover{color:var(--text-primary);background:#ffffff08}.tab-item.active{color:var(--accent-primary);background:#2b48ff14;font-weight:600}.tab-item.active:after{content:"";background:var(--accent-gradient);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-9px;left:0}.filter-bar{background:#ffffff03;border:1px solid #ffffff08;border-radius:10px;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;display:flex}.filter-group{align-items:center;gap:.5rem;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700}.filter-select{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);border-radius:6px;outline:none;padding:.4rem .75rem;font-size:.8rem}.filter-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.filter-select option{background:var(--bg-sidebar);color:var(--text-primary)}.table-header-cell{-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;display:flex}.sort-icon{color:var(--accent-primary);flex-shrink:0;animation:.2s ease-out fadeInSort}@keyframes fadeInSort{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.breadcrumbs-bar{border:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#ffffff05;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.55rem 1rem;font-size:.85rem;display:flex}.breadcrumb-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);font-weight:500;font-family:var(--font-inter);background:0 0;border:none;border-radius:4px;padding:.2rem .45rem}.breadcrumb-item:hover{color:var(--text-primary);background:#ffffff0d}.breadcrumb-item.active{color:var(--accent-primary);cursor:default;background:0 0;font-weight:600}.breadcrumb-separator{color:var(--text-muted);-webkit-user-select:none;user-select:none}.preview-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0a0b10a6;flex-direction:column;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.preview-header{z-index:1010;background:#00000073;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 2rem;display:flex}.preview-title{font-size:1.15rem;font-family:var(--font-outfit);color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-weight:600;overflow:hidden}.preview-header-actions{align-items:center;gap:.75rem;display:flex}.preview-action-btn{color:#94a3b8;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex}.preview-action-btn:hover{color:#f8fafc;background:#ffffff26}.preview-body{box-sizing:border-box;cursor:pointer;flex:1;justify-content:center;align-items:center;width:100%;padding:2.5rem;display:flex}.preview-iframe-wrapper{cursor:default;background:#00000040;border:1px solid #ffffff1a;border-radius:12px;width:85%;max-width:1200px;height:85%;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleUp;overflow:hidden;box-shadow:0 20px 50px #0009}.preview-iframe{border:none;width:100%;height:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.card-info-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0b1099;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;display:flex}.file-card:hover .card-info-btn{opacity:1}.file-card:hover .card-info-btn:hover{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm);border-color:#0000}.row-info-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.35rem;display:inline-flex}.files-table tbody tr:hover .row-info-btn{opacity:1;color:var(--text-secondary)}.files-table tbody tr:hover .row-info-btn:hover{background:var(--border-color);color:var(--accent-primary)}.preview-nav-btn{color:#cbd5e1;cursor:pointer;z-index:1020;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 32px #0006}.preview-nav-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff40;transform:translateY(-50%)scale(1.08)}.preview-nav-btn:active{transform:translateY(-50%)scale(.95)}.preview-nav-btn.prev{left:2.5rem}.preview-nav-btn.next{right:2.5rem}.desktop-filters{flex:1;align-items:center;gap:1.5rem;display:flex}.mobile-filters-trigger{display:none!important}.active-filters-badge{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm);border-radius:12px;margin-left:.4rem;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.filter-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1250;background:#0a0b10a6;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.filter-modal-content{background:var(--bg-drawer);border:1px solid var(--border-color);border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;width:100%;max-width:500px;max-height:85vh;animation:.25s cubic-bezier(.4,0,.2,1) slideUpModal;display:flex;box-shadow:0 -10px 40px #00000080}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.filter-modal-title{font-size:1.15rem;font-family:var(--font-outfit);color:var(--text-primary);font-weight:600}.filter-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.modal-filter-group{flex-direction:column;gap:.5rem;display:flex}.modal-filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700}.modal-select{border-radius:8px;width:100%;padding:.75rem;font-size:.9rem;max-width:none!important}.filter-modal-footer{border-top:1px solid var(--border-color);background:#0000001a;gap:1rem;padding:1.25rem 1.5rem;display:flex}.desktop-header-actions{align-items:center;gap:.75rem;display:flex}.mobile-fab-upload{display:none!important}.upload-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1300;background:#0a0b10bf;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.upload-modal-content{background:var(--bg-drawer);border:1px solid var(--border-color);width:90%;max-width:460px;box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;max-height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;overflow:hidden}.upload-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.upload-modal-title{font-size:1.15rem;font-family:var(--font-outfit);color:var(--text-primary);font-weight:600}.upload-modal-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.upload-modal-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700}.upload-accounts-list{flex-direction:column;gap:.75rem;display:flex}.upload-account-card{border:1px solid var(--border-color);cursor:pointer;background:#ffffff03;border-radius:12px;align-items:center;gap:.85rem;padding:.85rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.upload-account-card:hover{background:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-1px)}.upload-account-card.selected{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);background:#2b48ff14}.upload-account-avatar-wrapper{border:1.5px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.upload-account-avatar{object-fit:cover;width:100%;height:100%}.upload-account-avatar-fallback{width:100%;height:100%;color:var(--text-secondary);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.upload-account-details{flex-direction:column;flex:1;min-width:0;display:flex}.upload-account-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.upload-account-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.upload-account-check{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.upload-modal-footer{border-top:1px solid var(--border-color);background:#0000001a;gap:1rem;padding:1.25rem 1.5rem;display:flex}.hamburger-btn,.mobile-sidebar-close-btn{display:none!important}@media (max-width:768px){.app-container{grid-template-columns:1fr!important}.sidebar{z-index:1100;background-color:var(--bg-sidebar);width:290px;transition:transform .3s cubic-bezier(.4,0,.2,1);top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 30px #00000080;position:fixed!important}.sidebar.mobile-open{transform:translate(0)!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1090;background:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}.hamburger-btn{cursor:pointer;transition:var(--transition-fast);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:.55rem;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;background:#ffffff08!important;display:flex!important}.hamburger-btn:hover{background:#ffffff14!important}.mobile-sidebar-close-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;display:flex!important}.mobile-sidebar-close-btn:hover{color:var(--text-primary);background:#ffffff14}.header-bar{padding:1rem!important}.header-row{width:100%;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important}.header-search-container{flex:1!important;max-width:none!important}.header-actions{flex-wrap:nowrap!important;justify-content:flex-end!important;gap:.5rem!important;width:auto!important}.desktop-header-actions{display:none!important}.mobile-fab-upload{background:var(--accent-gradient);color:#fff;cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s cubic-bezier(.4,0,.2,1);position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 16px #2b48ff66;display:flex!important}.mobile-fab-upload:hover{transform:scale(1.08)rotate(5deg);box-shadow:0 6px 20px #2b48ff80}.mobile-fab-upload:active{transform:scale(.95)}.content-pane{padding:1rem!important}.filter-controls-container{gap:.75rem!important;margin-bottom:1rem!important}.dashboard-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.35rem;overflow-x:auto}.tab-item{padding:.4rem .85rem!important;font-size:.8rem!important}.desktop-filters{display:none!important}.mobile-filters-trigger{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1.2rem;font-size:.85rem;font-weight:600;display:flex!important}.mobile-filters-trigger:hover{border-color:var(--border-color-hover);background:#ffffff0f}.filter-bar{background:0 0!important;border:none!important;padding:0!important}.files-container.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:1rem!important}.files-container.grid .file-card{height:180px!important}.card-large-icon{transform:scale(1.6)!important}.file-card:hover .card-large-icon{transform:scale(1.8)!important}.card-details-pane{padding:.65rem .75rem!important}.file-name{font-size:.8rem!important}.account-badge{max-width:70px!important;font-size:.6rem!important}.detail-drawer{z-index:1300!important;width:100vw!important;max-width:100%!important}.preview-iframe-wrapper{width:95%!important;height:80%!important}.preview-nav-btn{width:44px!important;height:44px!important}.preview-nav-btn.prev{left:.5rem!important}.preview-nav-btn.next{right:.5rem!important}}.tour-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#0a0b10bf;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.tour-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;color:#0f172a;background:#fffffff5;border:1px solid #0000000f;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:520px;padding:2.25rem;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;box-shadow:0 24px 60px #0000001f,0 0 100px #2b48ff0a}.tour-step-content{flex-direction:column;flex:1;align-items:center;margin-bottom:2rem;display:flex}.tour-glowing-icon{width:80px;height:80px;color:var(--accent-primary);background:#2b48ff0f;border:1.5px solid #2b48ff40;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;animation:2s infinite alternate pulseGlow;display:flex;box-shadow:0 0 30px #2b48ff1f}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 0 30px #2b48ff1f}to{transform:scale(1.05);box-shadow:0 0 45px #2b48ff38}}.tour-title{font-size:1.6rem;font-family:var(--font-outfit);background:linear-gradient(135deg,#0f172a 30%,#2b48ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.85rem;font-weight:700}.tour-description{color:#475569;max-width:440px;margin:0;font-size:.95rem;line-height:1.6}.tour-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;width:100%;padding-top:1.5rem;display:flex}.tour-dots{gap:.5rem;display:flex}.tour-dot{cursor:pointer;background:#00000014;border-radius:50%;width:8px;height:8px;transition:all .25s}.tour-dot.active{background:var(--accent-primary);border-radius:4px;width:20px;box-shadow:0 0 10px #2b48ff4d}.tour-actions{gap:.75rem;display:flex}.btn-tour-skip{color:#475569;cursor:pointer;background:#00000005;border:1px solid #0000000f;border-radius:10px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-tour-skip:hover{color:#0f172a;background:#0000000f;border-color:#0000001f}.btn-tour-next{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #2b48ff59}.btn-tour-next:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2b48ff73}.custom-dropdown-container{width:100%;position:relative}.filter-group .custom-dropdown-container{min-width:160px}.custom-dropdown-trigger{border:1px solid var(--border-color);background:var(--bg-input);width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);border-radius:10px;outline:none;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.85rem;font-weight:500;display:flex}.custom-dropdown-trigger:hover,.custom-dropdown-trigger.active{border-color:var(--accent-primary);background:var(--bg-input-focus);box-shadow:var(--shadow-glow)}.custom-dropdown-value{white-space:nowrap;text-overflow:ellipsis;padding-right:.5rem;overflow:hidden}.custom-dropdown-arrow{color:var(--text-secondary);transition:transform var(--transition-fast);flex-shrink:0}.custom-dropdown-arrow.open{color:var(--accent-primary);transform:rotate(180deg)}.custom-dropdown-menu{background:var(--bg-toast);border:1px solid var(--border-color);width:100%;min-width:200px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--glass-blur);z-index:1000;border-radius:12px;max-height:280px;padding:.5rem;list-style:none;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-dropdown-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:8px;justify-content:space-between;align-items:center;padding:.55rem .85rem;font-size:.85rem;font-weight:500;display:flex}.custom-dropdown-item:hover{color:var(--text-primary);background:#2b48ff14}.custom-dropdown-item.selected{color:var(--accent-primary);background:#2b48ff1f;font-weight:600}.custom-dropdown-check{color:var(--accent-primary);flex-shrink:0}.custom-dropdown-menu::-webkit-scrollbar{width:4px}.custom-dropdown-menu::-webkit-scrollbar-track{background:0 0}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.storage-dashboard{grid-template-columns:1fr;gap:1.5rem;width:100%;padding-bottom:2rem;animation:.4s ease-out fadeIn;display:grid}.storage-dashboard>div{min-width:0}@media (min-width:992px) and (max-width:1199px){.storage-dashboard{grid-template-columns:2fr 1fr}.storage-full-width{grid-column:span 2}}@media (min-width:1200px){.storage-dashboard{grid-template-columns:1fr 1.4fr 1fr}.storage-full-width{grid-column:span 3}}.storage-grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.unified-storage-pool-card{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:12px;flex-direction:column;gap:1.25rem;width:100%;margin-bottom:1.5rem;padding:1.5rem;display:flex}.pool-header-row{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.pool-title-col{flex-direction:column;display:flex}.pool-main-title{font-size:1.5rem;font-weight:600;font-family:var(--font-outfit);color:var(--text-primary)}.pool-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.pool-stats-col{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.pool-stats-value{font-family:var(--font-outfit)}.pool-used-value{color:var(--accent-primary);font-size:1.8rem;font-weight:700}.pool-limit-value{color:var(--text-muted);font-size:1.1rem;font-weight:500}.pool-trend-label{color:var(--accent-success);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.85rem;font-weight:500;display:flex}.trend-arrow{font-size:.95rem}.pool-progress-bar-wrapper{width:100%}.pool-progress-bar{background-color:#0000000d;border-radius:30px;width:100%;height:14px;display:flex;overflow:hidden}[data-theme=dark] .pool-progress-bar{background-color:#ffffff0d}.progress-segment{height:100%;transition:width var(--transition-normal)}.progress-segment.free-space{background-color:#0000000d}[data-theme=dark] .progress-segment.free-space{background-color:#ffffff14}.pool-legend{flex-wrap:wrap;gap:1.25rem;margin-top:.25rem;display:flex}.legend-item{align-items:center;gap:.5rem;display:flex}.legend-bullet{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-text{color:var(--text-secondary);font-size:.825rem;font-weight:500}@media (max-width:768px){.pool-header-row{flex-direction:column;gap:.75rem}.pool-stats-col{text-align:left;align-items:flex-start}.pool-used-value{font-size:1.5rem}}.storage-top-grid{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:repeat(6,1fr);gap:0;width:100%;margin-bottom:1.5rem;display:grid;overflow:hidden}.storage-stat-card{background:var(--bg-card);border-left:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);min-height:120px;transition:var(--transition-fast);border-radius:0;flex-direction:column;justify-content:center;padding:1.25rem;display:flex}.storage-stat-card:first-of-type{border-left:none}.storage-stat-card:hover{box-shadow:none;transform:none}.storage-stat-card.unified-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.ring-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.ring-bg{fill:none;stroke:#ffffff0d}[data-theme=light] .ring-bg{stroke:#0000000a}.ring-bar{fill:none;stroke:url(#storageGrad);stroke-linecap:round;transition:stroke-dashoffset .8s ease-in-out}.ring-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.ring-percent{color:var(--text-primary);font-size:.95rem;font-weight:700;font-family:var(--font-outfit)}.ring-percent-sub{color:var(--text-muted);font-size:.55rem}.unified-text-wrapper{flex-direction:column;gap:.15rem;display:flex}.unified-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.unified-desc{color:var(--text-primary);font-size:.85rem;font-weight:600}.stat-card-title{color:var(--text-muted);margin-bottom:.35rem;font-size:.8rem;font-weight:500}.stat-card-value{font-size:1.75rem;font-weight:700;font-family:var(--font-outfit);color:var(--text-primary);line-height:1.2}.stat-card-value.value-capacity{color:#a855f7}.stat-card-value.value-used{color:#3b82f6}.stat-card-value.value-drives{color:#06b6d4}.stat-card-value.value-free{color:#10b981}.stat-card-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.connected-accounts-card{justify-content:flex-start}.connected-accounts-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.connected-accounts-list{flex-direction:column;gap:.35rem;max-height:75px;display:flex;overflow-y:auto}.connected-account-row{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dots{border-radius:50%;flex-shrink:0;width:10px;height:10px}.storage-categories-grid{grid-template-columns:repeat(6,1fr);gap:1rem;width:100%;margin-bottom:1.5rem;display:grid}.category-card{background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-fast);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.category-card:hover{border-color:var(--border-color-hover)}.category-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.category-text-wrapper{flex-direction:column;min-width:0;display:flex}.category-name{color:var(--text-secondary);font-size:.8rem;font-weight:500}.category-size{color:var(--text-primary);font-size:.95rem;font-weight:700;font-family:var(--font-outfit)}.storage-bottom-split{grid-template-columns:3.1fr 1fr;align-items:stretch;gap:1.5rem;width:100%;display:grid}.recently-added-card,.space-saver-sidebar-card{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:12px;flex-direction:column;gap:1.25rem;height:100%;max-height:700px;padding:1.5rem;display:flex}.recently-added-header,.space-saver-header{justify-content:space-between;align-items:center;display:flex}.recently-added-title,.space-saver-title{font-size:1.1rem;font-weight:600;font-family:var(--font-outfit);color:var(--text-primary);align-items:center;gap:.5rem;display:flex}.recently-added-title span.title-desc,.space-saver-title span.title-desc{color:var(--text-muted);font-size:.75rem;font-family:var(--font-inter);font-weight:400}.recently-added-table-wrapper{flex:1;width:100%;overflow:auto}.recently-added-table-wrapper::-webkit-scrollbar{width:4px;height:4px}.recently-added-table-wrapper::-webkit-scrollbar-track{background:0 0}.recently-added-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.recently-added-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.recently-added-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.recently-added-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:.85rem 1rem}.recently-added-table tr{transition:var(--transition-fast)}.recently-added-table tbody tr:hover{background:var(--bg-card-hover)}.file-name-cell{align-items:center;gap:.75rem;display:flex;position:relative}.index-cell-wrapper{position:relative;padding-left:1.25rem!important}.file-indicator-bar{border-radius:2px;width:3px;height:auto;position:absolute;top:15%;bottom:15%;left:0}.file-icon-wrapper{background:#ffffff08;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}[data-theme=light] .file-icon-wrapper{background:#00000005}.file-name-text{white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-weight:500;overflow:hidden}.account-cell-content{align-items:center;gap:.5rem;display:flex}.account-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.account-badge-circle{width:20px;height:20px;font-size:.68rem;font-weight:700;font-family:var(--font-outfit);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;color:#fff!important}.space-saver-list-new{flex-direction:column;flex:1;gap:.75rem;padding-right:4px;display:flex;overflow-y:auto}.space-saver-list-new::-webkit-scrollbar{width:4px}.space-saver-list-new::-webkit-scrollbar-track{background:0 0}.space-saver-list-new::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.space-saver-item-new{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.8rem;display:flex}.space-saver-item-new:last-child{border-bottom:none}.space-saver-item-new .item-details{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.space-saver-item-new .item-index{color:var(--text-muted);flex-shrink:0;width:14px;font-size:.75rem}.space-saver-item-new .item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-weight:500;overflow:hidden}.space-saver-item-new .item-meta{color:var(--text-muted);align-items:center;gap:.35rem;margin-top:.15rem;font-size:.75rem;display:flex}.space-saver-item-new .item-size-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.15rem;display:flex}.space-saver-item-new .item-size{color:var(--text-primary);font-weight:600;font-family:var(--font-outfit)}.space-saver-footer-summary{color:var(--text-muted);border-top:1px dashed var(--border-color);justify-content:space-between;align-items:center;margin-top:.25rem;padding-top:.75rem;font-size:.75rem;display:flex}.space-saver-footer-summary .summary-size{color:var(--text-primary);font-weight:600}@media (max-width:1400px){.storage-top-grid,.storage-categories-grid{grid-template-columns:repeat(3,1fr)}.storage-bottom-split{grid-template-columns:1fr}}@media (max-width:768px){.storage-top-grid,.storage-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.storage-top-grid,.storage-categories-grid{grid-template-columns:1fr}}.sidebar.collapsed [data-tooltip]:not(.desktop-sidebar-toggle-btn){position:relative}.sidebar.collapsed [data-tooltip]:after{content:attr(data-tooltip);background:var(--bg-sidebar);border:1px solid var(--border-color);color:var(--text-primary);font-size:.75rem;font-family:var(--font-inter);white-space:nowrap;pointer-events:none;opacity:0;box-shadow:var(--shadow-md);z-index:2005;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:6px;padding:.4rem .6rem;font-weight:500;transition:opacity .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:60px;transform:translateY(-50%)scale(.95)}.sidebar.collapsed [data-tooltip]:hover:after{opacity:1;transform:translateY(-50%)scale(1)}.sidebar.collapsed .profile-avatar-wrapper:after{left:54px!important}.storage-dashboard-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:240px 1fr 240px;width:100%;margin-bottom:1.5rem;display:grid;overflow:hidden}.dashboard-col-left{border-right:1px solid var(--border-color);text-align:center;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.dashboard-col-right{border-left:1px solid var(--border-color);background-color:#0000;flex-direction:column;padding:1.5rem;display:flex}.dashboard-col-right .connected-accounts-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.dashboard-col-right .connected-accounts-list{flex-direction:column;flex-grow:1;gap:.35rem;max-height:none;margin-top:.5rem;display:flex;overflow-y:auto}.dashboard-col-middle{background-color:#0000;flex-direction:column;display:flex}.dashboard-middle-top{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.middle-stat-card{border-left:1px solid var(--border-color);background-color:#0000;flex-direction:column;justify-content:center;min-height:105px;padding:1.25rem 1.25rem .25rem;display:flex}.middle-stat-card:first-of-type{border-left:none}.dashboard-middle-bottom{flex-direction:column;flex-grow:1;justify-content:center;gap:.75rem;padding:.75rem 1.5rem 1.25rem;display:flex}@media (max-width:1300px){.storage-dashboard-container{flex-direction:column;display:flex}.dashboard-col-left,.dashboard-col-right{border:none;border-bottom:1px solid var(--border-color)}.dashboard-col-right{border-bottom:none}.dashboard-middle-top{grid-template-columns:repeat(2,1fr)}.middle-stat-card{border-bottom:1px solid var(--border-color)}.middle-stat-card:nth-of-type(2n){border-left:1px solid var(--border-color)}.middle-stat-card:nth-of-type(odd){border-left:none}}@media (max-width:600px){.dashboard-middle-top{grid-template-columns:1fr}.middle-stat-card{border-left:none!important}}.cookie-consent-banner{background:var(--bg-card);width:420px;max-width:calc(100vw - 4rem);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-lg), var(--shadow-glow);z-index:9999;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.25rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards cookieSlideUp;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes cookieSlideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.cookie-content{align-items:flex-start;gap:.85rem;display:flex}.cookie-icon-wrapper{width:40px;height:40px;color:var(--accent-primary);background:#435bf81a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cookie-text{flex-direction:column;gap:.25rem;display:flex}.cookie-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.cookie-desc{color:var(--text-secondary);margin:0;font-size:.825rem;line-height:1.4}.cookie-link{color:var(--accent-primary);transition:var(--transition-fast);font-weight:600;text-decoration:none}.cookie-link:hover{opacity:.85;text-decoration:underline}.cookie-actions{gap:.75rem;width:100%;display:flex}.btn-cookie-accept,.btn-cookie-reject{cursor:pointer;transition:var(--transition-fast);text-align:center;border-radius:8px;flex:1;padding:.65rem 1rem;font-size:.85rem;font-weight:600}.btn-cookie-accept{background:var(--accent-gradient);color:#fff;border:none;box-shadow:0 4px 12px #2b48ff40}.btn-cookie-accept:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px #2b48ff59}.btn-cookie-accept:active{transform:translateY(0)}.btn-cookie-reject{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-cookie-reject:hover{color:var(--text-primary);border-color:var(--border-color-hover);background:#ffffff0d}[data-theme=light] .btn-cookie-reject:hover{background:#00000008}@media (max-width:600px){.cookie-consent-banner{gap:1rem;width:auto;max-width:calc(100% - 2rem);padding:1rem;bottom:1rem;left:1rem;right:1rem}}.account-avatar-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.avatar-color-edit-btn{background:var(--accent-primary);color:#fff;border:1px solid var(--border-color);cursor:pointer;opacity:0;pointer-events:none;width:16px;height:16px;transition:opacity var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);z-index:10;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:-2px;right:-2px;transform:scale(.8)}.account-avatar-wrapper:hover .avatar-color-edit-btn,.avatar-color-edit-btn:hover{opacity:1;pointer-events:auto;transform:scale(1)}.avatar-color-edit-btn:hover{background:var(--accent-secondary);border-color:var(--border-color-hover)}.color-picker-dropdown{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-lg), var(--shadow-glow);z-index:1200;border-radius:12px;flex-direction:column;margin-top:6px;padding:.6rem;animation:.18s cubic-bezier(.16,1,.3,1) forwards pickerFadeIn;display:flex;position:absolute;top:100%;left:0}@keyframes pickerFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.color-presets-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;width:90px;display:grid}.color-preset-dot{cursor:pointer;width:24px;height:24px;transition:var(--transition-fast);border:2px solid #0000;border-radius:50%;padding:0;box-shadow:inset 0 0 0 1px #0000000d}.color-preset-dot:hover{transform:scale(1.1);box-shadow:0 0 8px #ffffff4d}.color-preset-dot.active{border-color:var(--text-primary);transform:scale(1.05)}.custom-color-swatch-wrapper{cursor:pointer;width:24px;height:24px;transition:var(--transition-fast);background:conic-gradient(red,#ff0,green,#0ff,#00f,#f0f,red);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.custom-color-swatch-wrapper:hover{transform:scale(1.1)}.custom-color-swatch{opacity:0;cursor:pointer;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute}
@keyframes pulseGlow{0%,to{border-color:#2b48ff40;box-shadow:0 0 15px #2b48ff33}50%{border-color:#2b48ff80;box-shadow:0 0 30px #2b48ff73,0 0 10px #2b9fec33}}@keyframes floatElement{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slideBg{0%{transform:translate(0)scale(1)}50%{transform:translate(4%,4%)scale(1.05)}to{transform:translate(0)scale(1)}}.landing-wrapper{background-color:var(--bg-main);width:100%;height:100vh;color:var(--text-primary);font-family:var(--font-inter);position:relative;overflow:hidden auto}.landing-bg-glow{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glow-orb-1{filter:blur(80px);background:radial-gradient(circle,#2b48ff14 0%,#0000 70%);border-radius:50%;width:60vw;height:60vw;animation:15s ease-in-out infinite alternate slideBg;position:absolute;top:-10%;right:-5%}.glow-orb-2{filter:blur(80px);background:radial-gradient(circle,#2b9fec0f 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;animation:20s ease-in-out infinite alternate-reverse slideBg;position:absolute;top:40%;left:-10%}.glow-orb-3{filter:blur(100px);background:radial-gradient(circle,#8b5cf60d 0%,#0000 70%);border-radius:50%;width:45vw;height:45vw;position:absolute;bottom:-5%;right:15%}.landing-content-container{z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative}.landing-nav{width:100%;-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);z-index:1000;transition:var(--transition-normal);background:#0a0b10a6;position:sticky;top:0}[data-theme=light] .landing-nav{background:#f8fafcbf}.landing-nav-inner{justify-content:space-between;align-items:center;max-width:1280px;height:80px;margin:0 auto;padding:0 1.5rem;display:flex}.nav-links{align-items:center;gap:2.25rem;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-primary)}.nav-cta{align-items:center;gap:1rem;display:flex}.hero-section{text-align:center;flex-direction:column;align-items:center;padding:6.5rem 0 4.5rem;display:flex}.hero-tag{color:var(--accent-primary);letter-spacing:.02em;background:#2b48ff14;border:1px solid #2b48ff33;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.025em;max-width:900px;color:var(--text-primary);margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.15}.hero-title span{background:linear-gradient(135deg,#2b48ff 0%,#2b9fec 50%,#8b5cf6 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:6s linear infinite gradientShift}.hero-subtitle{color:var(--text-secondary);max-width:680px;margin-bottom:3rem;font-size:1.15rem;line-height:1.6}.hero-ctas{justify-content:center;align-items:center;gap:1.25rem;margin-bottom:4rem;display:flex}.btn-primary-neon{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:var(--transition-normal);border:none;border-radius:12px;align-items:center;gap:.65rem;padding:.95rem 1.85rem;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 4px 20px #2b48ff66}.btn-primary-neon:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 8px 30px #2b48ff99}.btn-primary-neon:active{transform:translateY(0)}.btn-secondary-glass{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-normal);-webkit-backdrop-filter:var(--glass-blur);background:#ffffff08;border-radius:12px;align-items:center;gap:.65rem;padding:.95rem 1.85rem;font-size:.95rem;font-weight:600;display:flex}.btn-secondary-glass:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.btn-secondary-glass:active{transform:translateY(0)}.hero-visual{background:linear-gradient(135deg,#161a2999 0%,#0a0b10cc 100%);border:1px solid #ffffff0f;border-radius:20px;width:100%;max-width:1000px;margin:0 auto 6rem;padding:.75rem;animation:6s ease-in-out infinite floatElement;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000080,inset 0 1px #ffffff1a}.hero-visual-header{background:#0003;border-bottom:1px solid #ffffff0d;border-top-left-radius:14px;border-top-right-radius:14px;align-items:center;gap:.5rem;height:32px;padding-left:.75rem;display:flex}.window-dot{border-radius:50%;width:10px;height:10px}.window-dot.red{background-color:#ef4444}.window-dot.yellow{background-color:#f59e0b}.window-dot.green{background-color:#10b981}.hero-visual-img{border-bottom-right-radius:14px;border-bottom-left-radius:14px;width:100%;height:auto;display:block}.playground-section{text-align:center;padding:5rem 0}.playground-container{border:1px solid var(--border-color);background:var(--bg-sidebar);text-align:left;width:100%;max-width:1100px;height:580px;box-shadow:var(--shadow-lg);transition:var(--transition-normal);border-radius:16px;grid-template-columns:240px 1fr;margin:3rem auto 0;animation:8s ease-in-out infinite pulseGlow;display:grid;overflow:hidden}[data-theme=light] .playground-container{background:#f1f5f9}.mock-sidebar{border-right:1px solid var(--border-color);background:#0f111af2;flex-direction:column;gap:1.5rem;padding:1.25rem 1rem;display:flex}[data-theme=light] .mock-sidebar{background:#e2e8f0}.mock-logo{font-family:var(--font-outfit);color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.mock-accounts-list{flex-direction:column;gap:.65rem;display:flex}.mock-account{border:1px solid var(--border-color);transition:var(--transition-fast);background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .75rem;font-size:.75rem;display:flex}.mock-account.inactive{opacity:.5}.mock-account-info{align-items:center;gap:.5rem;min-width:0;display:flex}.mock-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.65rem;font-weight:700;display:flex}.mock-account-details{flex-direction:column;min-width:0;display:flex}.mock-account-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.mock-account-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.mock-main{background:var(--bg-main);flex-direction:column;display:flex;position:relative;overflow:hidden}[data-theme=light] .mock-main{background:#fff}.mock-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.mock-search-wrapper{flex:1;max-width:380px;position:relative}.mock-search-input{border:1px solid var(--border-color);background:var(--bg-input);width:100%;color:var(--text-primary);transition:var(--transition-fast);border-radius:8px;padding:.55rem .75rem .55rem 2.25rem;font-size:.8rem}.mock-search-input:focus{border-color:var(--accent-primary);outline:none}.mock-search-icon{color:var(--text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.mock-theme-badge{color:var(--accent-primary);background:#2b48ff1f;border:1px solid #2b48ff40;border-radius:4px;padding:.25rem .5rem;font-size:.65rem;font-weight:600}.mock-content{flex-direction:column;flex:1;gap:1rem;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.mock-tabs{border-bottom:1px solid var(--border-color);gap:.75rem;padding-bottom:.5rem;display:flex}.mock-tab{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:.25rem .5rem;font-size:.8rem;font-weight:500;position:relative}.mock-tab.active{color:var(--text-primary);font-weight:600}.mock-tab.active:after{content:"";background:var(--accent-gradient);height:2px;position:absolute;bottom:-.6rem;left:0;right:0}.mock-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;display:grid}.mock-file-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-fast);border-radius:10px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.mock-file-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:translateY(-2px)}.mock-file-icon{background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mock-file-details{flex-direction:column;min-width:0;display:flex}.mock-file-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:.75rem;font-weight:500;overflow:hidden}.mock-file-meta{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.65rem;display:flex}.mock-badge{color:var(--accent-primary);white-space:nowrap;text-overflow:ellipsis;background:#2b48ff1a;border-radius:3px;max-width:80px;padding:.1rem .3rem;font-size:.55rem;overflow:hidden}.features-section{text-align:center;padding:6rem 0}.section-head{margin-bottom:4rem}.section-tag{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.section-title-large{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.section-desc-large{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:left;-webkit-backdrop-filter:var(--glass-blur);transition:var(--transition-normal);border-radius:16px;padding:2.5rem 2rem}.feature-card:hover{border-color:#2b48ff40;transform:translateY(-5px);box-shadow:0 12px 32px #2b48ff14}.feature-icon-box{width:48px;height:48px;color:var(--accent-primary);background:#2b48ff14;border:1px solid #2b48ff26;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.feature-title{color:var(--text-primary);margin-bottom:.85rem;font-size:1.25rem;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.55}.faq-section{text-align:center;padding:6rem 0}.faq-list{text-align:left;flex-direction:column;gap:1.25rem;max-width:760px;margin:3rem auto 0;display:flex}.faq-item{border:1px solid var(--border-color);background:var(--bg-card);transition:var(--transition-normal);border-radius:12px;overflow:hidden}.faq-item:hover{border-color:#ffffff26}.faq-item.open{box-shadow:var(--shadow-sm);border-color:#2b48ff4d}.faq-question{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);font-size:1rem;font-weight:600;font-family:var(--font-outfit);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.faq-answer{max-height:0;color:var(--text-secondary);padding:0 1.5rem;font-size:.9rem;line-height:1.6;transition:max-height .35s cubic-bezier(.4,0,.2,1),padding .35s;overflow:hidden}.faq-item.open .faq-answer{max-height:200px;padding-bottom:1.5rem}.faq-arrow{color:var(--text-secondary);transition:transform .3s}.faq-item.open .faq-arrow{color:var(--accent-primary);transform:rotate(180deg)}.cta-banner{text-align:center;-webkit-backdrop-filter:var(--glass-blur);background:linear-gradient(135deg,#2b48ff1f 0%,#2b9fec14 100%);border:1px solid #2b48ff26;border-radius:24px;flex-direction:column;align-items:center;margin-bottom:6rem;padding:6rem 2rem;display:flex}.cta-banner-title{margin-bottom:1rem;font-size:2.25rem;font-weight:800}.cta-banner-desc{color:var(--text-secondary);max-width:500px;margin-bottom:2.5rem;font-size:1rem}.landing-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:2rem 0;display:flex}.footer-logo{font-family:var(--font-outfit);color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.footer-logo span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.footer-links{color:var(--text-muted);gap:1.5rem;font-size:.8rem;display:flex}.footer-link{color:var(--text-muted);transition:var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--text-secondary)}.footer-copy{color:var(--text-muted);font-size:.8rem}@media (max-width:1024px){.hero-title{font-size:3.25rem}.playground-container{grid-template-columns:1fr;height:auto}.mock-sidebar{border-right:none;border-bottom:1px solid var(--border-color)}}@media (max-width:768px){.nav-links{display:none}.nav-cta .btn-primary-neon{display:none!important}.hero-section{padding:4.5rem 0 3.5rem}.hero-title{font-size:2.5rem}.hero-ctas{flex-direction:column;gap:.75rem;width:100%}.btn-primary-neon,.btn-secondary-glass{justify-content:center;width:100%}.landing-footer{text-align:center;flex-direction:column;gap:1.5rem}}