@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#0ea5e9;--primary-hover:#0284c7;--secondary:#8b5cf6;--accent:#10b981;--danger:#ef4444;--bg-dark:#0f172a;--bg-surface:#1e293b;--glass-bg:#1e293bb3;--glass-bg-hover:#1e293be6;--glass-border:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glow:0 0 20px #0ea5e94d;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif}.app-container{background:radial-gradient(circle at 100% 0,#0ea5e926,#0000 40%),radial-gradient(circle at 0 100%,#8b5cf626,#0000 40%);width:100vw;height:100vh;display:flex;overflow:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.glass-panel:hover{border-color:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #0ea5e966}70%{box-shadow:0 0 0 10px #0ea5e900}to{box-shadow:0 0 #0ea5e900}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-in{animation:.3s ease-out forwards slideInRight}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:.5rem;outline:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 15px #0ea5e94d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e980}.btn-icon{color:var(--text-secondary);transition:var(--transition);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex}.btn-icon:hover{background:var(--primary);color:#fff;transform:rotate(10deg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.global-navbar{z-index:1000;border-bottom:1px solid var(--glass-border);background:#0f172acc;width:100%;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.nav-brand{color:var(--primary);text-shadow:0 0 10px #0ea5e966;align-items:center;gap:.75rem;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition);font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-primary)}.global-footer{border-top:1px solid var(--glass-border);background:#0f172a80;margin-top:4rem;padding:4rem 2rem 2rem}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:3rem;max-width:1200px;margin:0 auto 3rem;display:flex}.footer-brand{flex:1;min-width:250px}.footer-brand p{color:var(--text-secondary);margin-top:1rem;line-height:1.6}.footer-links{flex-wrap:wrap;gap:4rem;display:flex}.link-group{flex-direction:column;gap:1rem;display:flex}.link-group h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.link-group a{color:var(--text-secondary);transition:var(--transition);text-decoration:none}.link-group a:hover{color:var(--primary)}.footer-bottom{text-align:center;max-width:1200px;color:var(--text-secondary);border-top:1px solid #ffffff0d;margin:0 auto;padding-top:2rem;font-size:.9rem}.landing-layout{background:radial-gradient(circle at 100% 0,#0ea5e91a,#0000 40%),radial-gradient(circle at 0 100%,#8b5cf61a,#0000 40%);flex-direction:column;min-height:100vh;display:flex;overflow-y:auto}.landing-main{flex:1}.hero-section{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;min-height:80vh;margin:0 auto;padding:6rem 2rem 4rem;display:grid}@media (width<=900px){.hero-section{text-align:center;grid-template-columns:1fr;padding-top:4rem}}.hero-content{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}@media (width<=900px){.hero-content{align-items:center}}.hero-badge{color:var(--primary);background:#0ea5e91a;border:1px solid #0ea5e94d;border-radius:2rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.hero-title{color:var(--text-primary);font-family:Inter,sans-serif;font-size:4rem;font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:500px;font-size:1.25rem;line-height:1.6}.hero-actions{gap:1rem;margin-top:1rem;display:flex}.btn-large{padding:1rem 2rem;font-size:1.1rem;text-decoration:none}.hero-visual{position:relative}.glass-mockup{-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 25px 50px #00000080, var(--glow);aspect-ratio:4/3;background:#1e293b80;border-radius:1rem;flex-direction:column;transition:transform .5s;display:flex;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(5deg)}.glass-mockup:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.mockup-header{background:#0000004d;border-bottom:1px solid #ffffff0d;padding:1rem}.mockup-dots{gap:.5rem;display:flex}.mockup-dots span{background:#ef4444;border-radius:50%;width:12px;height:12px}.mockup-dots span:nth-child(2){background:#f59e0b}.mockup-dots span:nth-child(3){background:#10b981}.mockup-body{color:var(--text-secondary);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.mockup-icon{color:var(--primary);filter:drop-shadow(0 0 10px #0ea5e94d);margin-bottom:1rem}.features-section{text-align:center;max-width:1200px;margin:0 auto;padding:4rem 2rem}.section-title{color:var(--text-primary);margin-bottom:3rem;font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{text-align:left;transition:var(--transition);border-radius:1rem;flex-direction:column;gap:1rem;padding:2.5rem 2rem;display:flex}.feature-card:hover{box-shadow:0 15px 30px #0000004d, var(--glow);border-color:#0ea5e94d;transform:translateY(-10px)}.feature-icon{width:60px;height:60px;color:var(--primary);background:#0ea5e91a;border-radius:1rem;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.feature-card h3{color:var(--text-primary);font-size:1.5rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--glass-border);z-index:10;flex-direction:column;flex-shrink:0;height:100%;padding:1.5rem 1rem;display:flex}.sidebar-logo{color:var(--primary);text-shadow:0 0 10px #0ea5e966;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;margin-bottom:1rem;padding:0 1rem 2rem;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;display:flex}.logo-icon{color:var(--secondary);filter:drop-shadow(0 0 5px #8b5cf680)}.nav-menu{flex-direction:column;gap:.25rem;padding-right:.5rem;list-style:none;display:flex;overflow-y:auto}.nav-item{cursor:pointer;color:var(--text-secondary);transition:var(--transition);border-radius:.75rem;align-items:center;gap:1rem;padding:.875rem 1rem;font-weight:500;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0d;transform:translate(4px)}.nav-item.active{color:var(--primary);border-left:3px solid var(--primary);background:linear-gradient(90deg,#0ea5e926,#0000)}.nav-item.active .nav-icon{color:var(--primary);filter:drop-shadow(0 0 5px #0ea5e980)}.nav-icon{transition:var(--transition)}.nav-item:hover .nav-icon{transform:scale(1.1)}.topbar{border-radius:1rem;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.topbar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.breadcrumb{align-items:center;gap:.5rem;font-size:1.1rem;display:flex}.crumb{color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:.25rem;padding:.25rem .5rem}.crumb:hover{color:var(--text-primary);background:#ffffff0d}.crumb.active{color:var(--primary);cursor:default;font-weight:600}.crumb.active:hover{background:0 0}.crumb-separator{color:var(--text-secondary);opacity:.5}.topbar-actions{align-items:center;gap:1.5rem;display:flex}.search-container{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-secondary);position:absolute;left:1rem}.search-input{border:1px solid var(--glass-border);color:var(--text-primary);width:250px;transition:var(--transition);background:#0003;border-radius:2rem;outline:none;padding:.6rem 1rem .6rem 2.5rem}.search-input:focus{border-color:var(--primary);width:300px;box-shadow:0 0 0 2px #0ea5e933}.view-toggles{border:1px solid var(--glass-border);background:#0003;border-radius:.75rem;gap:.5rem;padding:.25rem;display:flex}.view-toggles .btn-icon{border-radius:.5rem}.view-toggles .btn-icon.active{background:var(--primary);color:#fff}.action-buttons{gap:.75rem;display:flex}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a}.file-container{gap:1.5rem;padding-bottom:2rem;display:grid}.file-container.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.file-container.list{grid-template-columns:1fr;gap:.5rem}.file-item{border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition);background:#ffffff08;border-radius:1rem;position:relative;overflow:hidden}.file-item:before{content:"";opacity:0;transition:var(--transition);pointer-events:none;background:radial-gradient(circle,#0ea5e91a,#0000 70%);position:absolute;inset:0}.file-item:hover{box-shadow:0 10px 20px #0003, var(--glow);border-color:#0ea5e966;transform:translateY(-4px)}.file-item:hover:before{opacity:1}.grid .file-item{text-align:center;flex-direction:column;align-items:center;padding:1.5rem;display:flex}.grid .file-icon-wrapper{margin-bottom:1rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.grid .file-item:hover .file-icon-wrapper{transform:scale(1.1)rotate(2deg)}.grid .file-details{width:100%}.grid .file-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.95rem;font-weight:500;overflow:hidden}.grid .file-meta{color:var(--text-secondary);font-size:.8rem}.list .file-item{border-radius:.5rem;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.list .file-item:hover{transform:translate(4px)}.list .file-details{justify-content:space-between;align-items:center;padding-right:2rem;display:flex}.list .file-name{font-size:.95rem;font-weight:500}.list .file-meta{color:var(--text-secondary);gap:1.5rem;font-size:.85rem;display:flex}.btn-action-menu{color:var(--text-secondary);cursor:pointer;opacity:0;transition:var(--transition);background:0 0;border:none;border-radius:50%;padding:.25rem;position:absolute;top:.5rem;right:.5rem}.list .btn-action-menu{opacity:1;position:static}.file-item:hover .btn-action-menu{opacity:1}.btn-action-menu:hover{color:var(--text-primary);background:#ffffff1a}.icon-folder{color:var(--accent);filter:drop-shadow(0 0 8px #10b98166)}.icon-image{color:var(--secondary);filter:drop-shadow(0 0 8px #8b5cf666)}.icon-spreadsheet{color:#10b981;filter:drop-shadow(0 0 8px #10b98166)}.icon-presentation{color:#f43f5e;filter:drop-shadow(0 0 8px #f43f5e66)}.icon-document{color:var(--primary);filter:drop-shadow(0 0 8px #0ea5e966)}.icon-file{color:var(--text-secondary)}.empty-state{height:100%;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.empty-icon{color:var(--glass-border);margin-bottom:1rem}.context-menu{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);min-width:180px;box-shadow:0 10px 25px #00000080, var(--glow);z-index:1000;border-radius:.75rem;position:fixed;overflow:hidden}.menu-header{background:#0003;border-bottom:1px solid #ffffff0d;padding:.75rem 1rem}.menu-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.85rem;font-weight:600;display:block;overflow:hidden}.menu-list{padding:.25rem;list-style:none}.menu-item{color:var(--text-primary);cursor:pointer;transition:var(--transition);border-radius:.5rem;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.9rem;display:flex}.menu-item:hover{background:#ffffff1a}.menu-item.delete{color:var(--danger)}.menu-item.delete:hover{background:#ef44441a}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{width:100%;max-width:500px;box-shadow:0 20px 40px #00000080, var(--glow);border-radius:1rem;margin:1rem;overflow:hidden}.modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{color:var(--primary);margin:0;font-family:Orbitron,sans-serif;font-weight:700}.modal-body{padding:1.5rem}.upload-zone{text-align:center;cursor:pointer;transition:var(--transition);background:#ffffff05;border:2px dashed #fff3;border-radius:1rem;padding:3rem 1rem}.upload-zone p{color:var(--text-secondary);font-size:.95rem}.upload-zone.active,.upload-zone:hover{border-color:var(--primary);background:#0ea5e90d}.upload-icon{color:var(--primary);transition:var(--transition);margin-bottom:1rem}.upload-zone:hover .upload-icon{filter:drop-shadow(0 0 10px #0ea5e980);transform:scale(1.1)translateY(-5px)}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.input-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.text-input{border:1px solid var(--glass-border);color:var(--text-primary);transition:var(--transition);background:#0003;border-radius:.5rem;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.text-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0ea5e933}.modal-footer{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}