.htb-admin-container{position:relative;min-height:100vh;padding:2rem;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.htb-admin-grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,180,255,.03) 1px,transparent 1px),linear-gradient(rgba(0,180,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.htb-admin-header{position:relative;z-index:1;margin-bottom:2rem}.htb-admin-title{font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase;background:linear-gradient(135deg,var(--primary) 0%,#00ff88 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.htb-admin-subtitle{font-size:1rem;color:var(--text-muted);font-weight:400}.htb-text-primary{color:var(--primary)}.htb-text-info{color:var(--success)}.htb-alert{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;border-radius:8px;font-weight:500;z-index:1000;box-shadow:0 8px 32px var(--shadow)}.htb-admin-tabs{position:relative;z-index:1;display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.htb-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s ease}.htb-tab:hover{border-color:var(--primary);background:var(--bg-tertiary)}.htb-tab.active{background:linear-gradient(135deg,#00b4ff26,#00b4ff0d);border-color:var(--primary);color:var(--primary);box-shadow:0 0 20px #00b4ff33}.htb-tab-count{padding:.25rem .625rem;background:#ffffff1a;border-radius:12px;font-size:.75rem;font-weight:600}.htb-tab.active .htb-tab-count{background:var(--primary);color:var(--bg-primary)}.htb-admin-nav{position:relative;z-index:1;display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.htb-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .3s ease}.htb-nav-btn:hover{border-color:var(--primary);color:var(--primary);transform:translate(3px)}.htb-nav-btn.danger{border-color:#ff3b3b4d;color:var(--danger)}.htb-nav-btn.danger:hover{border-color:var(--danger);background:#ff3b3b1a}.htb-admin-content{position:relative;z-index:1}.htb-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:2rem;box-shadow:0 4px 24px var(--shadow)}.htb-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.htb-section-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:var(--primary)}.htb-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.htb-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00b4ff66}.htb-btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease}.htb-btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.htb-btn-icon{padding:.5rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.htb-btn-icon:hover{border-color:var(--primary);color:var(--primary);background:#00b4ff1a}.htb-btn-icon.success:hover{border-color:var(--success);color:var(--success);background:#00cb701a}.htb-btn-icon.warning:hover{border-color:var(--warning);color:var(--warning);background:#ffb8001a}.htb-btn-icon.danger:hover{border-color:var(--danger);color:var(--danger);background:#ff3b3b1a}.htb-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.htb-search-box{display:flex;align-items:center;gap:.75rem;flex:1;min-width:250px;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;transition:all .3s ease}.htb-filters select{padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .3s ease}.htb-filters select:hover{border-color:var(--primary)}.htb-filters select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00b4ff1a}.htb-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border)}.htb-table{width:100%;border-collapse:collapse;font-size:.9rem}.htb-table thead{background:var(--bg-tertiary)}.htb-table th{padding:1rem;text-align:left;font-weight:600;color:var(--primary);text-transform:uppercase;font-size:.8rem;letter-spacing:.5px;border-bottom:2px solid var(--border)}.htb-table td{padding:1rem;border-bottom:1px solid var(--border);color:var(--text-secondary)}.htb-table tbody tr{transition:all .2s ease}.htb-table tbody tr:hover{background:var(--bg-tertiary)}.htb-table tbody tr:last-child td{border-bottom:none}.htb-actions{display:flex;gap:.5rem}.htb-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;background:#ffffff1a;color:var(--text-secondary)}.htb-badge-admin{background:#00b4ff33;color:var(--primary)}.htb-badge-user{background:#00cb7033;color:var(--success)}.htb-blocked-badge{margin-left:.5rem;font-size:.9rem}.htb-status{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.htb-status.active{background:#00cb7033;color:var(--success)}.htb-status.blocked{background:#ff3b3b33;color:var(--danger)}.htb-visibility-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid}.htb-visibility-btn.visible{background:#00cb701a;border-color:var(--success);color:var(--success)}.htb-visibility-btn.hidden{background:#ffb8001a;border-color:var(--warning);color:var(--warning)}.htb-visibility-btn:hover{transform:translateY(-2px)}.htb-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.htb-pagination-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.htb-form{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.htb-form-group{margin-bottom:1.25rem}.htb-form-group label{display:block;margin-bottom:.5rem;color:var(--primary);font-weight:500;font-size:.9rem}.htb-form-group input,.htb-form-group textarea{width:100%;padding:.875rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .3s ease}.htb-form-group input:focus,.htb-form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00b4ff1a}.htb-form-group textarea{resize:vertical;min-height:120px}.htb-form-actions{display:flex;gap:1rem;margin-top:1.5rem}.htb-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.htb-empty-state svg{margin-bottom:1rem;opacity:.5}.htb-empty-state p{font-size:1.1rem}@media (max-width: 1200px){.htb-admin-container{padding:1.5rem}.htb-admin-title{font-size:2rem}}@media (max-width: 768px){.htb-admin-container{padding:1rem}.htb-admin-title{font-size:1.5rem}.htb-admin-tabs{gap:.5rem}.htb-tab{padding:.625rem 1rem;font-size:.85rem}.htb-section{padding:1.25rem}.htb-section-header{flex-direction:column;gap:1rem;align-items:flex-start}.htb-filters{flex-direction:column}.htb-search-box{min-width:100%}.htb-table-container{font-size:.8rem}.htb-table th,.htb-table td{padding:.75rem .5rem}.htb-actions{flex-wrap:wrap}}@media (max-width: 480px){.htb-admin-title{font-size:1.25rem}.htb-tab{font-size:.8rem;padding:.5rem .75rem}.htb-pagination{flex-direction:column;gap:.75rem}}.admin-create-user{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#0a0f19fa,#141e32fa);display:flex;align-items:center;justify-content:center}.create-user-container{max-width:600px;width:100%;background:linear-gradient(135deg,#1a2e46f2,#0f1923f2);padding:3rem;border-radius:16px;border:1px solid rgba(0,255,170,.2);box-shadow:0 10px 40px #00ffaa1a}.create-user-header{margin-bottom:2.5rem;text-align:center}.create-user-header h1{font-size:2rem;color:#fff;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,170,.2)}.create-user-header .highlight{color:#0fa;text-shadow:0 0 10px rgba(0,255,170,.5)}.create-user-header p{color:#a0a0a0;font-size:1rem;margin:0}.create-user-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{width:100%;padding:1rem;background:#0f1923e6;border:2px solid rgba(0,255,170,.3);border-radius:8px;color:#e0e0e0;font-size:1rem;transition:all .3s ease}.form-group input::placeholder{color:#606080}.form-group input:focus{outline:none;border-color:#0fa;box-shadow:0 0 20px #00ffaa4d;background:#0f1923f2;transform:translateY(-1px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.admin-create-user{padding:1rem}.create-user-container{padding:2rem}.create-user-header h1{font-size:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column;gap:.8rem}.btn-primary,.btn-secondary{width:100%}}.admin-create-team{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#0a0f19fa,#141e32fa);display:flex;align-items:center;justify-content:center}.create-team-container{max-width:700px;width:100%;background:linear-gradient(135deg,#1a2e46f2,#0f1923f2);padding:3rem;border-radius:16px;border:1px solid rgba(0,255,170,.2);box-shadow:0 10px 40px #00ffaa1a}.create-team-header{margin-bottom:2.5rem;text-align:center}.create-team-header h1{font-size:2rem;color:#fff;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,170,.2)}.create-team-header .highlight{color:#0fa;text-shadow:0 0 10px rgba(0,255,170,.5)}.create-team-header p{color:#a0a0a0;font-size:1rem;margin:0}.create-team-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{display:block;color:#e0e0e0;margin-bottom:.75rem;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:1px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1rem;background:#0f1923e6;border:2px solid rgba(0,255,170,.3);border-radius:8px;color:#e0e0e0;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#606080}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#0fa;box-shadow:0 0 20px #00ffaa4d;background:#0f1923f2;transform:translateY(-1px)}.form-group textarea{resize:vertical;min-height:100px}.form-group select{min-height:120px}.form-group select option{background:#0f1923e6;color:#e0e0e0;padding:.75rem}.form-group select option:checked{background:#00ffaa4d;color:#0fa}.search-input{width:100%;padding:.75rem;margin-bottom:1rem;background:#0f1923cc;border:1px solid rgba(0,255,170,.3);border-radius:6px;color:#e0e0e0;font-size:.95rem}.search-input:focus{outline:none;border-color:#0fa;box-shadow:0 0 10px #00ffaa4d}.checkbox-list{max-height:400px;overflow-y:auto;background:#0f192399;border:1px solid rgba(0,255,170,.3);border-radius:8px;padding:.5rem}.checkbox-list::-webkit-scrollbar{width:8px}.checkbox-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.checkbox-list::-webkit-scrollbar-thumb{background:#00ffaa4d;border-radius:4px}.checkbox-list::-webkit-scrollbar-thumb:hover{background:#00ffaa80}.checkbox-item{display:flex;align-items:center;padding:.75rem;margin:.25rem 0;background:#1a2e4666;border:1px solid rgba(0,255,170,.1);border-radius:6px;cursor:pointer;transition:all .2s ease}.checkbox-item:hover:not(.disabled){background:#00ffaa1a;border-color:#00ffaa4d}.checkbox-item.selected{background:#00ffaa26;border-color:#0fa}.checkbox-item.disabled{opacity:.4;cursor:not-allowed}.checkbox-item input[type=checkbox]{width:18px;height:18px;margin-right:1rem;cursor:pointer;accent-color:#00ffaa}.checkbox-item.disabled input[type=checkbox]{cursor:not-allowed}.captain-selection{margin-top:1.5rem;padding:1.5rem;background:#00ffaa0d;border:1px solid rgba(0,255,170,.2);border-radius:8px}.radio-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.radio-item{display:flex;align-items:center;padding:1rem;background:#1a2e4666;border:2px solid rgba(0,255,170,.1);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative}.radio-item:hover{background:#00ffaa14;border-color:#00ffaa4d}.radio-item.selected{background:#00ffaa1f;border-color:#0fa}.radio-item input[type=radio]{width:20px;height:20px;margin-right:1rem;cursor:pointer;accent-color:#00ffaa}.radio-item .captain-badge{background:#0fa;color:#0a0e17;padding:.35rem .85rem;border-radius:4px;font-weight:600;font-size:.7rem;letter-spacing:.5px;margin-left:auto}.checkbox-item .user-info{display:flex;flex-direction:column;gap:.25rem}.checkbox-item .username{color:#fff;font-weight:500;font-size:.95rem}.checkbox-item .email{color:#a0a0a0;font-size:.85rem}.no-users{color:#a0a0a0;text-align:center;padding:2rem;font-style:italic}.form-hint{display:block;margin-top:.5rem;color:#a0a0a0;font-size:.85rem;font-style:italic}.members-preview{background:#00ffaa0d;padding:1.5rem;border-radius:8px;border:1px solid rgba(0,255,170,.2)}.members-preview h3{color:#fff;font-size:1rem;margin:0 0 1rem;text-transform:uppercase;letter-spacing:1px}.members-list{display:flex;flex-wrap:wrap;gap:.75rem}.no-members{color:#a0a0a0;margin:0;font-size:.9rem;font-style:italic}.member-badge{display:inline-flex;align-items:center;gap:.5rem;background:#00ffaa26;color:#0fa;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(0,255,170,.3);font-size:.9rem;font-weight:500}.member-badge .remove-btn{background:none;border:none;color:#ff6464;cursor:pointer;font-size:1rem;padding:0;margin:0;transition:all .2s ease}.member-badge .remove-btn:hover{color:#f88;transform:scale(1.2)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:2px solid rgba(0,255,170,.2)}.btn-primary,.btn-secondary{padding:1rem 2rem;border:2px solid;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;position:relative;overflow:hidden;min-width:120px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#0fa,#0c8);color:#000;border-color:#0fa;box-shadow:0 4px 15px #00ffaa4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0c8,#0a6);transform:translateY(-3px);box-shadow:0 8px 25px #0fa6}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#ff64641a;color:#ff6464;border-color:#ff64644d}.btn-secondary:hover{background:#ff646433;transform:translateY(-3px);box-shadow:0 8px 25px #ff64644d}.error-message{background:#ff444426;color:#f66;padding:1rem 1.5rem;border-radius:8px;border-left:4px solid #ff4444;font-weight:500;animation:slideIn .3s ease}.success-message{background:#00ffaa26;color:#0fa;padding:1rem 1.5rem;border-radius:8px;border-left:4px solid #00ffaa;font-weight:500;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.admin-create-team{padding:1rem}.create-team-container{padding:2rem}.create-team-header h1{font-size:1.5rem}.form-actions{flex-direction:column;gap:.8rem}.btn-primary,.btn-secondary{width:100%}.members-list{flex-direction:column}.member-badge{width:100%;justify-content:space-between}}.admin-messages{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#0a1929,#0f1f2b);color:#fff}.messages-header{text-align:center;margin-bottom:2rem;padding:2rem;background:#0003;border-radius:8px;border:1px solid rgba(0,255,170,.1);position:relative}.messages-header h1{font-size:2.5rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.messages-header .highlight{color:#0fa}.back-button{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#1a2e46,#0f1f2b);color:#0fa;border:1px solid #00ffaa;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:1px}.back-button:hover{background:#0fa;color:#0a1929;transform:translateY(-2px);box-shadow:0 4px 12px #00ffaa4d}.refresh-button{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#1a2e46,#0f1f2b);color:#0fa;border:1px solid #00ffaa;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:1px}.refresh-button:hover{background:#f44;color:#fff;border-color:#f44;transform:translateY(-2px);box-shadow:0 4px 12px #ff44444d}.messages-container{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-top:2rem}.messages-list{background:#0003;padding:1.5rem;border-radius:8px;border:1px solid rgba(0,255,170,.1)}.messages-list h2{margin-bottom:1rem;color:#0fa;text-transform:uppercase;letter-spacing:1px}.message-cards{display:flex;flex-direction:column;gap:1rem;max-height:80vh;overflow-y:auto}.message-card{background:#0000004d;padding:1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(0,255,170,.1)}.message-card:hover{transform:translateY(-2px);border-color:#0fa;box-shadow:0 4px 12px #0fa3}.message-card.selected{border-color:#0fa;background:#00ffaa1a}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.message-header h3{margin:0;font-size:1.1rem;color:#fff}.message-preview{color:#aaa;margin:.5rem 0;font-size:.9rem}.message-footer{display:flex;justify-content:space-between;font-size:.8rem;color:#666;margin-bottom:.5rem}.message-actions-quick{display:flex;justify-content:flex-end;gap:.5rem}.delete-button-quick{padding:.4rem .6rem;background:transparent;color:#f44;border:1px solid #ff4444;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.delete-button-quick:hover{background:#f44;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff44444d}.message-detail{background:#0003;padding:1.5rem;border-radius:8px;border:1px solid rgba(0,255,170,.1)}.message-actions{display:flex;gap:1rem;margin-bottom:1rem}.delete-button{padding:.5rem 1rem;border:none;border-radius:4px;background:#f443;color:#f44;cursor:pointer;transition:all .3s ease;border:1px solid #ff4444;font-weight:600;display:flex;align-items:center;gap:.5rem}.delete-button:hover{background:#f44;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff44444d}.message-info{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,255,170,.1)}.message-content{margin-bottom:2rem;line-height:1.6}.no-message-selected{text-align:center;padding:2rem;color:#666}.error-message{background:#ff44441a;color:#f44;padding:1rem;border-radius:4px;margin-bottom:1rem;border:1px solid #ff4444}.success-message{background:#00c8511a;color:#00c851;padding:1rem;border-radius:4px;margin-bottom:1rem;border:1px solid #00C851}.loading{text-align:center;padding:2rem;color:#0fa}.no-messages{text-align:center;padding:2rem;color:#666;background:#0003;border-radius:6px;border:1px dashed rgba(0,255,170,.2)}.no-messages:before{content:"📭";font-size:2rem;display:block;margin-bottom:1rem}@media (max-width: 768px){.messages-container{grid-template-columns:1fr}.message-cards{max-height:40vh}}.htb-logs-container{position:relative;min-height:100vh;padding:2rem;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}.htb-logs-grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,180,255,.03) 1px,transparent 1px),linear-gradient(rgba(0,180,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.htb-logs-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.htb-logs-title-section{flex:1}.htb-logs-title{display:flex;align-items:center;gap:.75rem;font-size:2.25rem;font-weight:700;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase;color:var(--text-primary)}.htb-logs-subtitle{font-size:.95rem;color:var(--text-muted);font-weight:400}.htb-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--primary);font-weight:500;cursor:pointer;transition:all .3s ease}.htb-back-btn:hover{border-color:var(--primary);background:var(--bg-tertiary);transform:translate(-3px)}.htb-alert{position:fixed;top:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:8px;font-weight:500;z-index:1000;box-shadow:0 8px 32px var(--shadow)}.htb-alert-success{background:linear-gradient(135deg,var(--success) 0%,#00a860 100%);color:#fff}.htb-alert-error{background:linear-gradient(135deg,var(--danger) 0%,#dd2222 100%);color:#fff}.htb-logs-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.htb-stat-icon.spinning{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.htb-logs-controls{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.htb-filters{display:flex;gap:1rem;flex:1;min-width:300px}.htb-search-box{display:flex;align-items:center;gap:.75rem;flex:1;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;transition:all .3s ease}.htb-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #00b4ff1a}.htb-search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.95rem}.htb-search-box input::placeholder{color:var(--text-muted)}.htb-filter-select{padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:150px}.htb-filter-select:hover{border-color:var(--primary)}.htb-filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00b4ff1a}.htb-actions{display:flex;gap:.75rem;flex-wrap:wrap}.htb-btn-secondary,.htb-btn-toggle,.htb-btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;border:1px solid}.htb-btn-secondary{background:var(--bg-tertiary);border-color:var(--border);color:var(--primary)}.htb-btn-secondary:hover{border-color:var(--primary);background:#00b4ff1a}.htb-btn-toggle{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-muted)}.htb-btn-toggle.active{background:#ffb80026;border-color:var(--warning);color:var(--warning)}.htb-btn-toggle:hover{border-color:var(--warning);background:#ffb8001a}.htb-btn-danger{background:#ff3b3b26;border-color:#ff3b3b4d;color:var(--danger)}.htb-btn-danger:hover{border-color:var(--danger);background:#ff3b3b40}.htb-logs-section{position:relative;z-index:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 4px 24px var(--shadow)}.htb-table-container{overflow-x:auto;max-height:calc(100vh - 500px);overflow-y:auto}.htb-logs-table{width:100%;border-collapse:collapse;font-size:.9rem}.htb-logs-table thead{position:-webkit-sticky;position:sticky;top:0;background:var(--bg-tertiary);z-index:10}.htb-logs-table th{padding:1rem;text-align:left;font-weight:600;color:var(--primary);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;border-bottom:2px solid var(--border);white-space:nowrap}.htb-logs-table th svg{display:inline-block;vertical-align:middle;margin-right:.375rem}.htb-logs-table td{padding:1rem;border-bottom:1px solid var(--border);color:var(--text-secondary);white-space:nowrap}.htb-log-row{transition:all .2s ease}.htb-log-row:hover{background:var(--bg-tertiary)}.htb-log-row.success{border-left:3px solid var(--success)}.htb-log-row.failed{border-left:3px solid var(--danger)}.htb-user-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.htb-username{color:var(--text-primary);font-weight:600}.htb-role-badge{padding:.25rem .625rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.htb-role-badge.htb-role-admin{background:#00b4ff33;color:var(--primary);border:1px solid var(--primary)}.htb-role-badge.htb-role-user{background:#00cb7033;color:var(--success);border:1px solid var(--success)}.htb-ip{color:var(--text-muted);font-family:Courier New,monospace;font-size:.85rem}.htb-user-agent{color:var(--text-muted);font-family:Courier New,monospace;font-size:.8rem;max-width:150px;overflow:hidden;text-overflow:ellipsis}.htb-logs-table th:last-child,.htb-logs-table td:last-child{width:140px;min-width:140px;text-align:center}.htb-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:6px;font-weight:600;font-size:.75rem;text-transform:uppercase}.htb-status-badge.success{background:#00cb7026;color:var(--success);border:1px solid var(--success)}.htb-status-badge.failed{background:#ff3b3b26;color:var(--danger);border:1px solid var(--danger)}.htb-failure-reason{color:var(--danger);font-size:.85rem;font-weight:500}.htb-empty-icon{color:var(--primary);opacity:.5;margin-bottom:1rem}.htb-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;border-top:1px solid var(--border);background:var(--bg-tertiary)}.htb-pagination-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.htb-pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.htb-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.htb-pagination-info{color:var(--text-muted);font-weight:500}.htb-view-password-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#ffb80026;border:1px solid var(--warning);border-radius:6px;color:var(--warning);font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.htb-view-password-btn:hover{background:#ffb80040;transform:translateY(-2px);box-shadow:0 4px 12px #ffb8004d}.htb-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.htb-modal-content{background:var(--bg-secondary);border:2px solid var(--primary);border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #00b4ff4d}.htb-modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.htb-modal-icon{color:var(--warning)}.htb-modal-header h3{font-size:1.25rem;color:var(--text-primary);margin:0}.htb-password-cell{display:flex;align-items:center;justify-content:center;gap:.5rem}.htb-password-display{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ff3b3b1a;border:1px solid var(--danger);border-radius:6px;font-family:Courier New,monospace}.htb-password-value{color:var(--danger);font-weight:600;font-size:.9rem}.htb-password-meta{margin-left:.75rem;padding-left:.75rem;border-left:1px solid var(--border);color:var(--text-muted);font-size:.75rem}.htb-modal-body{color:var(--text-secondary)}.htb-security-warning{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffb80026;border:1px solid var(--warning);border-radius:8px;margin-bottom:1.5rem;color:var(--warning);font-weight:500}.htb-log-details{background:var(--bg-tertiary);padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.htb-log-details p{margin:.5rem 0;color:var(--text-muted)}.htb-log-details strong{color:var(--text-primary)}.htb-form-group{margin-bottom:1.5rem}.htb-form-group label{display:block;margin-bottom:.5rem;color:var(--primary);font-weight:600}.htb-form-group input{width:100%;padding:.875rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.95rem;transition:all .3s ease}.htb-form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00b4ff1a}.htb-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.htb-modal-actions .htb-btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.htb-modal-actions .htb-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00b4ff66}.htb-modal-actions .htb-btn-primary:disabled{opacity:.6;cursor:not-allowed}.htb-modal-actions .htb-btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.htb-modal-actions .htb-btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.htb-password-result{display:flex;flex-direction:column;gap:1.5rem}.htb-password-display{display:flex;flex-direction:column;gap:.75rem}.htb-password-display label{color:var(--primary);font-weight:600;font-size:.9rem}.htb-password-value{padding:1rem;background:var(--bg-tertiary);border:2px solid var(--danger);border-radius:8px;font-family:Courier New,monospace;font-size:1.1rem;color:var(--danger);word-break:break-all;text-align:center;font-weight:700}.htb-audit-info{background:#00b4ff1a;padding:1rem;border-radius:8px;border:1px solid var(--primary);font-size:.85rem}.htb-audit-info p{margin:.375rem 0;color:var(--text-muted)}.htb-audit-info strong{color:var(--primary)}.htb-security-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ff3b3b26;border:1px solid var(--danger);border-radius:6px;color:var(--danger);font-size:.85rem;font-weight:500}@media (max-width: 1200px){.htb-logs-container{padding:1.5rem}.htb-logs-title{font-size:1.875rem}}@media (max-width: 768px){.htb-logs-container{padding:1rem}.htb-logs-header{flex-direction:column;align-items:flex-start;gap:1rem}.htb-logs-title{font-size:1.5rem}.htb-back-btn{align-self:stretch;justify-content:center}.htb-logs-controls{flex-direction:column}.htb-filters{flex-direction:column;width:100%}.htb-actions{width:100%}.htb-actions button{flex:1}.htb-table-container{max-height:calc(100vh - 600px)}.htb-logs-table{font-size:.8rem}.htb-logs-table th,.htb-logs-table td{padding:.75rem .5rem}.htb-pagination{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.htb-logs-title{font-size:1.25rem}.htb-stat-value{font-size:1.5rem}.htb-logs-table{font-size:.75rem}.htb-logs-table th,.htb-logs-table td{padding:.625rem .375rem}}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-header .header-content{flex:1}.dashboard-header .back-button{background:#00ffaa1a;color:#0fa;border:1px solid rgba(0,255,170,.3);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem;white-space:nowrap}.dashboard-header .back-button:hover{background:#0fa3;border-color:#00ffaa80;transform:translate(-2px)}.submissions-overview .challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.challenge-card.clickable{cursor:pointer;transition:all .3s ease}.challenge-card.clickable:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0fa3}.submission-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.submission-stats .stat{text-align:center;padding:.5rem;background:#ffffff0d;border-radius:6px}.stat-number.success{color:#0fa}.stat-number.failed{color:#f44}.submission-details .details-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.challenge-info{display:flex;gap:.5rem;align-items:center}.submission-summary{margin-bottom:2rem}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:#1a2e4699;padding:1.5rem;border-radius:8px;text-align:center;border:1px solid rgba(0,255,170,.2)}.stat-card.success{border-color:#0fa6}.stat-card.failed{border-color:#f446}.submissions-sections{display:grid;gap:2rem}.successful-submissions,.failed-submissions{background:#ffffff08;border-radius:8px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.submissions-table{overflow-x:auto;margin-top:1rem}.submissions-table table{width:100%;border-collapse:collapse}.submissions-table th,.submissions-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.submissions-table th{background:#00ffaa1a;color:#0fa;font-weight:600}.success-row{background:#00ffaa0d}.failed-row{background:#ff44440d}.flag-text{font-family:Courier New,monospace;background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.flag-text.failed{background:#f443;color:#f66}.points{color:#0fa;font-weight:600}.ip-address{font-family:Courier New,monospace;color:#a0a0a0;font-size:.9rem}:root{--bg-primary: #0a0e1a;--bg-secondary: #0f1419;--bg-tertiary: #141922;--primary: #00b4ff;--primary-dark: #0099dd;--success: #00cb70;--danger: #ff3b3b;--warning: #ffb800;--text-primary: #ffffff;--text-secondary: #b8c5d6;--text-muted: #6c7a8e;--border: rgba(255, 255, 255, .1);--shadow: rgba(0, 0, 0, .3)}.htb-monitor-container{position:relative;min-height:100vh;padding:2rem;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}.htb-monitor-grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,180,255,.03) 1px,transparent 1px),linear-gradient(rgba(0,180,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.htb-monitor-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.htb-monitor-title-section{flex:1}.htb-monitor-title{display:flex;align-items:center;gap:.75rem;font-size:2.25rem;font-weight:700;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase;color:var(--text-primary)}.htb-text-primary{background:linear-gradient(135deg,var(--primary) 0%,#00ff88 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.htb-monitor-subtitle{font-size:.95rem;color:var(--text-muted);font-weight:400}.htb-status-badge{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;border-radius:8px;font-weight:700;font-size:.9rem;letter-spacing:1px;border:2px solid}.htb-status-success{background:#00cb7026;border-color:var(--success);color:var(--success);box-shadow:0 0 20px #00cb704d}.htb-status-warning{background:#ffb80026;border-color:var(--warning);color:var(--warning);box-shadow:0 0 20px #ffb8004d}.htb-status-error{background:#ff3b3b26;border-color:var(--danger);color:var(--danger);box-shadow:0 0 20px #ff3b3b4d}.htb-monitor-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.htb-stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;transition:all .3s ease}.htb-stat-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #00b4ff33}.htb-stat-card.success{border-left:4px solid var(--success)}.htb-stat-card.failed{border-left:4px solid var(--danger)}.htb-stat-icon{color:var(--primary);flex-shrink:0}.htb-stat-card.success .htb-stat-icon{color:var(--success)}.htb-stat-card.failed .htb-stat-icon{color:var(--danger)}.htb-stat-content{display:flex;flex-direction:column;gap:.25rem}.htb-stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.htb-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.htb-alert{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:8px;font-weight:500}.htb-alert-error{background:linear-gradient(135deg,#ff3b3b33,#ff3b3b1a);border:1px solid var(--danger);color:var(--danger)}.htb-monitor-section{position:relative;z-index:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 4px 24px var(--shadow)}.htb-table-container{overflow-x:auto;max-height:calc(100vh - 400px);overflow-y:auto}.htb-table-container::-webkit-scrollbar{width:8px;height:8px}.htb-table-container::-webkit-scrollbar-track{background:var(--bg-tertiary)}.htb-table-container::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.htb-monitor-table{width:100%;border-collapse:collapse;font-size:.9rem}.htb-monitor-table thead{position:-webkit-sticky;position:sticky;top:0;background:var(--bg-tertiary);z-index:10}.htb-monitor-table th{padding:1rem;text-align:left;font-weight:600;color:var(--primary);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;border-bottom:2px solid var(--border);white-space:nowrap}.htb-monitor-table th svg{display:inline-block;vertical-align:middle;margin-right:.375rem}.htb-monitor-table td{padding:1rem;border-bottom:1px solid var(--border);color:var(--text-secondary);white-space:nowrap}.htb-submission-row{transition:all .2s ease}.htb-submission-row:hover{background:var(--bg-tertiary)}.htb-submission-row.success{border-left:3px solid var(--success)}.htb-submission-row.failed{border-left:3px solid var(--danger)}.htb-time{color:var(--text-muted);font-family:Courier New,monospace;font-size:.85rem}.htb-username{color:var(--primary);font-weight:600}.htb-email{color:var(--text-muted);font-size:.85rem}.htb-challenge{color:var(--warning);font-weight:500}.htb-flag{font-family:Courier New,monospace;color:#ff9800;font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis}.htb-points-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-weight:700;font-size:.85rem}.htb-points-badge.success{background:#00cb7033;color:var(--success);border:1px solid var(--success)}.htb-points-badge.failed{background:#ff3b3b33;color:var(--danger);border:1px solid var(--danger)}.htb-ip{color:var(--text-muted);font-family:Courier New,monospace;font-size:.8rem}.htb-status-indicator{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-radius:6px;font-weight:600;font-size:.75rem;text-transform:uppercase}.htb-status-indicator.success{background:#00cb7026;color:var(--success);border:1px solid var(--success)}.htb-status-indicator.failed{background:#ff3b3b26;color:var(--danger);border:1px solid var(--danger)}.htb-empty-row td{padding:0;border:none}.htb-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.htb-empty-icon{color:var(--primary);opacity:.5;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.htb-empty-state p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.htb-empty-subtitle{font-size:.9rem;color:var(--text-muted)}.htb-monitor-footer{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--bg-tertiary);border-top:1px solid var(--border)}.htb-footer-text{font-size:.85rem;color:var(--text-secondary)}.htb-text-muted{color:var(--text-muted)}@media (max-width: 1200px){.htb-monitor-container{padding:1.5rem}.htb-monitor-title{font-size:1.875rem}.htb-monitor-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.htb-monitor-container{padding:1rem}.htb-monitor-header{flex-direction:column;align-items:flex-start;gap:1rem}.htb-monitor-title{font-size:1.5rem}.htb-status-badge{align-self:stretch;justify-content:center}.htb-monitor-stats{grid-template-columns:1fr;gap:1rem}.htb-table-container{max-height:calc(100vh - 500px)}.htb-monitor-table{font-size:.8rem}.htb-monitor-table th,.htb-monitor-table td{padding:.75rem .5rem}.htb-monitor-footer{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width: 480px){.htb-monitor-title{font-size:1.25rem}.htb-stat-value{font-size:1.5rem}.htb-monitor-table{font-size:.75rem}.htb-monitor-table th,.htb-monitor-table td{padding:.625rem .375rem}}.htb-admin-categories-container{position:relative;min-height:100vh;background:var(--bg-primary);overflow:hidden}.htb-admin-categories-grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--border-primary) 1px,transparent 1px),linear-gradient(90deg,var(--border-primary) 1px,transparent 1px);background-size:40px 40px;opacity:.15;animation:gridMove 25s linear infinite;z-index:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.htb-admin-categories-header{position:relative;z-index:5;text-align:center;padding:80px 32px 64px;border-bottom:1px solid var(--border-primary);background:#0a0e1a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.htb-header-content{max-width:800px;margin:0 auto}.htb-header-icon{color:var(--primary);margin-bottom:24px;filter:drop-shadow(0 0 20px var(--primary-glow));animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.htb-admin-categories-header h1{font-family:var(--font-heading);font-size:3rem;font-weight:800;color:var(--text-primary);letter-spacing:2px;margin-bottom:16px;text-transform:uppercase}.htb-highlight{color:var(--primary);text-shadow:0 0 20px var(--primary-glow)}.htb-admin-categories-header p{font-size:1.25rem;color:var(--text-secondary);margin:0}.htb-alert{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:12px;padding:16px 32px;border-radius:var(--radius-md);font-weight:600;box-shadow:0 8px 32px #00000080}.htb-alert-success{background:#28a74526;border:1px solid #28a745;color:#28a745}.htb-alert-error{background:#dc354526;border:1px solid #dc3545;color:#dc3545}.htb-admin-categories-main{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:64px 32px 80px}.htb-category-section{margin-bottom:64px}.htb-section-header{margin-bottom:32px}.htb-section-header h2{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.htb-title-line{width:80px;height:4px;background:linear-gradient(to right,var(--primary),transparent);animation:lineGrow 2s ease-in-out infinite}@keyframes lineGrow{0%,to{width:80px;opacity:1}50%{width:100px;opacity:.7}}.htb-add-category-form{padding:32px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0003}.htb-form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:end}.htb-form-group{display:flex;flex-direction:column;gap:8px}.htb-form-group label{font-weight:600;font-size:.938rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.htb-input{padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:var(--font-body);transition:all .3s ease}.htb-input::placeholder{color:var(--text-tertiary)}.htb-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00b4ff1a}.htb-input-disabled{padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:1rem;opacity:.6;cursor:not-allowed}.htb-input-hint{font-size:.813rem;color:var(--text-tertiary);font-style:italic}.htb-btn-add{display:flex;align-items:center;gap:10px;padding:14px 32px;background:var(--primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.htb-btn-add:hover{background:#00d4ff;box-shadow:0 0 30px #00b4ff66}.htb-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.htb-category-card{padding:24px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-left:3px solid var(--primary);border-radius:var(--radius-lg);transition:all .3s ease}.htb-category-card:hover{border-left-color:#00d4ff;box-shadow:0 8px 32px #00b4ff26}.htb-category-view-mode{display:flex;justify-content:space-between;align-items:center;gap:16px}.htb-category-info{flex:1}.htb-category-id{display:inline-block;padding:4px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.813rem;color:var(--primary);margin-bottom:8px}.htb-category-name{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.htb-category-actions{display:flex;gap:8px}.htb-btn-edit,.htb-btn-delete{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease}.htb-btn-edit{background:#00b4ff1a;color:var(--primary)}.htb-btn-edit:hover{background:#00b4ff33;border-color:var(--primary);box-shadow:0 0 20px #00b4ff33}.htb-btn-delete{background:#dc35451a;color:#dc3545}.htb-btn-delete:hover{background:#dc354533;border-color:#dc3545;box-shadow:0 0 20px #dc354533}.htb-category-edit-mode{display:flex;flex-direction:column;gap:16px}.htb-edit-field{display:flex;flex-direction:column;gap:8px}.htb-edit-field label{font-weight:600;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.htb-edit-actions{display:flex;gap:12px}.htb-btn-save,.htb-btn-cancel{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;font-weight:600}.htb-btn-save{background:#28a74526;color:#28a745}.htb-btn-save:hover{background:#28a74540;border-color:#28a745;box-shadow:0 0 20px #28a74533}.htb-btn-cancel{background:#6c757d26;color:var(--text-secondary)}.htb-btn-cancel:hover{background:#6c757d40;border-color:var(--text-secondary)}.htb-info-box{display:flex;gap:16px;padding:24px;background:#ffc1070d;border:1px solid rgba(255,193,7,.3);border-left:4px solid #ffc107;border-radius:var(--radius-lg);color:var(--text-secondary);line-height:1.6}.htb-info-box svg{flex-shrink:0;color:#ffc107;margin-top:2px}.htb-info-box strong{color:var(--text-primary)}@media (max-width: 1024px){.htb-form-row{grid-template-columns:1fr}.htb-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.htb-admin-categories-header{padding:64px 24px 48px}.htb-admin-categories-header h1{font-size:2.25rem}.htb-admin-categories-main{padding:48px 20px 60px}.htb-categories-grid{grid-template-columns:1fr}.htb-add-category-form{padding:24px 20px}}@media (max-width: 480px){.htb-admin-categories-header h1{font-size:1.875rem}.htb-category-view-mode{flex-direction:column;align-items:flex-start}.htb-category-actions{width:100%;justify-content:flex-end}}