.admin-toolbar{z-index:100000;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-bottom:2px solid #e94560;align-items:center;gap:8px;padding:8px 20px;font-family:Inter,-apple-system,sans-serif;transition:transform .3s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%);box-shadow:0 4px 20px #0006}.admin-toolbar.active{transform:translateY(0)}body.admin-active{padding-top:52px!important}body.admin-active .navbar{top:52px!important}.admin-toolbar .admin-logo{color:#e94560;white-space:nowrap;letter-spacing:.5px;margin-right:12px;font-size:.85rem;font-weight:700}.admin-toolbar .admin-logo span{color:#fff}.admin-toolbar .admin-divider{background:#ffffff26;width:1px;height:28px;margin:0 6px}.admin-btn{color:#ccc;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:500;transition:all .2s;display:inline-flex}.admin-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff4d}.admin-btn.active{color:#e94560;background:#e9456033;border-color:#e94560}.admin-btn.btn-save{color:#fff;background:linear-gradient(135deg,#e94560,#c23152);border-color:#e94560;font-weight:600}.admin-btn.btn-save:hover{background:linear-gradient(135deg,#f05a73,#d63b5e);box-shadow:0 2px 10px #e9456066}.admin-btn.btn-save:disabled{opacity:.5;cursor:not-allowed}.admin-btn .icon{font-size:1rem}.admin-spacer{flex:1}.admin-page-select{color:#ccc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:5px 10px;font-size:.78rem}.admin-page-select:hover{border-color:#ffffff4d}.admin-page-select option{color:#fff;background:#1a1a2e}.admin-status{color:#4ade80;align-items:center;gap:4px;font-size:.72rem;display:flex}.admin-status .dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}.admin-status.unsaved .dot{background:#fbbf24}.admin-status.unsaved{color:#fbbf24}.admin-status.saving .dot{background:#60a5fa;animation:.5s infinite pulse-dot}.admin-status.saving{color:#60a5fa}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}body.admin-active [data-editable]:hover{outline-offset:4px;cursor:text;outline:2px dashed #e9456080!important}body.admin-active [data-editable]:focus{outline-offset:4px;background:#e9456008;outline:2px solid #e94560!important}body.admin-active [data-editable][contenteditable=true]{min-height:1em}body.admin-active .admin-img-wrapper{cursor:pointer;position:relative}body.admin-active .admin-img-wrapper:hover:after{content:"📷 Click to replace";color:#fff;pointer-events:none;z-index:10;white-space:nowrap;background:#000000bf;border-radius:8px;padding:10px 18px;font-size:.85rem;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.admin-active .admin-img-wrapper:hover img{opacity:.6;transition:opacity .2s}.admin-section-controls{z-index:1000;gap:4px;display:none;position:absolute;top:10px;right:10px}body.admin-active section{position:relative}body.admin-active section:hover>.admin-section-controls{display:flex}body.admin-active section:hover{outline-offset:-1px;outline:1px dashed #e9456033}.admin-section-btn{color:#ccc;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ee6;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;transition:all .2s;display:flex}.admin-section-btn:hover{color:#fff;background:#e94560;border-color:#e94560}.admin-media-overlay{z-index:200000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-media-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:500px;padding:32px;box-shadow:0 20px 60px #00000080}.admin-media-modal h3{color:#fff;margin-bottom:20px;font-size:1.2rem}.admin-upload-zone{text-align:center;color:#888;cursor:pointer;border:2px dashed #e9456066;border-radius:12px;margin-bottom:16px;padding:40px 20px;font-size:.9rem;transition:all .3s}.admin-upload-zone:hover,.admin-upload-zone.dragover{color:#ccc;background:#e945600d;border-color:#e94560}.admin-upload-zone .icon{margin-bottom:10px;font-size:2.5rem;display:block}.admin-modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.admin-modal-btn{color:#ccc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;padding:8px 20px;font-size:.85rem;transition:all .2s}.admin-modal-btn:hover{color:#fff;background:#ffffff1f}.admin-modal-btn.primary{color:#fff;background:#e94560;border-color:#e94560}.admin-url-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;outline:none;width:100%;margin-top:12px;padding:10px 14px;font-size:.85rem}.admin-url-input:focus{border-color:#e94560}.admin-url-input::placeholder{color:#666}.admin-login-overlay{z-index:300000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-login-box{text-align:center;background:#1a1a2e;border:1px solid #e945604d;border-radius:16px;width:90%;max-width:380px;padding:40px;box-shadow:0 20px 60px #00000080}.admin-login-box h2{color:#fff;margin-bottom:8px;font-size:1.4rem}.admin-login-box p{color:#888;margin-bottom:24px;font-size:.85rem}.admin-login-box input{color:#fff;text-align:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;outline:none;width:100%;margin-bottom:16px;padding:12px 16px;font-size:.95rem}.admin-login-box input:focus{border-color:#e94560}.admin-login-box .login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e94560,#c23152);border:none;border-radius:10px;width:100%;padding:12px;font-size:.95rem;font-weight:600;transition:all .2s}.admin-login-box .login-btn:hover{box-shadow:0 4px 15px #e9456066}.admin-login-error{color:#e94560;margin-top:10px;font-size:.8rem;display:none}.admin-toast{color:#fff;z-index:300000;border-radius:10px;padding:12px 20px;font-size:.85rem;font-weight:500;transition:transform .3s;position:fixed;bottom:24px;right:24px;transform:translate(120%);box-shadow:0 4px 20px #0000004d}.admin-toast.show{transform:translate(0)}.admin-toast.success{background:linear-gradient(135deg,#059669,#047857)}.admin-toast.error{background:linear-gradient(135deg,#dc2626,#b91c1c)}.admin-toast.info{background:linear-gradient(135deg,#2563eb,#1d4ed8)}body.admin-active section.admin-hidden{opacity:.3;position:relative}body.admin-active section.admin-hidden:before{content:"👁️‍🗨️ Hidden Section";color:#fbbf24;z-index:100;background:#000000b3;border-radius:8px;padding:8px 16px;font-size:.85rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.admin-toolbar{flex-wrap:wrap;gap:4px;padding:6px 12px}.admin-btn{padding:5px 8px;font-size:.7rem}.admin-btn .label{display:none}body.admin-active{padding-top:80px!important}body.admin-active .navbar{top:80px!important}}.admin-r2-panel{z-index:150000;background:#12121e;border-left:1px solid #ffffff14;flex-direction:column;width:420px;max-width:100vw;font-family:Inter,-apple-system,sans-serif;transition:transform .3s;display:flex;position:fixed;top:52px;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #00000080}.admin-r2-panel.active{transform:translate(0)}.r2-panel-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.r2-panel-header h3{color:#fff;margin:0;font-size:1rem;font-weight:600}.r2-close-btn{color:#888;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:all .2s;display:flex}.r2-close-btn:hover{color:#fff;background:#e94560;border-color:#e94560}.r2-tabs{border-bottom:1px solid #ffffff14;padding:0 12px;display:flex}.r2-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 8px;font-size:.78rem;font-weight:500;transition:all .2s}.r2-tab:hover{color:#ccc}.r2-tab.active{color:#e94560;border-bottom-color:#e94560}.r2-tab-content{flex:1;padding:16px;display:none;overflow-y:auto}.r2-tab-content.active{flex-direction:column;gap:12px;display:flex}.r2-filter-row{flex-wrap:wrap;gap:6px;display:flex}.r2-filter{color:#888;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;padding:5px 12px;font-size:.72rem;transition:all .2s}.r2-filter:hover{color:#ccc;border-color:#ffffff40}.r2-filter.active{color:#e94560;background:#e9456026;border-color:#e94560}.r2-file-list{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.r2-file-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.r2-file-item:hover{background:#ffffff0f;border-color:#ffffff1f}.r2-file-icon{text-align:center;min-width:24px;font-size:1.2rem}.r2-file-info{flex:1;min-width:0}.r2-file-name{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.r2-file-meta{color:#666;margin-top:2px;font-size:.68rem}.r2-file-actions{gap:4px;display:flex}.r2-action-btn{color:#888;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:all .2s;display:flex}.r2-action-btn:hover{color:#fff;background:#e9456033;border-color:#e94560}.r2-loading,.r2-empty{text-align:center;color:#666;padding:40px 20px;font-size:.85rem}.r2-upload-zone{text-align:center;cursor:pointer;border:2px dashed #e945604d;border-radius:12px;padding:32px 20px;transition:all .3s}.r2-upload-zone:hover,.r2-upload-zone.drag-over{background:#e945600d;border-color:#e94560}.r2-upload-icon{margin-bottom:8px;font-size:2rem}.r2-upload-zone p{color:#888;margin:4px 0;font-size:.85rem}.r2-upload-hint{color:#555!important;font-size:.72rem!important}.r2-browse-btn{color:#e94560;cursor:pointer;background:#e945601a;border:1px solid #e94560;border-radius:8px;margin-top:12px;padding:8px 20px;font-size:.8rem;font-weight:600;transition:all .2s}.r2-browse-btn:hover{color:#fff;background:#e94560}.r2-folder-select{color:#ccc;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.8rem}.r2-folder-select option{color:#fff;background:#1a1a2e}.r2-queue-item{background:#ffffff08;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:.78rem;display:flex}.r2-queue-item.uploaded{background:#0478571a;border:1px solid #0478574d}.r2-queue-icon{text-align:center;min-width:20px;font-size:1rem}.r2-queue-name{color:#ccc;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.r2-queue-size{color:#666;text-align:right;min-width:50px;font-size:.7rem}.r2-queue-status{color:#888;text-align:right;min-width:60px;font-size:.72rem}.r2-queue-progress{background:#ffffff14;border-radius:2px;width:60px;height:4px;overflow:hidden}.r2-queue-fill{background:linear-gradient(90deg,#e94560,#f05a73);border-radius:2px;width:0%;height:100%;transition:width .2s}.r2-upload-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e94560,#c23152);border:none;border-radius:8px;width:100%;padding:12px;font-size:.9rem;font-weight:600;transition:all .2s}.r2-upload-btn:hover{box-shadow:0 4px 15px #e9456066}.r2-upload-btn:disabled{opacity:.6;cursor:not-allowed}.r2-config-group{flex-direction:column;gap:6px;display:flex}.r2-config-group label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.r2-config-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:10px 14px;font-size:.85rem}.r2-config-group input:focus{border-color:#e94560}.r2-save-config-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:8px;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s}.r2-save-config-btn:hover{box-shadow:0 4px 15px #05966966}.r2-config-hint{color:#555;font-size:.72rem;line-height:1.5}@media (width<=480px){.admin-r2-panel{width:100%}}