:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-hover: #2c2c2c;--text-primary: #ffffff;--text-secondary: #aaaaaa;--accent: #4285f4;--accent-hover: #5c97f7;--border: #333333;--radius: 12px;--shadow: 0 4px 12px rgba(0, 0, 0, .5)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:250px;background-color:var(--bg-secondary);border-right:1px solid var(--border);padding:20px;display:flex;flex-direction:column}.logo{font-size:24px;font-weight:700;margin-bottom:40px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius);cursor:pointer;transition:background .2s;color:var(--text-secondary);font-weight:500}.nav-item:hover,.nav-item.active{background-color:var(--bg-hover);color:var(--text-primary)}.nav-section-title{margin-top:30px;margin-bottom:10px;font-size:12px;text-transform:uppercase;color:var(--text-secondary);padding-left:16px;letter-spacing:.05em}.main-content{flex:1;overflow-y:auto;padding:30px;position:relative}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.search-bar{background:var(--bg-secondary);border:1px solid var(--border);padding:10px 16px;border-radius:20px;width:400px;color:var(--text-primary);font-size:14px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.media-item{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background-color:var(--bg-secondary);cursor:pointer;transition:transform .2s}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.media-item:hover{transform:scale(1.02);z-index:1;box-shadow:var(--shadow)}.media-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:10px;opacity:0;transition:opacity .2s}.media-item:hover .media-overlay{opacity:1}.auth-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--bg-primary)}.auth-card{background:var(--bg-secondary);padding:40px;border-radius:var(--radius);width:400px;box-shadow:var(--shadow);text-align:center}.auth-input{width:100%;padding:12px;margin:10px 0;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);box-sizing:border-box}.btn{width:100%;padding:12px;margin-top:20px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s}.btn:hover{background:var(--accent-hover)}.btn-secondary{background:transparent;border:1px solid var(--border);margin-top:10px}.btn-secondary:hover{background:var(--bg-hover)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--bg-secondary);padding:30px;border-radius:var(--radius);width:500px;max-width:90%;position:relative}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:40px;text-align:center;margin:20px 0;cursor:pointer;transition:border-color .2s}.drop-zone:hover{border-color:var(--accent);background:var(--bg-hover)}.progress-container{width:100%;background-color:var(--bg-primary);border-radius:10px;margin-top:20px;overflow:hidden;height:8px;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));width:0%;transition:width .3s ease;box-shadow:0 0 10px #4285f480}.progress-text{text-align:center;margin-top:10px;font-size:14px;color:var(--text-secondary);font-weight:500}.lightbox{position:fixed;inset:0;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:2000}.lightbox-content{max-width:90%;max-height:90%;object-fit:contain;box-shadow:0 0 50px #00000080}.close-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#fff3}.menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;margin-right:10px}.mobile-logo{display:none;font-weight:700;font-size:18px;margin-right:auto}.sidebar-overlay,.close-sidebar-btn{display:none}.upload-text{display:inline}@media(max-width:768px){.app-container{flex-direction:column;height:100dvh}.header{flex-wrap:wrap;padding:10px 0;gap:10px;margin-bottom:20px}.menu-btn,.mobile-logo{display:block}.search-bar{width:100%;order:3;margin-top:10px}.upload-text{display:none}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1001;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 10px #00000080;border-right:1px solid var(--border)}.sidebar.open{transform:translate(0)}.close-sidebar-btn{display:flex;cursor:pointer}.sidebar-overlay{display:block;position:fixed;inset:0;background:#0009;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content{padding:15px;height:100%;overflow-y:auto}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.auth-card{width:90%;padding:30px 20px;margin:20px}.modal-content{width:90%;margin:20px;padding:20px;height:auto;max-height:90vh;overflow-y:auto}.drop-zone{padding:20px}.search-bar,.auth-input,select,input{font-size:16px!important}}@media(max-width:480px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.header{margin-bottom:15px}.auth-card{padding:20px 15px}}.lightbox-controls{position:absolute;top:20px;right:20px;display:flex;gap:12px;z-index:2001}.lightbox-controls .close-btn{position:static;top:auto;right:auto}.icon-btn{background:#ffffff1a;border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.icon-btn:hover{background:#fff3}.delete-btn:hover{background:#ff6b6b}.folder-delete-btn{margin-left:auto;background:none;border:none;color:#ff6b6b;cursor:pointer;padding:6px;border-radius:4px;display:flex;opacity:0;transition:opacity .2s,background .2s}.nav-item:hover .folder-delete-btn{opacity:1}.folder-delete-btn:hover{background:#ff6b6b1a}.grid-delete-btn{position:absolute;top:8px;right:8px;background:#00000080;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;opacity:0}.media-item:hover .grid-delete-btn{opacity:1}.grid-delete-btn:hover{background:#ff6b6b;transform:scale(1.1)}.lightbox-content-wrapper{flex:1;display:flex;justify-content:center;align-items:center;height:100%;width:100%;overflow:hidden;position:relative}.lightbox-nav-btn{background:#ffffff1a;color:#fff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .2s;z-index:2002;margin:0 20px;flex-shrink:0}.lightbox-nav-btn:hover{background:#fff3;transform:scale(1.1)}@media(max-width:768px){.lightbox-nav-btn{width:40px;height:40px;margin:0 5px}}