@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap");:root{--background:#08080a;--panel:rgba(15,15,20,.85);--glass:hsla(0,0%,100%,.03);--glass-hover:hsla(0,0%,100%,.08);--border:hsla(0,0%,100%,.1);--accent:#00f2ff;--secondary:#7000ff;--text:#fff;--text-dim:#94a3b8;--error:#ff4b4b;--success:#0f8}*{box-sizing:border-box;padding:0;margin:0}body{background:var(--background);color:var(--text);font-family:Outfit,sans-serif;overflow-x:hidden;min-height:100vh}.bg-mesh{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 10% 10%,rgba(112,0,255,.12) 0,transparent 40%),radial-gradient(circle at 90% 90%,rgba(0,242,255,.12) 0,transparent 40%)}.glass{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#111 0,#08080a 100%)}.login-card{width:90%;max-width:400px;padding:3rem;border-radius:24px;text-align:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.input-group{margin-top:2rem;text-align:left}.input-field{width:100%;padding:12px 16px;margin-top:8px;background:rgba(0,0,0,.4);border:1px solid var(--border);border-radius:12px;color:#fff;outline:none;transition:all .3s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,242,255,.1)}.login-btn{width:100%;margin-top:2rem;padding:14px;background:linear-gradient(45deg,var(--secondary),var(--accent));border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3);filter:brightness(1.1)}.dashboard-layout{display:grid;grid-template-columns:280px 1fr;height:100vh}.sidebar{padding:2.5rem 1.5rem;border-right:1px solid var(--border);display:flex;flex-direction:column}.nav-item{padding:10px 14px;margin:2px 0;border-radius:10px;cursor:pointer;color:var(--text-dim);transition:all .2s;display:flex;align-items:center;gap:12px;font-weight:500}.nav-item:hover{background:var(--glass-hover);color:#fff}.nav-item.active{background:rgba(0,242,255,.1);color:var(--accent)}.main-content{padding:3rem;overflow-y:auto}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem}.folder-card,.media-item{border-radius:20px;overflow:hidden;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.folder-card:hover,.media-item:hover{border-color:hsla(0,0%,100%,.2);background:var(--glass-hover)}.media-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent,rgba(0,0,0,.9));opacity:0;transition:opacity .3s;display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem}.media-item:hover .media-overlay{opacity:1}.action-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;padding:10px;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#fff;color:#000;transform:scale(1.1)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.modal-content{width:100%;max-width:1000px;background:#000;border-radius:24px;border:1px solid var(--border);overflow:hidden;position:relative;animation:scaleIn .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-in{animation:slideUp .5s ease-out forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}