:root{--bg-base:#06070b;--bg-surface:#0f121cb3;--bg-surface-solid:#0f121c;--bg-surface-elevated:#1a2030d9;--border-color:#ffffff12;--border-hover:#ffffff24;--border-accent:#10b9814d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#10b981;--accent-secondary:#6366f1;--accent-gradient:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--accent-shadow:#10b98140;--danger:#ef4444;--warning:#f59e0b;--success:#10b981;--font-title:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 12px 32px #0006;--shadow-lg:0 24px 64px #0009;--glass-blur:blur(16px);font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}body{background-image:radial-gradient(at 10% 20%,#6366f112 0,#0000 50%),radial-gradient(at 90% 80%,#10b9810f 0,#0000 50%);background-attachment:fixed;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.app-container{box-sizing:border-box;max-width:1400px;min-height:100vh;margin:0 auto;padding:24px 16px}.app-header{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:32px;padding:16px 24px;display:flex}.brand{font-family:var(--font-title);letter-spacing:-.5px;background:var(--accent-gradient);-webkit-text-fill-color:transparent;color:#0000;cursor:pointer;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.brand-icon{width:28px;height:28px;stroke:var(--accent-primary)}.nav-links{gap:12px;display:flex}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-sm);font-size:14px;font-weight:500;font-family:var(--font-body);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px var(--accent-shadow)}.btn-primary:hover{box-shadow:0 6px 20px var(--accent-shadow);opacity:.95;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff1a}.btn-danger{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:var(--danger);color:#fff;border-color:#0000}.btn-icon-only{border-radius:var(--radius-sm);width:40px;height:40px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:14px;font-weight:500}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-body);box-sizing:border-box;background:#0000004d;padding:12px 16px;font-size:15px;transition:all .2s}.form-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #10b98126}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.album-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:24px;display:grid}@media (width<=640px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}}.album-card{border-radius:var(--radius-md);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:180px;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.album-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.album-card:before{content:"";background:var(--accent-gradient);opacity:0;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}.album-card:hover:before{opacity:1}.album-card-header{justify-content:space-between;align-items:flex-start;display:flex}.album-title{font-family:var(--font-title);text-align:left;margin:0 0 8px;font-size:20px;font-weight:600}.album-lock-icon{width:16px;height:16px;fill:var(--text-muted)}.album-card-footer{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:auto;font-size:13px;display:flex}.photo-card{border-radius:var(--radius-md);aspect-ratio:1;background:var(--bg-surface-solid);border:1px solid var(--border-color);cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.photo-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.photo-card:hover img{transform:scale(1.05)}.photo-overlay{opacity:0;background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:12px;transition:opacity .3s;display:flex;position:absolute;inset:0}.photo-card:hover .photo-overlay{opacity:1}.photo-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:12px;overflow:hidden}.photo-actions{gap:8px;margin-top:8px;display:flex}.admin-layout{grid-template-columns:320px 1fr;gap:32px;display:grid}@media (width<=1024px){.admin-layout{grid-template-columns:1fr;gap:24px}}.admin-sidebar{border-radius:var(--radius-md);flex-direction:column;gap:20px;padding:24px;display:flex}.admin-content{flex-direction:column;gap:24px;display:flex}.face-filter-panel{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;display:flex}.face-scroll-container{gap:16px;padding:4px 4px 12px;display:flex;overflow-x:auto}.face-circle{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.face-circle img{border-radius:var(--radius-full);object-fit:cover;border:2px solid #0000;width:64px;height:64px;transition:all .2s}.face-circle:hover img{border-color:var(--border-hover);transform:scale(1.05)}.face-circle.active img{border-color:var(--accent-primary);box-shadow:0 0 10px #10b98166}.face-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:72px;font-size:11px;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#030407f2;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{flex-direction:column;align-items:center;max-width:90%;max-height:90vh;display:flex;position:relative}.modal-image{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:75vh;box-shadow:var(--shadow-lg)}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:32px;position:absolute;top:-48px;right:0}.modal-caption{color:var(--text-primary);align-items:center;gap:16px;margin-top:16px;font-size:15px;display:flex}.search-container{width:100%;max-width:500px;margin-bottom:24px;position:relative}.search-input{border-radius:var(--radius-full);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-body);box-sizing:border-box;background:#ffffff0a;padding:14px 20px 14px 48px;font-size:15px;transition:all .25s}.search-input:focus{border-color:var(--accent-primary);background:#ffffff14;outline:none;box-shadow:0 0 16px #10b98133}.search-icon{width:18px;height:18px;stroke:var(--text-secondary);position:absolute;top:50%;left:18px;transform:translateY(-50%)}.password-box{border-radius:var(--radius-lg);text-align:center;width:100%;max-width:400px;margin:100px auto;padding:32px}.password-box h2{font-family:var(--font-title);margin-bottom:8px;font-size:24px}.log-console{border-radius:var(--radius-sm);color:#34d399;text-align:left;background:#0009;border:1px solid #ffffff0d;max-height:200px;margin-top:16px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;overflow-y:auto}.log-entry{margin-bottom:4px}.progress-bar-container{border-radius:var(--radius-full);background:#ffffff1a;width:100%;height:6px;margin-top:12px;overflow:hidden}.progress-bar-fill{background:var(--accent-gradient);height:100%;transition:width .3s}.alert{border-radius:var(--radius-sm);text-align:left;border:1px solid #0000;margin-bottom:16px;padding:12px 16px;font-size:14px}.alert-error{color:#f87171;background:#ef44441a;border-color:#ef444433}.alert-success{color:#34d399;background:#10b9811a;border-color:#10b98133}.admin-tabs{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#00000040;gap:4px;margin-bottom:16px;padding:4px;display:flex}.tab-btn{color:var(--text-secondary);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 4px;font-size:13px;font-weight:500;transition:all .2s}.tab-btn:hover{color:var(--text-primary);background:#ffffff08}.tab-btn.active{color:#fff;box-shadow:var(--shadow-sm);background:#ffffff14}.upload-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-sm);text-align:center;cursor:pointer;background:#00000026;padding:24px;transition:all .2s}.upload-dropzone:hover{border-color:var(--accent-primary);background:#10b98105}.upload-dropzone-icon{width:32px;height:32px;stroke:var(--text-muted);margin-bottom:8px}.upload-dropzone:hover .upload-dropzone-icon{stroke:var(--accent-primary)}