:root{--bg-deep:#0a0a1a;--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-card:#1a1a3e;--bg-hover:#1f2f50;--accent:#e94560;--accent-dim:#c23152;--gold:#f0c040;--text-primary:#e8e8f0;--text-secondary:#a0a0c0;--text-muted:#606080;--border-color:#2a2a4a;--success:#4ecca3;--danger:#e94560;--warning:#f0c040;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow:0 0 20px #e9456026;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:.25s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"SF Mono", "Consolas", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}button{cursor:pointer;font-family:var(--font-sans);transition:var(--transition);border:none;font-size:.9rem}input,textarea,select{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition);outline:none;width:100%;padding:10px 14px;font-size:.9rem}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e945601a}input::-moz-placeholder{color:var(--text-muted)}textarea::-moz-placeholder{color:var(--text-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.app{min-height:100vh}.lock-screen{background:linear-gradient(135deg, var(--bg-deep) 0%, var(--bg-secondary) 50%, var(--bg-primary) 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.lock-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:400px;box-shadow:var(--shadow-lg), var(--shadow-glow);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem 2rem}.lock-icon{border-radius:var(--radius-full);background:#e945601a;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.lock-icon svg{width:32px;height:32px;color:var(--accent)}.lock-card h1{letter-spacing:-.5px;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.lock-card .subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem}.lock-card .input-group{margin-bottom:1rem}.lock-card .input-group label{text-align:left;color:var(--text-secondary);margin-bottom:.35rem;font-size:.8rem;display:block}.lock-card input{font-family:var(--font-mono);text-align:center;letter-spacing:.2em;font-size:1.1rem}.lock-card .error-text{color:var(--danger);min-height:1.2em;margin-top:.5rem;font-size:.8rem}.lock-card .switch-mode{color:var(--text-muted);margin-top:1.25rem;font-size:.82rem}.lock-card .switch-mode a{color:var(--accent);cursor:pointer;margin-left:.25rem;text-decoration:none}.lock-card .switch-mode a:hover{text-decoration:underline}.register-tip{border-radius:var(--radius-sm);text-align:left;background:#f0c04014;border:1px solid #f0c04033;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.75rem .85rem;display:flex}.register-tip svg{color:var(--gold);flex-shrink:0;margin-top:1px}.register-tip span{color:var(--gold);font-size:.78rem;line-height:1.5}.saved-accounts{margin-bottom:1.25rem}.saved-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;margin-bottom:.5rem;font-size:.72rem}.saved-list{flex-wrap:wrap;gap:.4rem;display:flex}.saved-account-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);cursor:pointer;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.82rem;transition:all .2s;display:inline-flex}.saved-account-btn:hover{border-color:var(--accent);background:#6366f114}.saved-account-btn svg{color:var(--text-muted);flex-shrink:0}.saved-account-btn .remove-account-icon{opacity:0;color:var(--danger);cursor:pointer;transition:opacity .15s}.saved-account-btn:hover .remove-account-icon{opacity:.6}.saved-account-btn .remove-account-icon:hover{opacity:1}.saved-accounts-settings{flex-direction:column;gap:.35rem;display:flex}.saved-account-row{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.5rem .6rem;display:flex}.saved-account-row svg{color:var(--text-muted);flex-shrink:0}.saved-account-name{font-size:.85rem;font-family:var(--font-mono);color:var(--text-primary);flex:1}.btn-icon-sm{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-icon-sm:hover{color:var(--danger);background:#ef44441a}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);width:100%;padding:10px 24px;font-weight:600}.btn-primary:hover{background:var(--accent-dim);box-shadow:var(--shadow-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px 16px}.btn-secondary:hover{background:var(--border-color)}.btn-danger{color:var(--danger);border-radius:var(--radius-sm);border:1px solid var(--danger);background:0 0;padding:8px 16px}.btn-danger:hover{background:#e945601a}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-icon{border-radius:var(--radius-full);background:var(--bg-hover);width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.btn-icon:hover{color:var(--text-primary);background:var(--border-color)}.btn-gold{background:var(--gold);color:var(--bg-deep);border-radius:var(--radius-sm);padding:10px 24px;font-weight:600}.btn-gold:hover{opacity:.9}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 1rem;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;height:52px;margin:0 auto;display:flex}.header-logo{color:var(--text-primary);cursor:pointer;flex-shrink:0;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:600;display:flex}.header-logo svg{width:22px;height:22px;color:var(--accent)}.header-nav{align-items:center;gap:.35rem;display:flex}.header-nav button{color:var(--text-secondary);border-radius:var(--radius-sm);white-space:nowrap;background:0 0;padding:6px 10px;font-size:.8rem}.header-nav button:hover{color:var(--text-primary);background:var(--bg-hover)}.header-nav .btn-header-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:6px 14px;font-size:.8rem}.user-badge{color:var(--gold);border:1px solid var(--gold);border-radius:var(--radius-xl);text-overflow:ellipsis;white-space:nowrap;max-width:120px;margin-right:.25rem;padding:2px 8px;font-size:.75rem;overflow:hidden}.mobile-user-badge{color:var(--gold);border-bottom:1px solid var(--border-color);margin-bottom:4px;padding:8px 16px;font-size:.85rem}.hamburger{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;gap:4px;padding:8px;display:none}.hamburger span{background:var(--text-primary);border-radius:2px;width:22px;height:2px;transition:all .2s;display:block}.desktop-nav{display:flex}.mobile-nav{background:var(--bg-secondary);border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);z-index:105;border-radius:0 0 0 12px;flex-direction:column;gap:2px;width:240px;max-height:calc(100vh - 52px);padding:8px;transition:transform .25s;display:none;position:fixed;top:52px;right:0;overflow-y:auto;transform:translate(100%)}.mobile-nav.open{transform:translate(0)}.mobile-nav button{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;display:flex}.mobile-nav button:hover{color:var(--text-primary);background:var(--bg-hover)}.mobile-nav .btn-header-primary{background:var(--accent);color:#fff;justify-content:center;margin-top:8px}.mobile-overlay{z-index:104;background:#0006;display:none;position:fixed;inset:0}@media (width<=768px){.header{padding:0 .75rem}.header-inner{height:48px}.header-logo{font-size:.95rem}.header-logo svg{width:20px;height:20px}.hamburger{display:flex}.desktop-nav{display:none}.mobile-nav{display:flex}.mobile-overlay{display:block}}.main-content{max-width:1100px;margin:0 auto;padding:1.5rem}.album-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.album-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);overflow:hidden}.album-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-3px)}.album-cover{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;background:var(--bg-primary);width:100%}.album-cover-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg, var(--bg-primary), var(--bg-secondary));opacity:.3;justify-content:center;align-items:center;width:100%;font-size:3rem;display:flex}.album-body{padding:1rem}.album-body h3{margin-bottom:.25rem;font-size:1rem;font-weight:600}.album-body .desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.8rem;display:-webkit-box;overflow:hidden}.album-body .meta{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.album-detail-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.album-detail-header h2{flex:1;font-size:1.3rem;font-weight:600}.photo-thumbs{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.photo-thumb{border-radius:var(--radius-sm);cursor:pointer;aspect-ratio:1;transition:var(--transition);border:2px solid #0000;position:relative;overflow:hidden}.photo-thumb:hover{border-color:var(--accent)}.photo-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.photo-thumb .thumb-overlay{opacity:0;transition:var(--transition);position:absolute;top:.25rem;right:.25rem}.photo-thumb:hover .thumb-overlay{opacity:1}.photo-waterfall{align-items:flex-start;gap:.75rem;display:flex}.photo-waterfall-col{flex-direction:column;flex:1;gap:.75rem;min-width:0;display:flex}.photo-waterfall-item{-moz-column-break-inside:avoid;break-inside:avoid;width:100%}.photo-waterfall-img{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:2px solid #0000;position:relative;overflow:hidden}.photo-waterfall-img:hover{border-color:var(--accent)}.photo-waterfall-ratio{width:100%;position:relative;overflow:hidden}.photo-waterfall-ratio img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.photo-waterfall-img .thumb-overlay{opacity:0;transition:var(--transition);position:absolute;top:.25rem;right:.25rem}.photo-waterfall-img:hover .thumb-overlay{opacity:1}.photo-waterfall-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding:.35rem .25rem 0;font-size:.75rem;overflow:hidden}.thumb-delete{border-radius:var(--radius-full);width:28px;height:28px;color:var(--danger);background:#000000b3;justify-content:center;align-items:center;font-size:.7rem;display:flex}.viewer-overlay{z-index:200;background:#000000f2;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-bar{z-index:1;background:#00000080;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.viewer-body{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.viewer-body img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.viewer-nav{border-radius:var(--radius-full);color:#fff;background:#ffffff1a;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav:hover{background:#fff3}.viewer-prev{left:1rem}.viewer-next{right:1rem}.viewer-counter{color:#ffffff80;font-size:.8rem;font-family:var(--font-mono);position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.viewer-desc{color:var(--text-secondary);text-align:center;background:#00000080;padding:.75rem 1.25rem;font-size:.85rem}.viewer-actions{align-items:center;gap:.5rem;display:flex}.viewer-action-btn{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);background:#ffffff14;border:1px solid #0000;align-items:center;gap:.3rem;padding:4px 10px;font-size:.8rem;display:flex}.viewer-action-btn:hover{color:var(--text-primary);background:#ffffff26}.viewer-action-btn.liked{color:var(--accent);background:#e945601a;border-color:#e945604d}.viewer-action-btn.liked:hover{background:#e9456033}.viewer-action-btn.active{color:var(--gold);background:#f0c0401a;border-color:#f0c0404d}.viewer-action-count{font-size:.75rem;font-weight:500}.viewer-bottom{background:#00000080;flex-shrink:0}.viewer-comments{border-top:1px solid #ffffff14;flex-direction:column;max-height:260px;padding:.75rem 1.25rem;display:flex}.viewer-comments-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;font-weight:500;display:flex}.viewer-comments-list{flex-direction:column;flex:1;gap:.4rem;margin-bottom:.5rem;display:flex;overflow-y:auto}.viewer-comments-empty{color:var(--text-muted);text-align:center;padding:.75rem 0;font-size:.78rem}.viewer-comment-item{border-bottom:1px solid #ffffff0a;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;padding:.35rem 0;display:flex}.viewer-comment-user{color:var(--gold);flex-shrink:0;font-size:.75rem;font-weight:600}.viewer-comment-text{color:var(--text-primary);word-break:break-word;flex:1;font-size:.82rem}.viewer-comment-time{color:var(--text-muted);flex-shrink:0;font-size:.65rem}.viewer-comment-input{align-items:center;gap:.5rem;display:flex}.viewer-comment-input input{border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0f;outline:none;flex:1;padding:6px 10px;font-size:.8rem}.viewer-comment-input input:focus{border-color:var(--accent)}.viewer-comment-input input::placeholder{color:var(--text-muted);font-size:.78rem}.photo-interaction-badges{opacity:0;transition:var(--transition);gap:.3rem;display:flex;position:absolute;bottom:.3rem;left:.3rem}.photo-waterfall-img:hover .photo-interaction-badges{opacity:1}.photo-badge-like,.photo-badge-comment{color:var(--text-secondary);background:#000000b3;border-radius:10px;padding:2px 6px;font-size:.68rem;line-height:1.3}.photo-badge-like{color:var(--accent)}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:1.75rem;animation:.3s modalIn}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal h3{text-align:center;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.modal .form-group{margin-bottom:1rem}.modal .form-group label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.8rem;display:block}.modal .form-actions{gap:.75rem;margin-top:1.5rem;display:flex}.modal .form-actions button{flex:1}.share-panel{max-width:800px;margin:0 auto}.share-item{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:.75rem;padding:1rem}.share-item .share-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.share-item .share-album{font-size:.9rem;font-weight:600}.share-item .share-status{border-radius:var(--radius-xl);padding:2px 10px;font-size:.7rem}.share-item .share-status.active{color:var(--success);background:#4ecca326}.share-item .share-status.expired{color:var(--danger);background:#e9456026}.share-item .share-info{color:var(--text-muted);flex-wrap:wrap;gap:1.5rem;font-size:.75rem;display:flex}.share-item .share-link{font-family:var(--font-mono);color:var(--gold);background:var(--bg-primary);border-radius:var(--radius-sm);word-break:break-all;margin-top:.5rem;padding:4px 8px;font-size:.7rem;display:block}.qrcode-container{border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;margin:.5rem 0;padding:1rem;display:flex}.qrcode-canvas{max-width:100%;height:auto;display:block}.share-view{background:linear-gradient(135deg, var(--bg-deep), var(--bg-secondary));justify-content:center;align-items:flex-start;min-height:100dvh;padding:1rem;display:flex}.share-view-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;width:100%;max-width:420px;margin-top:2rem;padding:2rem}.share-view-card-wide{text-align:left;max-width:800px}.share-view-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.share-view-title-area{flex:1;min-width:0}.share-view-title-area h2{word-break:break-word;margin-bottom:.35rem;font-size:1.3rem;font-weight:600}.share-view-title-area p{font-size:.85rem;line-height:1.5}.share-view-close{flex-shrink:0}.share-view-card .error{color:var(--danger);margin:1rem 0}.share-view-photos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;margin-top:1rem;display:grid}.share-view-photos img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:var(--transition)}.share-view-photos img:hover{transform:scale(1.03);box-shadow:0 4px 12px #0000004d}.share-create-own{border-top:1px solid var(--border-color);text-align:center;margin-top:2rem;padding-top:1.25rem}.share-create-own .btn-gold{width:auto;font-size:.9rem}.create-prompt-box{background:var(--bg-primary);border-radius:var(--radius-md);text-align:center;padding:1.25rem}.create-prompt-box p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem}.field-hint{color:var(--text-muted);margin-top:.3rem;font-size:.7rem;display:block}@media (width<=768px){.share-view{align-items:flex-start;padding:.75rem}.share-view-card{border-radius:var(--radius-md);max-width:100%;margin-top:.5rem;padding:1.25rem}.share-view-card-wide{max-width:100%}.share-view-header{flex-direction:column;gap:.75rem;margin-bottom:1rem}.share-view-close{align-self:flex-end}.share-view-title-area h2{font-size:1.15rem}.share-view-photos{grid-template-columns:repeat(2,1fr);gap:.4rem}}@media (width<=480px){.share-view{padding:.5rem}.share-view-card{border-radius:var(--radius-sm);margin-top:.25rem;padding:1rem}.share-view-title-area h2{font-size:1.05rem}.share-view-title-area p{font-size:.78rem}.share-view-photos{grid-template-columns:repeat(2,1fr);gap:.35rem}.share-view-photos img{border-radius:6px}}@media (width<=768px){.viewer-bar{padding:.5rem .75rem}.viewer-nav{width:36px;height:36px;font-size:1rem}.viewer-prev{left:.5rem}.viewer-next{right:.5rem}}.settings-page{max-width:600px;margin:0 auto}.settings-section{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:1rem;padding:1.25rem}.settings-section h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.9rem}.toast{background:var(--accent);color:#fff;border-radius:var(--radius-xl);z-index:500;padding:.6rem 1.5rem;font-size:.85rem;font-weight:500;animation:.3s toastIn;position:fixed;top:1rem;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.admin-panel{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:960px;max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.3s modalIn;display:flex;overflow:hidden}.admin-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.admin-header-left{align-items:center;gap:.65rem;display:flex}.admin-header-left svg{color:var(--gold)}.admin-header-left h2{font-size:1.1rem;font-weight:600}.admin-header-actions{align-items:center;gap:.5rem;display:flex}.admin-header-actions .btn-secondary{width:auto;padding:6px 14px;font-size:.78rem}.admin-stats{border-bottom:1px solid var(--border-color);flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1rem 1.5rem;display:grid}.admin-stat-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);text-align:center;padding:1rem}.admin-stat-icon{justify-content:center;margin-bottom:.5rem;display:flex}.admin-stat-num{font-size:1.4rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.admin-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem;font-size:.72rem}.admin-tabs{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:0;padding:0 1.5rem;display:flex}.admin-tab{color:var(--text-muted);cursor:pointer;transition:var(--transition);font-size:.8rem;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.35rem;padding:.65rem 1rem;display:flex}.admin-tab:hover{color:var(--text-secondary)}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-search{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:.35rem;margin-left:auto;padding:0 .5rem;display:flex}.admin-search svg{color:var(--text-muted);flex-shrink:0}.admin-search input{width:140px;color:var(--text-primary);background:0 0;border:none;outline:none;padding:5px 4px;font-size:.78rem}.admin-search input::placeholder{color:var(--text-muted)}.admin-error{border-radius:var(--radius-sm);color:var(--danger);background:#e945601a;border:1px solid #e9456040;flex-shrink:0;align-items:center;gap:.5rem;margin:1rem 1.5rem;padding:.65rem 1rem;font-size:.8rem;display:flex}.admin-loading{text-align:center;color:var(--text-muted);flex:1;padding:2rem;font-size:.85rem}.admin-table-wrap{flex:1;padding:.75rem 1.5rem;overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.78rem}.admin-table thead{z-index:1;position:sticky;top:0}.admin-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.55rem .65rem;font-size:.7rem;font-weight:500}.admin-table td{color:var(--text-secondary);white-space:nowrap;border-bottom:1px solid #2a2a4a80;padding:.5rem .65rem}.admin-table tbody tr:hover{background:#ffffff05}.admin-table .admin-index{color:var(--text-muted);width:40px;font-size:.72rem}.admin-table .admin-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.85rem}.admin-table .font-mono{font-family:var(--font-mono);font-size:.72rem}.admin-row-expired{opacity:.5}.admin-role-badge{letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:.68rem;font-weight:500;display:inline-block}.admin-role-admin{color:var(--gold);background:#f0c04026;border:1px solid #f0c0404d}.admin-role-user{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff14}.btn-xs{cursor:pointer;transition:var(--transition);font-size:.68rem;font-family:var(--font-sans);border:none;border-radius:6px;padding:3px 10px}.admin-footer{border-top:1px solid var(--border-color);color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:.65rem 1.5rem;font-size:.72rem;display:flex}@media (width<=768px){.admin-panel{border-radius:var(--radius-md);max-width:100%;max-height:90vh}.admin-header{padding:1rem}.admin-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem 1rem}.admin-stat-card{padding:.75rem}.admin-stat-num{font-size:1.2rem}.admin-tabs{padding:0 .5rem;overflow-x:auto}.admin-tab{white-space:nowrap;padding:.55rem .65rem;font-size:.75rem}.admin-search{display:none}.admin-table-wrap{padding:.5rem}.admin-table{font-size:.7rem}.admin-table th,.admin-table td{padding:.4rem}.admin-footer{flex-direction:column;gap:.25rem;padding:.5rem 1rem;font-size:.68rem}}.no-screenshot-overlay{z-index:400;text-align:center;background:#000000d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.no-screenshot-overlay .warning-text{color:var(--danger);font-size:1.2rem;font-weight:600}.upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);margin-bottom:1rem;padding:2rem 1rem}.upload-area:hover{border-color:var(--accent);background:#e9456008}.upload-area p{color:var(--text-muted)}.upload-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;display:grid}.upload-preview img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);width:100%}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state svg{opacity:.2;width:48px;height:48px;margin-bottom:.75rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.gap-1{gap:.5rem}.gap-2{gap:1rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.font-mono{font-family:var(--font-mono)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-sm{font-size:.8rem}.text-xs{font-size:.7rem}