.admin-dashboard{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}.admin-header{text-align:center;margin-bottom:30px}.admin-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.admin-header p{font-size:1.2rem;opacity:.9}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#ffffff1a;border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 10px 25px #0003}.stat-icon{font-size:2.5rem;opacity:.8}.stat-content h3{font-size:1rem;margin-bottom:5px;opacity:.9}.stat-number{font-size:2rem;font-weight:700;margin-bottom:5px}.stat-subtitle{font-size:.8rem;opacity:.7}.admin-actions{margin-bottom:40px}.admin-actions h2{font-size:1.8rem;margin-bottom:20px;text-align:center}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.action-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;color:#fff;text-decoration:none;width:100%;box-sizing:border-box}.action-button:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 8px 20px #0003}.action-icon{font-size:2rem;opacity:.8}.action-content h3{font-size:1.2rem;margin-bottom:5px}.action-content p{font-size:.9rem;opacity:.8}.admin-system-status{background:#ffffff1a;border-radius:15px;padding:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.admin-system-status h2{font-size:1.5rem;margin-bottom:15px;text-align:center}.system-status{display:flex;align-items:center;gap:15px}.status-indicator{font-size:2rem}.status-indicator.healthy{animation:pulse 2s infinite}.status-indicator.unhealthy{animation:shake .5s infinite}.status-text h3{font-size:1.2rem;margin-bottom:5px}.status-text p{font-size:.9rem;opacity:.8}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){.admin-dashboard{padding:15px}.admin-header h1{font-size:2rem}.admin-stats-grid,.action-grid{grid-template-columns:1fr}.stat-card,.action-button{padding:15px}.stat-icon,.action-icon{font-size:2rem}}.admin-user-management{padding:20px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.admin-header h1{font-size:2.5rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem}.back-button:hover{background:#fff3;transform:translateY(-2px)}.admin-filters{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.search-input,.filter-select{width:100%;padding:10px 15px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;backdrop-filter:blur(10px)}.search-input::placeholder{color:#ffffffb3}.search-input:focus,.filter-select:focus{outline:none;border-color:#fff6;background:#ffffff26}.admin-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background:#ffffff1a;border-radius:10px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.selected-info{color:#fffc;font-size:.9rem}.action-buttons{display:flex;gap:10px}.action-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.action-button:hover{background:#fff3;transform:translateY(-1px)}.action-button.refresh:hover{background:#22c55e4d}.admin-table-container{background:#ffffff1a;border-radius:15px;overflow:hidden;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);margin-bottom:20px}.admin-table{width:100%;border-collapse:collapse;color:#fff}.admin-table th,.admin-table td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.sortable-header{transition:background-color .2s ease}.sortable-header:hover{background-color:#ffffff1a}.admin-table th{background:#ffffff1a;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.admin-table tbody tr:hover{background:#ffffff0d}.admin-table input[type=checkbox]{transform:scale(1.2);cursor:pointer}.status-badge,.role-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:uppercase}.status-badge.active{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.inactive{background:#9ca3af33;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.status-badge.suspended{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.banned{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.role-badge.user{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.role-badge.moderator{background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.role-badge.admin{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-table .action-buttons{display:flex;gap:5px;align-items:center}.status-select{padding:4px 8px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff1a;color:#fff;font-size:.8rem;cursor:pointer}.status-select:focus{outline:none;border-color:#fff6}.delete-button{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.delete-button:hover{background:#ef44444d;transform:scale(1.1)}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background:#ffffff1a;border-radius:10px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.pagination-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.pagination-button:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.9rem;opacity:.8}.admin-loading,.admin-error,.admin-access-denied{text-align:center;padding:40px;background:#ffffff1a;border-radius:15px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.retry-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:15px}.retry-button:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width: 768px){.admin-user-management{padding:15px}.admin-header{flex-direction:column;gap:15px;text-align:center}.admin-header h1{font-size:2rem}.admin-filters{flex-direction:column}.admin-actions{flex-direction:column;gap:15px;text-align:center}.admin-table-container{overflow-x:auto}.admin-table{min-width:800px}.admin-table th,.admin-table td{padding:8px 10px;font-size:.8rem}}.user-link-button{background:none;border:none;color:#fff;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit;transition:all .2s ease}.user-link-button:hover{color:#fffc;text-decoration:none}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;border:1px solid rgba(255,255,255,.2)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.2)}.modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-body{padding:20px}.form-group label{display:block;margin-bottom:8px;color:#ffffffe6;font-weight:500;font-size:.9rem}.form-group input[type=text],.form-group input[type=email],.form-group select{width:100%;padding:10px 15px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;backdrop-filter:blur(10px)}.form-group input[type=text]:disabled,.form-group input[type=email]:disabled{opacity:.6;cursor:not-allowed}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group select:focus{outline:none;border-color:#fff6;background:#ffffff26}.form-group input[type=checkbox]{margin-right:8px;transform:scale(1.2);cursor:pointer}.form-group input[type=number]{width:100%;padding:10px 15px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;backdrop-filter:blur(10px)}.form-group input[type=number]:focus{outline:none;border-color:#fff6;background:#ffffff26}.form-group input[type=number]:disabled{opacity:.6;cursor:not-allowed}.form-group small{display:block;margin-top:5px;font-size:.85rem;color:#ffffffb3}.form-section-divider{margin-top:30px;margin-bottom:20px;padding-top:20px;border-top:2px solid rgba(255,255,255,.2)}.form-section-divider h3{margin:0 0 15px;font-size:1.3rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid rgba(255,255,255,.2)}.modal-button{padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.modal-button.cancel{background:#ffffff1a;color:#fff}.modal-button.cancel:hover{background:#fff3}.modal-button.save{background:#22c55e4d;color:#fff;border-color:#22c55e80}.modal-button.save:hover{background:#22c55e66;transform:translateY(-2px)}.admin-board-management{padding:20px;background-color:#282c34;color:#e2e8f0;border-radius:8px;box-shadow:0 4px 8px #0003;margin-bottom:20px}.admin-board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.admin-board-header h3{margin:0;font-size:1.8rem;color:#61dafb}.admin-board-actions{display:flex;gap:10px}.admin-refresh-button{background-color:#4a5568;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.admin-refresh-button:hover{background-color:#61dafb;color:#282c34}.admin-bulk-delete-button{background-color:#e53e3e;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.admin-bulk-delete-button:hover{background-color:#c53030}.admin-bulk-delete-button:disabled{background-color:#4a5568;cursor:not-allowed}.admin-board-filters{margin-bottom:20px}.admin-filter-group{display:flex;gap:10px;flex-wrap:wrap}.admin-filter-input,.admin-filter-select{padding:8px 12px;border:1px solid #4a5568;border-radius:5px;background-color:#3a3f47;color:#e2e8f0;font-size:.9rem}.admin-filter-input:focus,.admin-filter-select:focus{outline:none;border-color:#61dafb}.admin-board-stats{display:flex;justify-content:space-between;margin-bottom:15px;font-size:.9rem;color:#a0aec0}.admin-board-table{overflow-x:auto;margin-bottom:20px}.admin-table{width:100%;border-collapse:collapse;background-color:#3a3f47;border-radius:8px;overflow:hidden}.admin-table th,.admin-table td{padding:12px;text-align:left;border-bottom:1px solid #4a5568}.admin-table th{background-color:#4a5568;color:#e2e8f0;font-weight:600;font-size:.9rem}.admin-table td{color:#e2e8f0;font-size:.9rem}.admin-table tr:hover{background-color:#4a5568}.admin-table tr.selected{background-color:#2d3748}.admin-post-title{display:flex;align-items:center;gap:8px;max-width:300px}.admin-post-title-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-attachment-badge{background-color:#61dafb;color:#282c34;padding:2px 6px;border-radius:4px;font-size:.8rem;white-space:nowrap}.admin-board-type{padding:2px 6px;border-radius:4px;font-size:.8rem;font-weight:600}.admin-board-type.community{background-color:#4299e1;color:#fff}.admin-board-type.qna{background-color:#48bb78;color:#fff}.admin-board-type.notice{background-color:#ed8936;color:#fff}.admin-answered{color:#48bb78;font-weight:700}.admin-not-answered{color:#a0aec0}.admin-delete-button{background-color:#e53e3e;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .3s ease}.admin-delete-button:hover{background-color:#c53030}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.admin-pagination-button{background-color:#4a5568;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.admin-pagination-button:hover:not(:disabled){background-color:#61dafb;color:#282c34}.admin-pagination-button:disabled{background-color:#2d3748;cursor:not-allowed;opacity:.5}.admin-pagination-info{color:#a0aec0;font-size:.9rem}.admin-access-denied{text-align:center;padding:40px;color:#e53e3e}.admin-access-denied h2{margin-bottom:10px}.admin-loading{text-align:center;padding:40px;color:#61dafb}.admin-error{text-align:center;padding:40px;color:#e53e3e}@media (max-width: 768px){.admin-board-header{flex-direction:column;gap:15px;align-items:stretch}.admin-board-actions{justify-content:center}.admin-filter-group{flex-direction:column}.admin-board-table{font-size:.8rem}.admin-table th,.admin-table td{padding:8px}.admin-post-title{max-width:200px}}.admin-resource-management{padding:20px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}.admin-page-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.admin-page-header h2{font-size:2.5rem;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.admin-page-header p{margin:0;opacity:.9;font-size:1.1rem}.admin-filter-section{background:#ffffff1a;padding:20px;border-radius:12px;margin-bottom:20px;backdrop-filter:blur(10px)}.admin-filter-row{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.admin-filter-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.admin-filter-group label{font-size:.9rem;font-weight:600;opacity:.9}.admin-filter-group input,.admin-filter-group select{padding:10px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem}.admin-search-btn{padding:10px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;white-space:nowrap}.admin-search-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.admin-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.admin-stat-card{background:#ffffff1a;padding:20px;border-radius:12px;text-align:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.admin-stat-number{font-size:2rem;font-weight:700;margin-bottom:5px}.admin-stat-label{font-size:.9rem;opacity:.9}.admin-action-bar{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;padding:15px 20px;border-radius:8px;margin-bottom:20px;backdrop-filter:blur(10px)}.admin-delete-btn{padding:8px 16px;background:#ef4444cc;border:1px solid rgba(239,68,68,.5);border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .3s ease}.admin-delete-btn:hover{background:#ef4444;transform:translateY(-2px)}.admin-loading,.admin-error{text-align:center;padding:40px;background:#ffffff1a;border-radius:12px;margin-bottom:20px}.admin-loading-spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 15px}.admin-table-container{background:#ffffff1a;border-radius:12px;overflow:hidden;margin-bottom:20px;backdrop-filter:blur(10px)}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#ffffff26}.admin-table th{padding:15px;text-align:left;font-weight:600;border-bottom:2px solid rgba(255,255,255,.2)}.admin-table td{padding:15px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-table tbody tr:hover{background:#ffffff1a}.resource-title-cell{display:flex;align-items:center;gap:10px}.free-badge{background:#22c55ecc;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.admin-action-buttons{display:flex;gap:8px}.admin-edit-btn,.admin-delete-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease;background:#ffffff1a;color:#fff}.admin-edit-btn:hover{background:#3b82f6cc;transform:translateY(-2px)}.admin-delete-btn:hover{background:#ef4444cc;transform:translateY(-2px)}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.admin-pagination-btn,.admin-page-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .3s ease}.admin-pagination-btn:hover:not(:disabled),.admin-page-btn:hover{background:#fff3;transform:translateY(-2px)}.admin-page-numbers{display:flex;gap:5px}.admin-page-btn.active{background:#ffffff4d;font-weight:700}.admin-no-data{text-align:center;padding:60px;background:#ffffff1a;border-radius:12px;font-size:1.2rem}.admin-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px)}.admin-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.2)}.admin-modal-header h3{margin:0;font-size:1.5rem}.admin-modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.admin-modal-close:hover{background:#fff3}.admin-modal-content{padding:20px}.admin-form-group{margin-bottom:20px}.admin-form-group label{display:block;margin-bottom:8px;font-weight:600;opacity:.9}.admin-form-group input,.admin-form-group textarea,.admin-form-group select{width:100%;padding:10px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;font-family:inherit}.admin-form-group input[type=checkbox]{width:auto;margin-right:8px}.admin-form-group textarea{resize:vertical;min-height:100px}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid rgba(255,255,255,.2)}.admin-cancel-btn,.admin-save-btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.admin-cancel-btn{background:#ffffff1a;color:#fff}.admin-cancel-btn:hover{background:#fff3}.admin-save-btn{background:#22c55ecc;color:#fff}.admin-save-btn:hover{background:#22c55e;transform:translateY(-2px)}.admin-access-denied{text-align:center;padding:60px;background:#ffffff1a;border-radius:12px}.admin-access-denied h2{font-size:2rem;margin-bottom:20px}@media (max-width: 768px){.admin-filter-row{flex-direction:column}.admin-filter-group{min-width:100%}.admin-table-container{overflow-x:auto}.admin-table{min-width:800px}.admin-form-row{grid-template-columns:1fr}}.ip-detail-tooltip{position:relative;display:inline-block;cursor:pointer}.ip-detail-trigger{font-size:.8rem;color:#61dafb;transition:color .2s ease}.ip-detail-trigger:hover{color:#fff}.ip-detail-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000f2;color:#fff;padding:10px;border-radius:5px;border:1px solid #333;font-size:.8rem;white-space:nowrap;z-index:1001;box-shadow:0 4px 12px #0000004d;backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;min-width:200px}.ip-detail-tooltip:hover .ip-detail-content{opacity:1;visibility:visible}.ip-detail-content div{margin:2px 0;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.1)}.ip-detail-content div:last-child{border-bottom:none}.ip-detail-content strong{color:#61dafb;font-weight:600}.admin-ip-cf{color:#ff6b6b;font-family:monospace;font-size:.8rem}.admin-ip-real{color:#4ecdc4;font-family:monospace;font-size:.8rem}.admin-ip-details{text-align:center;width:40px}.admin-panel{position:fixed;min-width:250px;max-width:600px;min-height:200px;max-height:800px;background:#000000e6;border:1px solid #333;border-radius:10px;color:#fff;font-size:.9rem;z-index:1000;box-shadow:0 4px 20px #0000004d;backdrop-filter:blur(10px);overflow:hidden;user-select:none;cursor:default}.admin-panel.dragging{cursor:grabbing;box-shadow:0 8px 32px #00000080}.admin-panel.resizing{cursor:nw-resize}.admin-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #333;background:#ff00001a;cursor:grab;user-select:none}.admin-panel-header:active{cursor:grabbing}.admin-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;background:linear-gradient(-45deg,transparent 30%,#666 30%,#666 35%,transparent 35%,transparent 65%,#666 65%,#666 70%,transparent 70%);cursor:nw-resize;z-index:10}.admin-resize-handle:hover{background:linear-gradient(-45deg,transparent 30%,#999 30%,#999 35%,transparent 35%,transparent 65%,#999 65%,#999 70%,transparent 70%)}.admin-panel-header h4{margin:0;font-size:1rem;color:#ff6b6b}.admin-panel-actions{display:flex;gap:5px}.admin-refresh-btn,.admin-expand-btn{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:1.2rem;padding:5px;border-radius:3px;transition:background-color .2s}.admin-refresh-btn:hover,.admin-expand-btn:hover{background:#ff6b6b33}.admin-refresh-btn.refreshing{animation:spin 1s linear infinite;pointer-events:none;opacity:.7}.admin-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.admin-panel-content{padding:15px;height:calc(100% - 50px);overflow-y:auto;overflow-x:hidden}.admin-stats{margin-bottom:10px}.admin-stats p{margin:0;font-size:.9rem}.admin-count{color:#4ade80;font-weight:700}.admin-users-table{max-height:calc(100% - 60px);overflow-y:auto;overflow-x:auto}.admin-table{width:100%;min-width:280px;border-collapse:collapse;font-size:.8rem;table-layout:auto}.admin-table th,.admin-table td{padding:6px 8px;text-align:left;border-bottom:1px solid #333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-table th{position:sticky;top:0;background:#000000e6;z-index:10}.admin-table th{background:#ffffff1a;font-weight:600;color:#ff6b6b}.admin-ip{color:#a78bfa;font-family:monospace;font-size:.75rem}.admin-no-users{text-align:center;padding:20px;color:#666;font-style:italic}.admin-no-users p{margin:0;font-size:.8rem}.admin-panel-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);z-index:9999;overflow-y:auto}.admin-panel-fullscreen .admin-panel-header{background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(10px)}.admin-toggle-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem}.admin-toggle-button:hover{background:#fff3;transform:translateY(-2px)}.admin-nav{display:flex;gap:10px;flex-wrap:wrap}.admin-nav-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.admin-nav-button:hover{background:#fff3;transform:translateY(-1px)}.admin-nav-button.active{background:#ffffff4d;border-color:#fff6}.admin-panel-fullscreen .admin-panel-content{padding:0;background:transparent}.admin-coming-soon{text-align:center;padding:100px 20px;font-size:1.5rem;color:#fffc;background:#ffffff1a;border-radius:15px;margin:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.admin-panel{width:280px;bottom:10px;right:10px}.admin-panel-fullscreen .admin-nav{flex-direction:column;gap:5px}.admin-nav-button{padding:6px 12px;font-size:.8rem}}.admin-login-history{padding:20px;color:#fff}.admin-page-header{margin-bottom:30px;text-align:center}.admin-page-header h2{font-size:1.8rem;font-weight:700;margin-bottom:10px;color:#ff6b6b}.admin-page-header p{color:#ffffffb3;font-size:1rem}.admin-filter-section{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.admin-filter-row{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.admin-filter-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.admin-filter-group label{font-size:.9rem;font-weight:500;color:#fff}.admin-filter-group input,.admin-filter-group select{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.9rem}.admin-filter-group input::placeholder{color:#ffffff80}.admin-search-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-search-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.admin-stats-section{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.admin-stat-card{background:#ffffff0d;border-radius:8px;padding:15px;text-align:center;border:1px solid rgba(255,255,255,.1);min-width:100px}.admin-stat-number{font-size:1.5rem;font-weight:700;color:#4ade80;margin-bottom:5px}.admin-stat-label{font-size:.8rem;color:#ffffffb3}.admin-table-container{background:#ffffff0d;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.admin-user-info{display:flex;flex-direction:column;gap:2px}.admin-username{color:#60a5fa;font-weight:500}.admin-user-id{font-size:.7rem;color:#fff9}.admin-action-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase}.admin-ip-info{display:flex;flex-direction:column;gap:4px;font-size:.8rem}.admin-ip-detail{display:flex;flex-direction:column;gap:2px;padding:8px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.admin-ip-detail div{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.admin-ip-detail strong{color:#60a5fa;font-size:.7rem;min-width:80px}.admin-ip-detail span{color:#fff;font-size:.7rem;font-family:monospace}.admin-logout-ip{margin-top:4px;padding:4px 8px;background:#ff98001a;border-radius:4px;border-left:3px solid #ff9800;font-size:.7rem}.admin-logout-ip strong{color:#ff9800}.admin-user-agent{max-width:200px;font-size:.7rem;color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-loading{text-align:center;padding:40px;color:#ffffffb3}.admin-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #ff6b6b;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.admin-error{text-align:center;padding:40px;color:#ff6b6b}.admin-error button{margin-top:15px;padding:8px 16px;background:#ff6b6b33;border:1px solid #ff6b6b;border-radius:6px;color:#ff6b6b;cursor:pointer;transition:all .3s ease}.admin-error button:hover{background:#ff6b6b4d}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:20px}.admin-pagination-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease}.admin-pagination-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.admin-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-page-numbers{display:flex;gap:5px;margin:0 20px}.admin-page-btn{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;min-width:40px}.admin-page-btn:hover{background:#fff3;border-color:#ffffff4d}.admin-page-btn.active{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.admin-no-data{text-align:center;padding:60px 20px;color:#fff9}.admin-no-data p{font-size:1.1rem;margin:0}.avatar-selector-backdrop{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.avatar-selector-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(102,126,234,.5);border-radius:16px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.avatar-selector-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid rgba(102,126,234,.3);background:#0a0a0a80}.avatar-selector-header .modal-icon{font-size:1.5rem}.avatar-selector-header .modal-title{flex:1;margin:0;font-size:1.25rem;font-weight:600;color:#fff;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.avatar-selector-header .modal-close{background:transparent;border:none;color:#ffffffb3;font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;line-height:1}.avatar-selector-header .modal-close:hover{background:#ffffff1a;color:#fff}.avatar-selector-content{padding:24px;overflow-y:auto;flex:1}.avatar-selector-description{margin:0 0 20px;color:#fffc;font-size:.95rem;text-align:center}.avatar-loading,.avatar-error,.avatar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:200px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.3);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{color:#fffc;font-size:1rem;animation:pulse 1.5s ease-in-out infinite}.avatar-error p{color:#ff6464e6;margin:0 0 16px;font-size:.95rem}.avatar-retry-btn{padding:8px 16px;background:#667eea33;border:1px solid rgba(102,126,234,.5);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s}.avatar-retry-btn:hover{background:#667eea4d;border-color:#667eeab3}.avatar-empty p{color:#fff9;margin:0;font-size:.95rem}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;padding:8px 0}.avatar-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent;background:#ffffff0d;transition:all .3s ease}.avatar-item:hover{border-color:#667eea80;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.avatar-item.selected{border-color:#667eea;box-shadow:0 0 20px #667eea99;transform:scale(1.08)}.avatar-preview{width:100%;height:100%;object-fit:cover;display:block}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5rem;font-weight:600}.avatar-checkmark{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#667eea;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;box-shadow:0 2px 8px #667eea80}.avatar-selector-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid rgba(102,126,234,.3);background:#0a0a0a80;gap:12px}.avatar-footer-actions{display:flex;gap:12px}.avatar-remove-btn{padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;font-size:.9rem;cursor:pointer;transition:all .2s}.avatar-remove-btn:hover{background:#ffffff26;color:#fff}.avatar-cancel-btn,.avatar-confirm-btn{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.avatar-cancel-btn{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.avatar-cancel-btn:hover{background:#ffffff26;color:#fff}.avatar-confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.avatar-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.avatar-confirm-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.avatar-selector-modal{width:95%;max-height:85vh}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.avatar-selector-footer{flex-direction:column;align-items:stretch}.avatar-remove-btn,.avatar-footer-actions{width:100%}.avatar-cancel-btn,.avatar-confirm-btn{flex:1}}.alert-modal-backdrop{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(8px)}.alert-modal{background:linear-gradient(145deg,#0a0a0a,#1a1a2e 30%,#16213e 70%,#0f3460);border-radius:20px;border:3px solid;box-shadow:0 0 30px #667eea4d,0 0 60px #764ba233,inset 0 1px #ffffff1a;max-width:450px;width:90%;max-height:80vh;overflow:hidden;animation:alertModalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.alert-modal.info{border-image:linear-gradient(45deg,#667eea,#764ba2) 1}.alert-modal.warning{border-image:linear-gradient(45deg,#f59e0b,#d97706) 1}.alert-modal.error{border-image:linear-gradient(45deg,#ef4444,#dc2626) 1}.alert-modal:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(102,126,234,.1) 50%,transparent 70%);pointer-events:none;animation:shimmer 3s infinite}@keyframes alertModalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.alert-modal-header{display:flex;align-items:center;padding:25px 50px 25px 30px;border-bottom:2px solid;border-image:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent) 1;background:linear-gradient(135deg,#667eea1a,#764ba21a);position:relative}.alert-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent);animation:borderGlow 2s infinite}.alert-modal-icon{font-size:2.5rem;margin-right:20px;animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 10px currentColor)}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.alert-modal-title{flex:1;font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5);background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.alert-modal-close{position:absolute;top:15px;right:15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.alert-modal-close:hover{background:#fff3;transform:rotate(90deg);box-shadow:0 0 15px #667eea80}.alert-modal-content{padding:30px;color:#e2e8f0;line-height:1.6}.alert-modal-message{font-size:1rem;margin:0;white-space:pre-line;text-align:center}.alert-modal-footer{display:flex;gap:12px;justify-content:center;padding:20px 30px;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#0003,#0000001a)}.alert-modal-close-btn,.alert-modal-action-btn{padding:12px 24px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent;min-width:100px}.alert-modal-close-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea4d}.alert-modal-close-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.alert-modal-action-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#f59e0b4d}.alert-modal-action-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b66}@media (max-width: 768px){.alert-modal{max-width:90%;margin:20px}.alert-modal-header{padding:20px 45px 20px 20px}.alert-modal-icon{font-size:2rem;margin-right:15px}.alert-modal-title{font-size:1.3rem}.alert-modal-content{padding:20px}.alert-modal-message{font-size:.9rem}.alert-modal-footer{padding:15px 20px;flex-direction:column}.alert-modal-close-btn,.alert-modal-action-btn{width:100%}}.layout-container{display:flex;flex-direction:row;width:100vw;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Roboto,sans-serif}.sidebar{width:280px;height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);backdrop-filter:blur(10px);border-right:1px solid rgba(102,126,234,.3);color:#fff;padding:24px 16px;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:var(--z-sidebar);box-shadow:10px 0 30px #0000004d;flex-shrink:0;overflow-y:auto}.sidebar-header{margin-bottom:32px;text-align:center;position:relative}.sidebar-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.logo-icon{font-size:2rem;animation:pulse 2s infinite}.sidebar-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-subtitle{font-size:.9rem;color:#ffffffb3;font-weight:300}.sidebar-menu{list-style:none;flex:1;overflow-y:auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);border-radius:8px;padding:8px;margin:-8px}.sidebar-menu-item{margin-bottom:4px}.sidebar-menu-link{display:flex;align-items:center;padding:12px 16px;color:#fff;text-decoration:none;border-radius:8px;transition:all .3s ease;border:1px solid transparent;position:relative}.sidebar-menu-link:hover{background:#667eea33;border-color:#667eea4d;transform:translate(5px)}.guest-auth-section{margin:20px 0;padding:0}.guest-auth-buttons{display:flex;flex-direction:column;gap:10px;padding:0 20px}.auth-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border-radius:10px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;border:1px solid transparent;box-shadow:0 2px 8px #0003}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea4d}.login-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.signup-button{background:#ffffff26;color:#e2e8f0;border-color:#ffffff4d}.signup-button:hover{background:#ffffff40;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #fff3}.auth-button.logout-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef44444d;cursor:pointer;width:100%}.auth-button.logout-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 16px #ef444466}.header-auth-mobile{display:none!important}.desktop-only{display:flex}.mobile-menu-toggle{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 14px;color:#fff;cursor:pointer;transition:all .3s ease;margin-right:12px;font-size:1.5rem;line-height:1}.mobile-menu-toggle:hover{background:#fff3;transform:scale(1.05)}.hamburger-icon{display:block;font-size:1.5rem;line-height:1}.sidebar-overlay{display:none;position:fixed;inset:0;background:#000000b3;z-index:var(--z-sidebar);backdrop-filter:blur(4px)}.sidebar-close-btn{display:none;position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .3s ease;align-items:center;justify-content:center;z-index:10}.sidebar-close-btn:hover{background:#fff3;transform:rotate(90deg)}.sidebar-footer .developer-card.clickable{cursor:pointer}.sidebar-footer .developer-card.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d;border-color:#667eea80}.mobile-auth-buttons{display:flex;gap:8px;align-items:center}.mobile-auth-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.85rem;transition:all .3s ease;border:1px solid transparent;cursor:pointer;white-space:nowrap}.mobile-btn-icon{font-size:1rem;line-height:1}.mobile-btn-text{font-size:.85rem}.mobile-login-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea4d;box-shadow:0 2px 8px #667eea4d}.mobile-login-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.mobile-signup-btn{background:#ffffff26;color:#e2e8f0;border-color:#ffffff4d;box-shadow:0 2px 8px #0000001a}.mobile-signup-btn:hover{background:#ffffff40;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #fff3}.mobile-logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef44444d;box-shadow:0 2px 8px #ef44444d}.mobile-logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.locked-menu-item{opacity:.6;cursor:not-allowed;position:relative}.locked-menu-item:hover{background:#ffffff0d;transform:none}.lock-badge{margin-left:auto;font-size:.7rem;padding:2px 6px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:4px;color:#fca5a5;font-weight:600}.restricted-menu-item{opacity:.7;cursor:pointer;position:relative}.restricted-menu-item:hover{background:#ffffff0d;transform:translate(5px)}.sidebar-menu-link .warning-badge{margin-left:6px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;flex-shrink:0}.sidebar-menu-link>span:not(.warning-badge){flex:1}.sidebar-menu-link .warning-badge:first-of-type{margin-left:auto}.warning-badge.kakao-badge{background:linear-gradient(135deg,#fee500,#fdd835);border-radius:50%;padding:2px;box-shadow:0 2px 8px #fee50066;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.animated-warning{animation:warningRotate 2s ease-in-out infinite}@keyframes warningRotate{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.locked-menu-item .warning-badge{margin-left:auto}.sidebar-menu-link.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea}.menu-icon{font-size:1.2rem;margin-right:12px;min-width:20px}.sidebar-menu-link>span:not(.warning-badge){font-size:.95rem;font-weight:500}.sidebar-footer{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.developer-card{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;border:1px solid rgba(102,126,234,.2);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.developer-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease}.developer-card:hover:before{opacity:1}.developer-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea33;border-color:#667eea66}.sidebar-footer .developer-card .developer-avatar{width:64px;height:64px;min-width:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #667eea4d;position:relative;z-index:2;flex-shrink:0;overflow:hidden}.sidebar-footer .developer-card .developer-avatar .user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sidebar-footer .developer-card .developer-avatar .default-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.8rem}.sidebar-footer .developer-card .developer-avatar .guest-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.2rem}.sidebar-footer .developer-card .developer-info{flex:1;min-width:0;position:relative;z-index:2;overflow:hidden}.sidebar-footer .developer-card .developer-name{font-size:.95rem;font-weight:700;margin-bottom:4px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .developer-card .developer-level{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.sidebar-footer .developer-card .level-badge{font-size:.7rem;color:#fff;font-weight:700;padding:2px 8px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #f59e0b4d;letter-spacing:.5px;white-space:nowrap}.sidebar-footer .developer-card .level-text{font-size:.7rem;color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .developer-card .developer-status{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#ffffffe6;font-weight:500;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b98180;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.main-content-area{flex:1;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);margin-left:280px}.header{min-height:100px;background:linear-gradient(135deg,#667eeae6,#764ba2e6);backdrop-filter:blur(10px);border-bottom:1px solid rgba(102,126,234,.3);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 32px;position:sticky;top:0;z-index:var(--z-header);flex-shrink:0;box-shadow:0 2px 20px #0000004d}.header-left{display:flex;align-items:center;flex:0 0 auto}.header-logo{display:flex;align-items:center;gap:15px}.header-logo .logo-icon{font-size:2rem;animation:pulse 2s infinite}.logo-text{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.header-title{font-size:1.75rem;font-weight:800;color:#fff;margin:0;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.2)}.header-subtitle{font-size:.9rem;color:#fffc;margin:0;line-height:1.2;font-weight:300}.header-center{display:flex;align-items:center;justify-content:center;flex:1;padding:0 20px}.header-dev-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:linear-gradient(135deg,#ef444433,#dc262626);border:1px solid rgba(239,68,68,.5);border-radius:8px;backdrop-filter:blur(10px);cursor:help;box-shadow:0 2px 10px #ef444433,0 0 20px #ef44441a;transition:all .3s ease;white-space:nowrap;position:relative}.header-dev-badge:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#ef44444d,#dc262633);border-radius:8px;opacity:0;transition:opacity .3s ease;z-index:-1}.header-dev-badge:hover{background:linear-gradient(135deg,#ef444440,#dc262633);border-color:#ef444499;box-shadow:0 4px 15px #ef44444d,0 0 30px #ef444426}.header-dev-badge:hover:before{opacity:1}.dev-badge-icon{font-size:.9rem;flex-shrink:0;opacity:.95;filter:drop-shadow(0 0 4px rgba(239,68,68,.5))}.dev-badge-text{font-size:.85rem;color:#fee2e2f2;font-weight:500;letter-spacing:.2px;text-shadow:0 0 8px rgba(239,68,68,.3)}.header-right{display:flex;align-items:center;gap:30px;flex:0 0 auto}.header-stats{display:flex;gap:20px}.stat-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.stat-icon{font-size:1.2rem}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:.9rem;font-weight:600;line-height:1}.stat-label{font-size:.8rem;opacity:.8}.header-user{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.user-avatar{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;transition:all .3s ease}.user-avatar.clickable{cursor:pointer}.user-avatar.clickable:hover{transform:scale(1.1);box-shadow:0 0 15px #667eea80;border:2px solid rgba(102,126,234,.5)}.user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.default-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem}.user-info{display:flex;flex-direction:column}.status-dot.offline{background:#6b7280;box-shadow:0 0 10px #6b728080}.user-name{font-size:.9rem;font-weight:600;line-height:1}.user-status{display:flex;align-items:center;gap:4px;font-size:.8rem;opacity:.8}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b98199;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.content{flex:1;padding:0;background:transparent;min-height:calc(100vh - 100px);overflow-y:auto}@media (min-height: 120px){.header{min-height:auto;height:auto}.content{min-height:calc(100vh - var(--header-height, 120px))}}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content-area{margin-left:0}.header-stats{display:none}.mobile-menu-toggle{display:flex}.sidebar-overlay{display:block}.sidebar-close-btn{display:flex}.desktop-only{display:none!important}}@media (max-width: 768px){.header{padding:0 20px;height:80px}.header-title{font-size:1.5rem}.header-subtitle{font-size:.8rem}.header-center{padding:0 10px;display:none}.header-dev-badge{padding:6px 12px;gap:6px}.dev-badge-icon{font-size:.8rem}.dev-badge-text{font-size:.7rem;white-space:normal}.logo-text{gap:3px}.header-right{gap:10px;flex-wrap:wrap}.header-user{display:none!important}.user-name{font-size:.8rem}.user-status{font-size:.7rem}.sidebar{width:100%;z-index:1003}.sidebar-header{margin-bottom:20px}.sidebar-title{font-size:1.3rem}.sidebar-menu-link{padding:10px 12px}.menu-icon{font-size:1.1rem}.sidebar-menu-link>span:not(.warning-badge){font-size:.9rem}.guest-auth-section{margin:24px 0;padding:0}.guest-auth-buttons{padding:0 16px;gap:12px}.auth-button{padding:16px 20px;font-size:1rem;border-radius:12px}.mobile-btn-text{font-size:.8rem}}.turnstile-section{margin-top:20px;padding:15px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);text-align:center}.turnstile-container{display:flex;justify-content:center;align-items:center}.turnstile-container .cf-turnstile{transform:scale(.8)}.turnstile-section:before{content:"🔒 보안 검증";display:block;font-size:.8rem;color:#ffffffb3;margin-bottom:10px;font-weight:500}.turnstile-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.turnstile-loading .loading-spinner{font-size:1.5rem;animation:spin 1s linear infinite}.turnstile-loading p{color:#fffc;font-size:.9rem;margin:0}.home-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Roboto,sans-serif}.game-header{position:relative;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.game-header-bg{position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.game-particles{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.3) 0%,transparent 50%);animation:particles 20s ease-in-out infinite}@keyframes particles{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.game-header-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.game-logo{display:flex;align-items:center;gap:20px}.logo-icon{font-size:4rem;animation:pulse 2s infinite}.game-title{margin:0}.title-main{display:block;font-size:3.5rem;font-weight:900;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3)}.title-sub{display:block;font-size:1.2rem;font-weight:300;opacity:.9;margin-top:5px}.game-stats{display:flex;gap:30px}.stat-card{text-align:center;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;min-width:120px}.stat-icon{font-size:2rem;margin-bottom:10px}.stat-value{font-size:2rem;font-weight:800;color:#fff;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.8}.game-nav{background:#0000004d;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:0 20px}.nav-container{display:flex;justify-content:center;gap:0;max-width:1200px;margin:0 auto}.nav-item{display:flex;flex-direction:column;align-items:center;padding:20px 30px;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#667eea33;border-bottom-color:#667eea}.nav-icon{font-size:1.5rem;margin-bottom:8px}.nav-item span{font-size:.9rem;font-weight:500}.game-content{padding:40px 20px;max-width:1200px;margin:0 auto}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.game-card{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;margin-bottom:20px;transition:all .3s ease}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#667eea80}.card-header{display:flex;align-items:center;padding:20px;margin:0;width:100%;box-sizing:border-box;background:#0003;border-bottom:1px solid rgba(255,255,255,.1);border-top-left-radius:16px;border-top-right-radius:16px}.card-icon{font-size:1.5rem;margin-right:12px}.card-header h3{margin:0;font-size:1.2rem;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-indicator{width:12px;height:12px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b98180;animation:pulse 2s infinite}.status-indicator.offline{background:#6b7280;box-shadow:0 0 10px #6b728080}.card-content{padding:20px;margin:0}.card-content>*:first-child{margin-top:0}.card-content>*:last-child{margin-bottom:0}.player-info{display:flex;align-items:center;margin-bottom:20px}.player-avatar{font-size:3rem;margin-right:15px}.game-card.developer-status .card-content{padding-top:20px}.game-card.developer-status .developer-info{display:flex;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.game-card.developer-status .developer-avatar{width:80px;height:80px;min-width:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;margin-right:20px;border:3px solid rgba(102,126,234,.5);box-shadow:0 0 20px #667eea4d;position:relative;overflow:hidden}.game-card.developer-status .developer-avatar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shine 3s infinite}@keyframes shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-card.developer-status .developer-avatar .user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:1}.game-card.developer-status .developer-avatar .default-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:2rem;position:relative;z-index:1}.game-card.developer-status .developer-details{flex:1;min-width:0}.game-card.developer-status .developer-name{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card.developer-status .developer-level{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.game-card.developer-status .level-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;font-size:.85rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #f59e0b4d}.game-card.developer-status .level-text{font-size:.9rem;color:#fffc;font-weight:500}.game-card.developer-status .developer-stats{display:flex;flex-direction:column;gap:15px;margin-top:20px}.player-details{flex:1}.player-name{font-size:1.3rem;font-weight:600;margin-bottom:5px}.player-level{font-size:.9rem;opacity:.7}.player-stats{display:flex;flex-direction:column;gap:15px}.stat-bar{display:flex;align-items:center;gap:10px}.stat-label{min-width:60px;font-size:.9rem;font-weight:500}.stat-progress{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-fill.health{background:linear-gradient(90deg,#ef4444,#f97316)}.progress-fill.energy{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.progress-fill.mana{background:linear-gradient(90deg,#8b5cf6,#a855f7)}.progress-fill.activity{background:linear-gradient(90deg,#10b981,#34d399)}.progress-fill.exp{background:linear-gradient(90deg,#8b5cf6,#a855f7)}.progress-fill.points{background:linear-gradient(90deg,#f59e0b,#d97706)}.community-list{display:flex;flex-direction:column;gap:15px;margin:0;padding:0}.community-item{display:flex;align-items:center;padding:15px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.community-icon{font-size:1.5rem;margin-right:15px}.community-info{flex:1}.community-name{font-weight:600;margin-bottom:3px}.community-detail{font-size:.9rem;opacity:.7}.community-item .community-status{padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.community-item .community-status.active{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.stat-value{min-width:60px;text-align:right;font-size:.9rem;font-weight:500}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.action-btn{display:flex;flex-direction:column;align-items:center;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;text-decoration:none}.action-btn:hover{background:#667eea33;border-color:#667eea;transform:translateY(-2px)}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.btn-icon{font-size:2rem;margin-bottom:10px}.action-btn span{font-size:.9rem;font-weight:500}.server-list{display:flex;flex-direction:column;gap:15px}.server-item{display:flex;align-items:center;padding:15px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.server-icon{font-size:1.5rem;margin-right:15px}.server-info{flex:1}.server-name{font-weight:600;margin-bottom:3px}.server-detail{font-size:.9rem;opacity:.7}.server-status{padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.server-status.online{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.tech-categories{display:flex;flex-direction:column;gap:20px;margin:0;padding:0}.tech-category{background:#ffffff0d;border-radius:8px;padding:15px}.category-title{font-size:1rem;font-weight:600;margin-bottom:15px;color:#667eea}.tech-items{display:flex;flex-wrap:wrap;gap:10px}.tech-item{display:flex;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.tech-item:hover{background:#667eea33;border-color:#667eea}.tech-icon{font-size:1.2rem;margin-right:8px}.tech-item span{font-size:.9rem;font-weight:500}.game-footer{background:#0000004d;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:30px 20px}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-logo{font-size:1.2rem;font-weight:600;margin-bottom:5px}.footer-desc{font-size:.9rem;opacity:.7}.footer-stats{display:flex;flex-direction:column;gap:5px}.footer-stat{display:flex;gap:10px;font-size:.9rem}.stat-label{opacity:.7}.stat-value.online{color:#10b981}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr}.game-header-content{flex-direction:column;gap:30px;text-align:center}.game-stats{justify-content:center}}@media (max-width: 768px){.title-main{font-size:2.5rem}.game-stats{flex-direction:column;gap:15px}.nav-container{flex-wrap:wrap;gap:10px}.nav-item{padding:15px 20px}.action-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:20px;text-align:center}}.loading-stats{text-align:center;padding:20px;color:#667eea;font-size:.9rem;animation:pulse 1.5s ease-in-out infinite}.no-stats{text-align:center;padding:20px;color:#ff6b6b;font-size:.9rem}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.file-upload-container{margin:20px 0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;color:#fff}.file-upload-area{border:2px dashed rgba(255,255,255,.3);border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff05;position:relative;overflow:hidden}.file-upload-area:hover{border-color:#667eea;background:#667eea1a}.file-upload-area.drag-over{border-color:#667eea;background:#667eea33;transform:scale(1.02)}.file-upload-area.uploading{pointer-events:none;opacity:.7}.upload-content{position:relative;z-index:2}.upload-icon{font-size:3rem;margin-bottom:15px;opacity:.8}.upload-text{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#fff}.upload-hint{font-size:.9rem;opacity:.7;margin:0;color:#fffc}.uploading-spinner{display:flex;flex-direction:column;align-items:center;gap:15px}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.uploading-spinner p{margin:0;color:#fff;font-size:1rem}.file-list{margin-top:15px;background:#ffffff08;border-radius:8px;padding:12px;border:1px solid rgba(255,255,255,.08)}.file-list-title{margin:0 0 10px;font-size:.95rem;font-weight:600;line-height:1.3;color:#ffffffe6;display:flex;align-items:center;gap:6px}.file-items{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;padding-right:4px}.file-items::-webkit-scrollbar{width:6px}.file-items::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.file-items::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.file-items::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.file-item{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px;padding:6px 8px;background:#ffffff08;border-radius:4px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease;position:relative;width:100%;box-sizing:border-box;min-height:32px;max-height:32px}.file-item:hover{background:#ffffff0f;border-color:#ffffff26}.file-item-header{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;flex:1;min-width:0}.file-info{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px;flex:1;min-width:0}.file-icon{font-size:1rem;flex-shrink:0!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.file-details{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px;min-width:0;flex:1}.file-name{font-weight:500;color:#fff;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.8rem;line-height:1.2;max-width:none;min-width:0;flex:1;display:inline-block}.file-size{font-size:.7rem;line-height:1.2;opacity:.6;color:#ffffffb3;white-space:nowrap!important;flex-shrink:0!important;display:inline-block}.file-actions{display:flex;gap:6px;flex-shrink:0!important;align-items:center}.image-preview,.file-item.has-image .image-preview{display:none}.file-item-pending{min-height:40px;max-height:80px;flex-wrap:nowrap}.file-item-pending.uploading{min-height:50px}.file-upload-status{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:100px;margin-left:auto}.file-progress-text{font-size:.7rem;color:#fffc;font-weight:600;min-width:38px;text-align:right;flex-shrink:0}.action-btn{padding:4px 8px;border:none;border-radius:4px;font-size:.75rem;font-weight:500;line-height:1.2;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:3px;font-family:inherit;white-space:nowrap}.view-btn{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.view-btn:hover{background:#3b82f64d;color:#93c5fd}.download-btn{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.download-btn:hover{background:#10b9814d;color:#6ee7b7}.delete-btn{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.delete-btn:hover{background:#ef44444d;color:#fca5a5}.disabled-btn{background:#ffffff0d!important;color:#ffffff4d!important;border:1px solid rgba(255,255,255,.1)!important;cursor:not-allowed!important;opacity:.5}@media (max-width: 768px){.file-upload-area{padding:30px 15px}.upload-icon{font-size:2.5rem}.upload-text{font-size:1rem}.upload-hint{font-size:.85rem}.file-item{flex-direction:column;align-items:stretch;gap:10px}.file-info{justify-content:flex-start}.file-actions{justify-content:flex-end}.action-btn{flex:1;justify-content:center}}.post-detail-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Roboto,sans-serif;padding:20px;max-width:1200px;margin:0 auto}.post-detail-card{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d;margin-bottom:20px}.post-detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.1);background:#0000001a}.back-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#fff3;border-color:#ffffff4d}.post-board-type{font-size:1.1rem;font-weight:600;color:#667eea}.post-detail-main{display:flex;flex-direction:column;gap:20px;padding:0 30px 30px}.post-header-section{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}.post-title-section{display:flex;align-items:center;gap:15px;margin-bottom:20px}.post-title{font-size:2.2rem;font-weight:700;margin:0;color:#fff;flex:1}.answered-badge{padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3);white-space:nowrap}.post-meta-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);align-items:center}.post-author{display:flex;align-items:center;gap:8px;font-size:1rem;color:#fffc}.author-avatar-small{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.author-avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:18px}.author-name{font-weight:500;font-size:1rem}.author-level-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:600;white-space:nowrap}.post-date{font-size:1rem;color:#fffc}.post-stats{display:flex;gap:20px;margin-left:auto}.post-views,.post-likes,.post-comments{font-size:.95rem;color:#ffffffb3}.post-image-gallery{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px}.post-image-gallery h3{font-size:1.3rem;margin-bottom:20px;color:#667eea;display:flex;align-items:center;gap:10px}.image-gallery-main{display:flex;flex-direction:column;gap:20px}.main-image-container{position:relative;width:100%;height:400px;background:#0003;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.main-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.main-image.active{opacity:1}.main-image img{width:100%;height:100%;object-fit:contain;border-radius:12px}.gif-badge{position:absolute;top:15px;right:15px;background:#000c;color:#0f0;padding:6px 12px;border-radius:6px;font-size:.9rem;font-weight:700;font-family:monospace;z-index:2}.gallery-video-item{position:relative}.gallery-video{width:100%;height:100%;object-fit:cover;cursor:pointer}.gallery-video-item .video-play-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent!important;border-radius:0!important;opacity:1;transition:opacity .3s ease;pointer-events:auto;cursor:pointer;z-index:20;width:auto!important;height:auto!important}.gallery-video-item:hover .video-play-overlay{opacity:1;background:transparent!important;border-radius:0!important}.gallery-video-item .video-play-overlay .play-icon{font-size:3rem;color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.8);margin-bottom:8px;display:inline-block;line-height:75px;width:80px;height:80px;background:#0009!important;border-radius:50%!important;padding:0 0 0 6px;box-shadow:none!important;transition:all .3s ease;position:relative;text-align:center;vertical-align:middle}.gallery-video-item .video-play-overlay .play-icon:before,.gallery-video-item .video-play-overlay .play-icon:after{display:none!important}.gallery-video-item:hover .video-play-overlay .play-icon{background:#667eeacc;transform:scale(1.1)}.gallery-video-item .video-play-overlay .video-badge{background:#667eeae6;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:none;color:#fff;font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;z-index:3}.main-image-container:hover .gallery-nav-btn{opacity:1}.gallery-nav-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.gallery-nav-btn.prev-btn{left:20px}.gallery-nav-btn.next-btn{right:20px}.gallery-counter{position:absolute;bottom:20px;right:20px;background:#000c;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;z-index:3}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;max-height:120px;overflow-y:auto}.thumbnail{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.thumbnail:hover{transform:scale(1.05);border-color:#667eea80}.thumbnail.active{border-color:#667eea;box-shadow:0 0 10px #667eea80}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-gif-badge{position:absolute;top:2px;right:2px;background:#000c;color:#0f0;padding:2px 4px;border-radius:3px;font-size:.6rem;font-weight:700;font-family:monospace}.image-thumbnail{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:#0000004d}.image-thumbnail:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.image-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-thumbnail:hover img{transform:scale(1.05)}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:15px;color:#fff;opacity:0;transition:opacity .3s ease}.image-thumbnail:hover .image-overlay{opacity:1}.image-name{display:block;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.image-size{font-size:.8rem;opacity:.8}.post-content-section{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px}.post-content{font-size:1.1rem;line-height:1.8;color:#fff;white-space:pre-wrap}.post-attachments-section{margin-bottom:15px;padding:8px;background:#ffffff05;border-radius:6px;border:1px solid rgba(255,255,255,.05);width:100%;min-width:0}.attachments-header{margin-bottom:6px;display:flex;align-items:center;gap:6px}.attachments-badge{font-size:.75rem;font-weight:600;color:#ffffffb3;padding:2px 8px;background:#667eea26;border-radius:10px;border:1px solid rgba(102,126,234,.2)}.attachments-list-compact{display:flex;flex-direction:column;gap:4px;max-height:250px;overflow-y:auto;padding-right:4px;width:100%}.attachments-list-compact::-webkit-scrollbar{width:4px}.attachments-list-compact::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.attachments-list-compact::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.attachments-list-compact::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.attachment-item-compact{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px;padding:6px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:4px;transition:all .2s ease;text-decoration:none;color:inherit;cursor:pointer;width:100%;box-sizing:border-box;min-height:32px;max-height:32px;overflow:hidden}.attachment-item-compact:hover{background:#667eea26;border-color:#667eea4d;transform:translate(2px)}.attachment-item-compact>*{display:inline-block!important;vertical-align:middle!important;flex-shrink:0}.attachment-icon-compact{font-size:.9rem;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#667eea26;border-radius:4px;flex-shrink:0!important;line-height:1;margin:0;padding:0}.attachment-name-compact{flex:1 1 auto!important;font-size:.8rem;font-weight:500;color:#fff;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0;max-width:none;line-height:1.2;display:inline-block!important;vertical-align:middle;text-align:left;margin:0;padding:0}.attachment-size-compact{font-size:.7rem;color:#ffffff80;white-space:nowrap!important;flex-shrink:0!important;line-height:1.2;display:inline-block!important;vertical-align:middle;margin:0;padding:0 4px}.attachment-download-icon{font-size:.75rem;opacity:.6;transition:all .2s ease;flex-shrink:0!important;display:inline-block!important;vertical-align:middle;line-height:1;margin:0;padding:0}.attachment-item-compact:hover .attachment-download-icon{opacity:1;transform:translateY(-1px)}.post-actions-section{display:flex;justify-content:center;gap:15px;text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.like-button{padding:12px 25px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.edit-button{padding:12px 25px;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f59e0b4d}.edit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.edit-button:disabled{opacity:.6;cursor:not-allowed}.like-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.security-notice{display:flex;gap:16px;padding:20px;margin:20px 0;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.3);border-left:4px solid rgba(102,126,234,.6);border-radius:12px;backdrop-filter:blur(10px);box-shadow:0 4px 15px #667eea26}.security-notice-icon{font-size:2rem;flex-shrink:0;display:flex;align-items:flex-start;padding-top:4px}.security-notice-content{flex:1;display:flex;flex-direction:column;gap:10px}.security-notice-title{font-size:1.1rem;font-weight:700;color:#667eea;margin-bottom:4px}.security-notice-text{font-size:.95rem;line-height:1.7;color:#ffffffe6}.security-notice-text strong{color:#fff;font-weight:600;background:#667eea33;padding:2px 6px;border-radius:4px}.comments-section{padding:20px 0;border-top:1px solid rgba(255,255,255,.1)}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.comments-header h3{font-size:1.5rem;margin:0;color:#fff}.add-comment-button{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-comment-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.comment-form{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:20px}.comment-form h4{font-size:1.2rem;margin-bottom:15px;color:#667eea}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:.9rem;font-weight:500;color:#ffffffe6}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#0000004d;color:#fff;font-size:.95rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px}.cancel-button,.submit-button{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-button{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.cancel-button:hover{background:#fff3;color:#fff}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:15px}.comment-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;transition:all .3s ease}.comment-item:hover{background:#ffffff0d}.comment-item.reply{margin-left:30px;border-left:3px solid rgba(102,126,234,.3)}.comment-header{display:flex;gap:15px;margin-bottom:8px}.comment-author{font-weight:600;color:#667eea}.comment-date{font-size:.85rem;color:#fff9}.comment-content{font-size:1rem;line-height:1.6;color:#fff;margin-bottom:10px;white-space:pre-wrap}.comment-actions{display:flex;gap:10px}.reply-button{padding:6px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:4px;color:#667eea;font-size:.85rem;cursor:pointer;transition:all .3s ease}.reply-button:hover{background:#667eea4d;border-color:#667eea}.replies{margin-top:10px;display:flex;flex-direction:column;gap:10px}.no-comments{text-align:center;padding:40px;color:#fff9;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.edit-modal{background:#1a1a2ef2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;color:#fff;font-size:1.5rem}.modal-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover:not(:disabled){background:#ffffff1a}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:30px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 30px;border-top:1px solid rgba(255,255,255,.1)}.cancel-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.cancel-button:hover:not(:disabled){background:#fff3}.cancel-button:disabled,.submit-button:disabled{opacity:.6;cursor:not-allowed}.image-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-overlay);padding:20px}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;min-width:300px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-image{max-width:80vw;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 50px #00000080;transition:all .3s ease}.modal-video{max-width:80vw;max-height:80vh;border-radius:8px;box-shadow:0 10px 50px #00000080;background:#000;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.modal-video[controls]{-webkit-appearance:none;appearance:none}.modal-video[controls]::-webkit-media-controls-panel{display:flex!important}.modal-video[controls]::-webkit-media-controls-play-button{display:flex!important}.modal-video[controls]::-webkit-media-controls-timeline-container{display:flex!important}.modal-video[controls]::-webkit-media-controls-timeline{display:flex!important}.modal-video[controls]::-webkit-media-controls-current-time-display{display:flex!important}.modal-video[controls]::-webkit-media-controls-time-remaining-display{display:flex!important}.modal-video-wrapper{position:relative;display:inline-block;max-width:80vw;max-height:80vh}.modal-video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}.modal-video-loading .video-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.modal-video-loading .video-loading-text{color:#fff;font-size:1rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5);background:#00000080;padding:8px 16px;border-radius:8px;backdrop-filter:blur(10px)}.modal-video-wrapper .modal-video-watermark{position:absolute;top:15px;right:15px;z-index:20;pointer-events:none;user-select:none;-webkit-user-select:none}.modal-video-wrapper .modal-video-watermark .watermark-text{background:linear-gradient(135deg,#dc2626f2,#b91c1ce6);color:#fffffff2;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:700;letter-spacing:.5px;backdrop-filter:blur(6px);border:1px solid rgba(239,68,68,.6);box-shadow:0 4px 15px #dc262680,0 0 30px #dc26264d}.modal-close{position:absolute;top:-40px;right:0;background:#fff3;border:none;color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-prev,.modal-next{position:absolute;top:50%;transform:translateY(-50%);background:#000c;border:none;color:#fff;font-size:2rem;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:var(--z-modal-button);box-shadow:0 4px 15px #00000080}.modal-prev:hover,.modal-next:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.modal-info{margin-top:15px;text-align:center;color:#fff}.modal-filename{font-size:1.1rem;font-weight:500;margin-bottom:5px}.modal-filesize{font-size:.9rem;opacity:.8;margin-bottom:5px}.modal-counter{font-size:.9rem;opacity:.6}.loading,.error{text-align:center;padding:50px;font-size:1.1rem;opacity:.8;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.error{color:#ff6b6b}@media (max-width: 768px){.post-detail-container{padding:15px}.post-detail-header{flex-direction:column;gap:15px;align-items:flex-start}.post-title{font-size:1.8rem}.post-meta-section{flex-direction:column;gap:10px}.post-stats{margin-left:0}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.image-thumbnail{aspect-ratio:4/3}.attachment-item{flex-direction:column;align-items:flex-start;gap:10px}.attachment-actions{width:100%;justify-content:flex-end}.comment-item.reply{margin-left:15px}.form-actions{flex-direction:column-reverse;gap:10px}.cancel-button,.submit-button{width:100%}.image-modal-content{max-width:95vw}.modal-image{max-width:90vw}.modal-prev,.modal-next{width:50px;height:50px;font-size:1.5rem}.modal-prev{left:-60px}.modal-next{right:-60px}.modal-close{top:10px;right:10px}}.post-content-integrated{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;margin:20px 0;width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.post-content-section{margin-bottom:30px}.post-content{font-size:1.1rem;line-height:1.8;color:#ffffffe6;white-space:pre-wrap;word-wrap:break-word}.post-image-gallery-integrated{overflow:hidden;margin:30px 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.gallery-container{position:relative;display:flex;align-items:center;gap:10px;width:100%;overflow:hidden}.image-gallery-horizontal{display:flex;flex-direction:column;gap:15px;overflow-x:hidden;overflow-y:auto;padding:10px 0;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.5) transparent;flex:1;width:100%}.image-gallery-horizontal::-webkit-scrollbar{width:6px;height:6px}.image-gallery-horizontal::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.image-gallery-horizontal::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.image-gallery-horizontal::-webkit-scrollbar-thumb:hover{background:#667eeab3}.gallery-image-item{flex-shrink:0;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;width:100%;overflow:hidden}.gallery-image-item:hover{box-shadow:0 4px 20px #667eea66}.image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#0000004d;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.image-wrapper:hover{border-color:#667eea80;box-shadow:0 4px 15px #667eea4d}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-image:hover{transform:scale(1.05)}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:15px;display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .3s ease;z-index:1}.gallery-video-item .image-overlay{display:none}.image-wrapper:hover .image-overlay{opacity:1}.image-name{font-weight:500;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-size{font-size:.75rem;opacity:.8}.gallery-info{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:10px 15px;background:#667eea1a;border-radius:8px;border:1px solid rgba(102,126,234,.2)}.gallery-count{font-size:.9rem;font-weight:500;color:#667eea}.gallery-hint{font-size:.8rem;color:#fff9;font-style:italic}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;opacity:.8}.gallery-nav-btn:hover{background:#000000e6;transform:translateY(-50%) scale(1.1);opacity:1}.gallery-prev-btn{left:-20px}.gallery-next-btn{right:-20px}@media (max-width: 768px){.image-wrapper{width:100%;aspect-ratio:16 / 9}.gallery-image-item{width:100%}.image-gallery-horizontal{gap:10px}.gallery-nav-btn{display:none}.gallery-info{flex-direction:column;gap:5px;text-align:center}}.community-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Roboto,sans-serif}.community-header{text-align:center;margin-bottom:40px;padding:30px 20px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.community-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.community-header h1{position:relative;z-index:2;font-size:3rem;font-weight:900;margin-bottom:10px;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3)}.community-header p{position:relative;z-index:2;font-size:1.2rem;font-weight:300;opacity:.9;margin:0}.community-beta-badge{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:10px 20px;background:linear-gradient(135deg,#ef444433,#dc262626);border:1px solid rgba(239,68,68,.5);border-radius:12px;backdrop-filter:blur(10px);cursor:help;box-shadow:0 2px 10px #ef444433,0 0 20px #ef44441a;transition:all .3s ease}.community-beta-badge:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#ef44444d,#dc262633);border-radius:12px;opacity:0;transition:opacity .3s ease;z-index:-1}.community-beta-badge:hover{background:linear-gradient(135deg,#ef444440,#dc262633);border-color:#ef444499;box-shadow:0 4px 15px #ef44444d,0 0 30px #ef444426}.community-beta-badge:hover:before{opacity:1}.beta-icon{font-size:1.1rem;flex-shrink:0;opacity:.95;filter:drop-shadow(0 0 4px rgba(239,68,68,.5))}.beta-text{font-size:.9rem;color:#fee2e2f2;font-weight:500;letter-spacing:.2px;text-shadow:0 0 8px rgba(239,68,68,.3)}.board-selector{display:flex;gap:0;margin-bottom:30px;background:#0000004d;backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.board-tab{display:flex;flex-direction:column;align-items:center;padding:20px 30px;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative;flex:1}.board-tab:hover{background:#ffffff1a}.board-tab.active{background:#667eea33;border-bottom-color:#667eea}.board-icon{font-size:1.5rem;margin-bottom:8px}.board-title{font-size:.9rem;font-weight:500}.community-board-content{padding:40px 20px;width:100%}.community-board-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.board-info h2{font-size:1.2rem;font-weight:600;margin:0;color:#fff}.board-info p{font-size:.9rem;opacity:.8;margin:5px 0 0}.write-button{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.write-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.community-posts-list{display:flex;flex-direction:column;gap:20px;width:100%;max-width:none}.community-post-item{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:0;transition:all .3s ease;overflow:hidden;width:100%;cursor:default}.community-post-item:hover,.post-item:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000080;border-color:#667eea99;background:#ffffff1a}.post-content-wrapper{display:flex;height:200px;min-height:200px}.post-image-section{width:200px;min-width:200px;position:relative;background:#0003;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:1}.image-slider{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0000001a;pointer-events:auto;z-index:1}.post-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;display:block}.post-video{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;display:block;background:#000;cursor:pointer;z-index:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.post-video[controls]{object-fit:contain;background:#000;cursor:default;pointer-events:auto}.image-container .video-play-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0006;opacity:.8;transition:opacity .3s ease,background .3s ease;pointer-events:auto!important;cursor:pointer;z-index:10;touch-action:manipulation}.image-slider:hover .image-container .video-play-overlay{opacity:1;background:#00000080}.post-video[controls]~.video-play-overlay{display:none}.image-container .video-play-overlay .play-icon{font-size:3rem;color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.8);margin-bottom:8px;cursor:pointer;pointer-events:auto;user-select:none;-webkit-user-select:none;transition:transform .2s ease}.image-container .video-play-overlay .play-icon:hover{transform:scale(1.2);color:#fff}.image-container .video-play-overlay .play-icon:active{transform:scale(1.1)}.image-container .video-play-overlay .video-badge{background:#667eeae6;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.image-container .video-play-overlay.video-loading{cursor:wait;background:#0009}.image-container .video-play-overlay .video-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top:4px solid rgba(255,255,255,.9);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.image-container .video-watermark{position:absolute;top:10px;right:10px;z-index:15;pointer-events:none;user-select:none;-webkit-user-select:none}.image-container .video-watermark .watermark-text{background:linear-gradient(135deg,#dc2626f2,#b91c1ce6);color:#fffffff2;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.5px;backdrop-filter:blur(4px);border:1px solid rgba(239,68,68,.5);box-shadow:0 2px 10px #dc262666,0 0 20px #dc262633}.gif-badge{position:absolute;top:10px;right:10px;background:#000000b3;color:#0f0;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;font-family:monospace}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.8;z-index:20;pointer-events:auto;user-select:none;-webkit-user-select:none}.image-slider:hover .image-nav-btn,.image-slider:active .image-nav-btn{opacity:1;background:#000000e6}.image-nav-btn:active{transform:translateY(-50%) scale(.95)}.image-nav-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.prev-btn{left:10px}.next-btn{right:10px}.image-counter{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:#ffffff4d;min-height:200px}.placeholder-icon{font-size:3rem}.post-text-section{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:hidden;cursor:pointer}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:10px}.post-title{color:#fff;font-weight:600;font-size:1.1rem;margin:0;cursor:pointer;transition:all .3s ease;padding:5px;border-radius:4px;display:flex;align-items:center;line-height:1.4;max-height:2.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-title:hover{color:#667eea;background:#667eea1a}.attachment-badge{display:flex;align-items:center;gap:4px;font-size:.85rem;opacity:.9;padding:3px 8px;border-radius:6px;margin-left:8px;flex-shrink:0;white-space:nowrap;position:relative;z-index:1}.attachment-badge.image-badge{color:#22c55ee6;background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.attachment-badge.file-badge{color:#667eeae6;background:#667eea26;border:1px solid rgba(102,126,234,.3)}.answered-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3);flex-shrink:0;white-space:nowrap;margin-left:auto}.post-meta{display:flex;gap:15px;margin-bottom:10px;font-size:.9rem;opacity:.8;flex-wrap:wrap;align-items:center;flex-shrink:0}.post-author{display:flex;align-items:center;gap:8px}.author-avatar-small{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.author-avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-size:20px;background:#282d3ce6;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.author-level-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.post-date,.post-views,.post-likes,.post-comments{display:flex;align-items:center;gap:5px}.post-actions{display:flex;gap:10px;flex-shrink:0;margin-top:auto}.like-button{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.like-button:hover{background:#fff3}.loading{text-align:center;padding:40px;font-size:1.1rem;opacity:.8}.error{text-align:center;padding:40px;color:#ff6b6b;font-size:1.1rem}.no-posts{text-align:center;padding:60px 40px;opacity:.8}.no-posts p{font-size:1.1rem;margin:0}.infinite-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:#fffc;gap:15px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.infinite-loading span{font-size:.9rem;font-weight:500}.no-more-posts{display:flex;justify-content:center;align-items:center;padding:30px;color:#fff9;font-size:.9rem;font-style:italic}.pagination{display:none}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px);overflow-y:auto;overscroll-behavior:contain}.modal-overlay::-webkit-scrollbar{width:8px}.modal-overlay::-webkit-scrollbar-track{background:transparent}.modal-overlay::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:40px;width:95%;max-width:1200px;min-width:800px;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000080}.modal-content h3{margin:0 0 20px;font-size:1.5rem;color:#fff;font-weight:600}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#fff;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.cancel-button{padding:12px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500}.submit-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:600;box-shadow:0 4px 15px #667eea4d}.submit-button:disabled{opacity:.5;cursor:not-allowed}.upload-progress-container{margin-top:20px;padding:20px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px}.upload-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:1rem;font-weight:600;color:#fff;gap:12px;flex-wrap:wrap}.upload-progress-header>span{display:flex;align-items:center;gap:6px}.upload-file-count{font-size:.9rem;opacity:.8;font-weight:500}.upload-progress-percent{font-size:1.1rem;font-weight:700;color:#667eea;flex-shrink:0}.upload-progress-bar{width:100%;height:24px;background:#ffffff1a;border-radius:12px;overflow:hidden;position:relative;margin-bottom:8px}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px;transition:width .3s ease;position:relative;overflow:hidden}.upload-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.upload-progress-info{display:flex;justify-content:center;align-items:center;font-size:.9rem;color:#ffffffb3;gap:8px;flex-wrap:wrap;margin-top:8px}.upload-files-info{font-size:.85rem;opacity:.8;color:#fff9}@media (max-width: 1024px){.board-selector{flex-wrap:wrap}.board-tab{flex:1;min-width:120px}}@media (max-width: 768px){.modal-content{max-width:95%;min-width:unset;padding:20px}.community-container{padding:15px}.community-header h1{font-size:2.5rem}.board-selector{flex-direction:column;gap:0}.board-tab{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.board-header{flex-direction:column;gap:15px;align-items:stretch}.post-meta{flex-wrap:wrap;gap:10px}.modal-content{width:95%;padding:20px}.modal-actions{flex-direction:column}.post-content-wrapper{flex-direction:column;height:auto;min-height:200px}.post-image-section{width:100%;min-width:auto;height:200px}.main-image-container{height:300px}.thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));max-height:100px}.gallery-nav-btn{width:40px;height:40px;font-size:1.5rem}.gallery-nav-btn.prev-btn{left:10px}.gallery-nav-btn.next-btn{right:10px}.image-nav-btn{opacity:.9;width:45px;height:45px;font-size:1.8rem}}.community-v2{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#fff}.community-v2-header{text-align:center;margin-bottom:40px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.community-v2-header h1{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-v2-header p{font-size:1.1rem;opacity:.8;margin:0}.category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.category-btn:hover{background:#fff3;border-color:#ffffff4d}.category-btn.active{background:var(--active-color, #667eea);border-color:var(--active-color, #667eea);color:#fff}.category-name{font-size:.9rem;font-weight:500}.community-v2-write-button{display:flex;align-items:center;gap:8px;padding:12px 25px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.community-v2-write-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.community-v2-board{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;margin-bottom:30px}.board-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-bottom:20px}.board-info h2{font-size:1.8rem;font-weight:700;margin-bottom:5px;display:flex;align-items:center;gap:10px}.board-info p{font-size:.9rem;opacity:.8;margin:0}.community-v2-board-content{padding:0}.community-v2-table-container{overflow-x:auto;overflow-y:hidden}.community-v2-table{width:100%;border-collapse:collapse;background:transparent}.community-v2-table thead{background:#0003}.community-v2-table th{padding:15px 10px;text-align:center;font-weight:600;font-size:.9rem;color:#fff;border-bottom:2px solid rgba(255,255,255,.1)}.community-v2-th-number{width:80px}.community-v2-th-title{text-align:left;padding-left:20px;width:auto;min-width:250px}.community-v2-th-author{width:180px;min-width:180px}.community-v2-th-date{width:180px}.community-v2-th-views,.community-v2-th-likes{width:80px}.community-v2-table-row{cursor:pointer;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.05);border-left:2px solid transparent}.community-v2-table-row:hover{background:#667eea14;border-left-color:#667eea66}.community-v2-table-row:last-child{border-bottom:none}.community-v2-table td{padding:12px 10px;text-align:center;font-size:.9rem;color:#fffc;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.community-v2-td-author{text-align:left;padding-left:15px;width:180px;min-width:180px;max-width:180px}.community-v2-author-container{display:flex;align-items:center;gap:4px;justify-content:flex-start;flex-wrap:nowrap}.community-v2-author-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.3);flex-shrink:0;box-shadow:0 2px 8px #0003}.community-v2-author-avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-size:20px;flex-shrink:0;background:#282d3ce6;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.community-v2-author-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0;max-width:80px}.community-v2-author-level-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.community-v2-td-title{text-align:left;padding-left:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none}.community-v2-title-container{display:flex;align-items:center;position:relative;min-height:24px;flex-wrap:nowrap;gap:8px}.community-v2-title-text{flex:1;cursor:pointer;transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:120px;max-width:calc(100% - 120px);line-height:1.4;position:relative;display:block}.community-v2-title-text:hover{color:#667eea}.community-v2-answered-badge{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:absolute;right:0;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:2;transition:none}.community-v2-title-container .attachment-badge{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;opacity:.9;padding:2px 6px;border-radius:4px;margin-left:auto;flex-shrink:0;white-space:nowrap;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1;transition:none}.community-v2-title-container .image-badge{color:#22c55ee6;background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.community-v2-title-container .file-badge{color:#667eeae6;background:#667eea26;border:1px solid rgba(102,126,234,.3)}.community-v2-title-container .community-v2-answered-badge~.attachment-badge{right:60px}.community-v2-loading,.community-v2-error{text-align:center;padding:40px;font-size:1.1rem;color:#ffffffb3}.community-v2-error{color:#ff6b6b}.community-v2-no-posts{text-align:center;padding:60px 20px;color:#fff9}.community-v2-no-posts p{font-size:1.1rem;margin:0}.community-v2-pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px 30px;background:#0000001a;border-top:1px solid rgba(255,255,255,.1)}.community-v2-pagination-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.community-v2-pagination-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.community-v2-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.community-v2-page-numbers{display:flex;gap:5px;margin:0 20px}.community-v2-page-btn{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;min-width:40px}.community-v2-page-btn:hover{background:#fff3;border-color:#ffffff4d}.community-v2-page-btn.active{background:#667eea;border-color:#667eea;color:#fff}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:30px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-content h3{font-size:1.5rem;font-weight:700;margin-bottom:20px;color:#fff;text-align:center}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#fff}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#ffffff26}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.cancel-button,.submit-button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-button:hover{background:#fff3}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.community-v2{padding:15px}.community-v2-header h1{font-size:2rem}.category-filters{flex-direction:column;gap:5px}.category-btn{justify-content:center;padding:10px 15px}.community-v2-table{font-size:.8rem}.community-v2-table th,.community-v2-table td{padding:10px 5px}.community-v2-th-title,.community-v2-td-title{padding-left:10px}.community-v2-page-numbers{margin:0 10px}.community-v2-page-btn{padding:6px 8px;min-width:32px;font-size:.8rem}.modal-content{padding:20px}.modal-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.download-modal-backdrop{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(8px)}.download-modal{background:linear-gradient(145deg,#0a0a0a,#1a1a2e 30%,#16213e 70%,#0f3460);border-radius:20px;border:3px solid;border-image:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c) 1;box-shadow:0 0 30px #667eea4d,0 0 60px #764ba233,inset 0 1px #ffffff1a;max-width:550px;width:90%;max-height:80vh;overflow:hidden;animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.download-modal:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(102,126,234,.1) 50%,transparent 70%);pointer-events:none;animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.8) rotateX(15deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.download-modal-header{display:flex;align-items:center;padding:25px 50px 25px 30px;border-bottom:2px solid;border-image:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent) 1;background:linear-gradient(135deg,#667eea1a,#764ba21a);position:relative}.download-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent);animation:borderGlow 2s infinite}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.modal-icon{font-size:2.5rem;margin-right:20px;animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 10px currentColor)}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(5deg)}75%{transform:translateY(5px) rotate(-5deg)}}.modal-title{flex:1;font-size:1.6rem;font-weight:800;background:linear-gradient(45deg,#fff,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 0 20px rgba(102,126,234,.5);letter-spacing:.5px}.modal-close{background:linear-gradient(135deg,#ffffff1a,#667eea33);border:2px solid rgba(102,126,234,.3);color:#fff;font-size:1.8rem;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:absolute;top:50%;right:10px;transform:translateY(-50%);overflow:hidden;z-index:10}.modal-close:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.modal-close:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea;transform:translateY(-50%) scale(1.1);box-shadow:0 0 20px #667eea80}.modal-close:hover:before{left:100%}.download-modal-content{padding:30px;background:linear-gradient(135deg,#0003,#1a1a2e4d)}.modal-message{font-size:1.1rem;line-height:1.7;color:#fff;margin:0 0 25px;text-shadow:0 1px 3px rgba(0,0,0,.5);font-weight:500}.modal-details{background:linear-gradient(135deg,#0006,#16213e99);border-radius:12px;padding:20px;border:2px solid;border-image:linear-gradient(45deg,#667eea,#764ba2) 1;position:relative;overflow:hidden}.modal-details:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent)}.detail-item{display:flex;align-items:flex-start;margin-bottom:12px;font-size:.95rem;position:relative;padding-left:5px}.detail-item:last-child{margin-bottom:0}.detail-bullet{color:#667eea;font-weight:700;margin-right:12px;flex-shrink:0;font-size:1.2rem;text-shadow:0 0 10px currentColor;animation:bulletPulse 2s infinite}@keyframes bulletPulse{0%,to{opacity:1}50%{opacity:.7}}.detail-text{color:#fff;line-height:1.5;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.download-modal-footer{display:flex;gap:15px;padding:25px 30px;border-top:2px solid;border-image:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent) 1;background:linear-gradient(135deg,#0000004d,#1a1a2e33);justify-content:flex-end;position:relative}.download-modal-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent);animation:borderGlow 2s infinite}.modal-action-btn,.modal-close-btn{padding:12px 24px;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);min-width:100px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.modal-action-btn{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;box-shadow:0 4px 15px #667eea4d}.modal-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.modal-action-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #667eea80}.modal-action-btn:hover:before{left:100%}.modal-close-btn{background:linear-gradient(135deg,#ffffff1a,#667eea33);color:#fff;border:2px solid rgba(102,126,234,.3);box-shadow:0 2px 10px #0003}.modal-close-btn:hover{background:linear-gradient(135deg,#667eea33,#764ba24d);border-color:#667eea;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #667eea4d}.download-modal.success{border-image:linear-gradient(45deg,#10b981,#34d399,#6ee7b7) 1;box-shadow:0 0 30px #10b9814d,0 0 60px #34d39933,inset 0 1px #ffffff1a}.download-modal.success .modal-icon{color:#10b981;filter:drop-shadow(0 0 15px #10b981)}.download-modal.error{border-image:linear-gradient(45deg,#ef4444,#f87171,#fca5a5) 1;box-shadow:0 0 30px #ef44444d,0 0 60px #f8717133,inset 0 1px #ffffff1a}.download-modal.error .modal-icon{color:#ef4444;filter:drop-shadow(0 0 15px #ef4444)}.download-modal.warning{border-image:linear-gradient(45deg,#f59e0b,#fbbf24,#fcd34d) 1;box-shadow:0 0 30px #f59e0b4d,0 0 60px #fbbf2433,inset 0 1px #ffffff1a}.download-modal.warning .modal-icon{color:#f59e0b;filter:drop-shadow(0 0 15px #f59e0b)}.download-modal.info{border-image:linear-gradient(45deg,#3b82f6,#60a5fa,#93c5fd) 1;box-shadow:0 0 30px #3b82f64d,0 0 60px #60a5fa33,inset 0 1px #ffffff1a}.download-modal.info .modal-icon{color:#3b82f6;filter:drop-shadow(0 0 15px #3b82f6)}@media (max-width: 480px){.download-modal{width:95%;margin:10px}.download-modal-header{padding:15px 40px 15px 20px}.modal-close{right:5px;width:35px;height:35px;font-size:1.5rem}.download-modal-content{padding:20px}.download-modal-footer{padding:15px 20px;flex-direction:column}.modal-action-btn,.modal-close-btn{width:100%}}div.resources{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#fff}.resources .resources-header{text-align:center;margin-bottom:40px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.resources .resources-header h1{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.resources .resources-header p{font-size:1.1rem;opacity:.8;margin:0}.resources .user-info-display{margin-top:15px;padding:10px 20px;background:#667eea1a;border-radius:8px;border:1px solid rgba(102,126,234,.3);color:#fff!important;font-size:.9rem;font-weight:500}.category-filters{display:flex;gap:10px;margin-bottom:30px;background:#ffffff0d;border-radius:12px;padding:10px;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500}.category-btn:hover{background:#ffffff1a}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.category-icon{font-size:1.2rem}.category-name{font-weight:600}.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:40px}@media (max-width: 1200px){.resources-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.resources-grid{grid-template-columns:1fr}}.resource-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease;min-height:280px;display:flex;flex-direction:column}.resource-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#667eea80}.resource-card.loading{pointer-events:none;min-height:auto;height:auto}.resource-card.loading .resource-title,.resource-card.loading .resource-description,.resource-card.loading .meta-text,.resource-card.loading .category-text,.resource-card.loading .rating-value,.resource-card.loading .tag{background:linear-gradient(90deg,#ffffff14,#ffffff26,#ffffff14);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;color:transparent!important;user-select:none;pointer-events:none;position:relative;overflow:hidden}.resource-card.loading .resource-title{height:calc(1.3rem * 1.4);width:80%;display:inline-block;margin-bottom:8px}.resource-card.loading .resource-description{height:calc(.95rem * 1.5 * 2);width:100%;display:block;margin-bottom:10px}.resource-card.loading .meta-text{height:1.02rem;width:auto;min-width:40px;display:inline-block}.resource-card.loading .category-text{height:1.08rem;width:auto;min-width:50px;display:inline-block}.resource-card.loading .rating-value{height:1.08rem;width:auto;min-width:25px;display:inline-block}.resource-card.loading .tag{height:calc(.8rem + 8px);width:auto;min-width:40px;display:inline-block;padding:4px 12px;border-radius:20px}.resource-card.loading .meta-icon,.resource-card.loading .category-badge,.resource-card.loading .rating-stars{opacity:.4}.resource-card.loading .preview-images,.resource-card.loading .preview-videos{margin-bottom:12px}.resource-card.loading .resource-preview-section{margin:8px 0}.resource-card.loading .resource-tags{margin-bottom:10px}.resource-card.loading .resource-footer{padding:10px 25px 15px}.resource-card.loading .resource-meta{margin-bottom:10px}.resource-card.loading .preview-image img,.resource-card.loading .preview-video video{opacity:.2}.resource-card.loading .preview-placeholder{width:70px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border:2px solid rgba(255,255,255,.1);border-radius:6px;font-size:1.5rem;color:#ffffff4d;flex-shrink:0}.resource-card.loading .preview-label{background:linear-gradient(90deg,#ffffff14,#ffffff26,#ffffff14);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;color:transparent!important;height:1.2em;width:100px;display:inline-block}.resource-card.loading .download-btn,.resource-card.loading .preview-btn{opacity:1;cursor:not-allowed;pointer-events:none;display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;position:relative;color:transparent}.resource-card.loading .download-btn{background:linear-gradient(135deg,#667eea4d,#764ba24d);flex:1}.resource-card.loading .preview-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.resource-card.loading .download-btn:after,.resource-card.loading .preview-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:1em;background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.resource-card.loading .download-btn .btn-icon,.resource-card.loading .preview-btn .btn-icon{opacity:.3}.no-resources{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#fff9;font-size:1.1rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.resources .resource-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px 15px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.resource-category{display:flex;align-items:center;gap:8px}.category-badge{font-size:1.2rem}.category-text{font-size:.9rem;font-weight:600;opacity:.8;color:#fff!important}.resource-rating{display:flex;align-items:center;gap:5px}.rating-stars{font-size:1rem}.rating-value{font-size:.9rem;font-weight:600;color:#fff!important}.resource-content{padding:20px 25px;flex:1;display:flex;flex-direction:column;min-height:0}.resource-title{font-size:1.3rem;font-weight:700;margin-bottom:12px;color:#fff!important;line-height:1.4}.resource-description{font-size:.95rem;opacity:.8;margin-bottom:15px;line-height:1.5;color:#fff!important;height:60px;min-height:60px;max-height:60px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex-shrink:0;word-wrap:break-word}.resource-description *{margin:0;padding:0;display:inline;line-height:inherit}.resource-description span{display:inline}.resource-description strong{font-weight:600;color:inherit}.resource-description em{font-style:italic;color:inherit}.resource-description u{text-decoration:underline;color:inherit}.resource-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;flex-shrink:0}.tag{padding:4px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:20px;font-size:.8rem;font-weight:500;color:#667eea}.resource-footer{padding:15px 25px 25px;background:#0000001a;margin-top:auto}.resources .resource-meta{display:flex;gap:20px;margin-bottom:15px}.resources .meta-item{display:flex;align-items:center;gap:5px;font-size:.85rem;opacity:.7;color:#fff!important}.resources .meta-item.author-info{display:flex;align-items:center;gap:8px;opacity:1}.resources .author-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.3);flex-shrink:0;box-shadow:0 2px 8px #0003}.resources .author-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#282d3ce6;color:#fff;font-size:1rem;font-weight:600;flex-shrink:0;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.resources .author-details{display:flex;flex-direction:column;gap:2px}.resources .author-name{font-weight:500;color:#fff!important;font-size:.85rem}.resources .author-level{font-size:.7rem;font-weight:600;opacity:.9}.resources .meta-icon{font-size:.9rem}.resources .meta-text{font-weight:500;color:#fff!important}.resources .resource-actions{display:flex;gap:10px}.resources .download-btn,.resources .preview-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.resources .download-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1}.resources .download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.resources .download-btn.disabled{background:linear-gradient(135deg,#6b7280,#4b5563);color:#9ca3af;cursor:not-allowed;opacity:.7}.resources .download-btn.disabled:hover{background:linear-gradient(135deg,#6b7280,#4b5563);transform:none;box-shadow:none}.resources .preview-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.resources .preview-btn:hover{background:#fff3}.resources .btn-icon{font-size:1rem}.upload-section{margin-top:40px}.upload-card{background:#ffffff0d;border-radius:16px;border:2px dashed rgba(255,255,255,.2);padding:40px;text-align:center;transition:all .3s ease}.upload-card:hover{border-color:#667eea80;background:#667eea0d}.upload-icon{font-size:3rem;margin-bottom:20px}.upload-card h3{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#fff}.upload-card p{font-size:1rem;opacity:.8;margin-bottom:25px}.upload-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.upload-btn.disabled{background:linear-gradient(135deg,#6b7280,#4b5563);color:#9ca3af;cursor:not-allowed;opacity:.7}.upload-btn.disabled:hover{background:linear-gradient(135deg,#6b7280,#4b5563);transform:none;box-shadow:none}@media (max-width: 768px){.component-test{padding:15px}.resources-header h1{font-size:2rem}.category-filters{flex-direction:column;gap:5px}.category-btn{justify-content:center;padding:10px 15px}.resources-grid{grid-template-columns:1fr;gap:20px}.resource-meta{flex-direction:column;gap:10px}.resource-actions{flex-direction:column}.upload-card{padding:30px 20px}.upload-icon{font-size:2.5rem}}.resource-preview-section{margin:15px 0;flex-shrink:0;min-height:80px}.preview-images-gallery,.preview-videos-gallery{margin-bottom:12px}.preview-label{font-size:.85rem;font-weight:600;color:#667eea;margin-bottom:10px;display:flex;align-items:center;gap:5px}.preview-gallery-container{position:relative;display:flex;align-items:center;gap:8px}.preview-gallery-nav{flex-shrink:0;width:28px;height:28px;background:#667eea33;backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.4);color:#fff;font-size:1.2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2;padding:0;line-height:1}.preview-gallery-nav:hover{background:#667eea66;border-color:#667eea;transform:scale(1.1)}.preview-gallery-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.5) transparent;flex:1;padding:4px 0;-ms-overflow-style:none;scrollbar-width:none}.preview-gallery-scroll::-webkit-scrollbar{height:4px}.preview-gallery-scroll::-webkit-scrollbar-track{background:#0000001a;border-radius:2px}.preview-gallery-scroll::-webkit-scrollbar-thumb{background:#667eea80;border-radius:2px}.preview-gallery-scroll::-webkit-scrollbar-thumb:hover{background:#667eeab3}.preview-gallery-item{flex-shrink:0;cursor:pointer;transition:transform .3s ease}.preview-gallery-item:hover{transform:translateY(-2px)}.preview-gallery-image-wrapper,.preview-gallery-video-wrapper{position:relative;width:150px;height:100px;border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,.1);background:#0003;transition:all .3s ease}.preview-gallery-item:hover .preview-gallery-image-wrapper,.preview-gallery-item:hover .preview-gallery-video-wrapper{border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.preview-gallery-image-wrapper img,.preview-gallery-video-wrapper video{width:100%;height:100%;object-fit:cover;display:block}.preview-gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:4px 6px;color:#fff;display:flex;align-items:center;justify-content:space-between;opacity:0;transition:opacity .3s ease;font-size:.65rem}.preview-gallery-item:hover .preview-gallery-overlay{opacity:1}.preview-gallery-index{font-weight:600;color:#fff}.preview-gallery-play-icon{font-size:.8rem}.preview-images,.preview-videos{margin-bottom:12px}.preview-grid{display:flex;gap:8px;flex-wrap:wrap}.preview-image,.preview-video{position:relative;width:70px;height:50px;border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.preview-image:hover,.preview-video:hover{border-color:#667eea;transform:scale(1.05)}.preview-image img,.preview-video video{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.preview-image:hover .preview-overlay,.preview-video:hover .preview-overlay{opacity:1}.preview-icon,.play-icon{font-size:1.2rem;color:#fff}.preview-more{width:70px;height:50px;background:#667eea1a;border-radius:6px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(102,126,234,.3);cursor:pointer;transition:all .3s ease}.preview-more:hover{background:#667eea33;border-color:#667eea;transform:scale(1.05)}.preview-more-content{display:flex;flex-direction:column;align-items:center;gap:2px}.preview-more-count{font-size:.7rem;font-weight:600;color:#667eea}.preview-more-text{font-size:.6rem;color:#fff;opacity:.8}.preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#667eea1a;border:2px solid rgba(102,126,234,.3);border-radius:6px;font-size:1.5rem;color:#667eea}.no-preview{margin:10px 0;padding:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;text-align:center}.no-preview-text{color:#888;font-size:.9rem;opacity:.7}.resource-upload{max-width:800px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);border-radius:12px;box-shadow:0 4px 6px #0000004d;color:#fff;min-height:100vh}.upload-header{text-align:center;margin-bottom:30px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);border-bottom:2px solid rgba(255,255,255,.1)}.upload-header h1{color:#fff;margin-bottom:10px;font-size:2.2em;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upload-header p{color:#fffc;font-size:1.1em}.login-required{text-align:center;padding:60px 20px;background:#ffffff0d;border-radius:12px;border:2px dashed rgba(255,255,255,.2)}.login-required h2{color:#fff;margin-bottom:15px}.login-required p{color:#fffc;font-size:1.1em}.upload-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#ffffff0d;padding:25px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.form-section h3{color:#fff;margin-bottom:20px;font-size:1.3em;display:flex;align-items:center;gap:8px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#fff;font-size:.95em}.checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#fff}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group select{background:#1a1a2e!important;color:#fff!important}.form-group select option{background:#1a1a2e!important;color:#fff!important;padding:8px 12px}.form-group select option:hover{background:#2a2a3e!important}.form-group textarea{resize:vertical;min-height:100px}.character-count{text-align:right;font-size:.85em;color:#fff9;margin-top:5px}.field-hint{margin-top:6px;font-size:.85rem;color:#fff9;font-style:italic}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.file-drop-zone{border:3px dashed rgba(255,255,255,.3);border-radius:12px;padding:40px 20px;text-align:center;transition:all .3s ease;background:#ffffff0d;position:relative;cursor:pointer}.file-drop-zone:hover,.file-drop-zone.drag-active{border-color:#667eea;background:#667eea1a;transform:translateY(-2px)}.drop-zone-content{position:relative}.drop-icon{font-size:3em;margin-bottom:15px;opacity:.7}.file-drop-zone p{color:#fffc;font-size:1.1em;margin-bottom:15px}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-list{margin-top:20px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.file-list h4{background:#ffffff1a;padding:15px 20px;margin:0;color:#fff;font-size:1em;border-bottom:1px solid rgba(255,255,255,.1)}.file-item{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s ease;gap:12px}.file-item:last-child{border-bottom:none}.file-item:hover{background:#ffffff1a}.file-item.uploading{background:#667eea1a;border-left:3px solid #667eea}.file-icon{font-size:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.file-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.file-name{font-weight:500;color:#fff;font-size:.95em;word-break:break-all}.file-size{color:#ffffffb3;font-size:.85em}.remove-file-btn{background:none;border:none;font-size:1.2em;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s ease;color:#dc3545}.remove-file-btn:hover{background:#ffffff1a}.file-upload-status{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:100px}.status-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:12px;white-space:nowrap}.status-badge.pending{background:#ffffff1a;color:#fff9}.status-badge.completed{background:#10b98133;color:#34d399}.status-badge.error{background:#ef444433;color:#f87171}.file-progress-container{display:flex;align-items:center;gap:6px;min-width:140px;flex-shrink:0}.file-progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;min-width:80px;max-width:120px}.file-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .2s ease;border-radius:4px}.file-progress-text{font-size:.7rem;color:#fffc;white-space:nowrap;font-weight:600}.form-actions{text-align:center;padding-top:20px;border-top:2px solid rgba(255,255,255,.1)}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;font-size:1.1em;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #667eea4d}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.upload-btn:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;transform:none;box-shadow:none}.upload-success-message{background:#22c55e1a;border:2px solid rgba(34,197,94,.3);border-radius:12px;padding:30px;text-align:center;margin:20px 0;animation:slideIn .5s ease-out}.success-icon{font-size:3rem;margin-bottom:15px;animation:bounce 1s ease-in-out}.upload-success-message h3{color:#22c55e;margin-bottom:10px;font-size:1.5rem}.upload-success-message p{color:#ffffffe6;margin-bottom:8px;font-size:1rem}.redirect-info{color:#ffffffb3!important;font-size:.9rem!important;font-style:italic}.success-actions{display:flex;gap:15px;justify-content:center;margin-top:20px;flex-wrap:wrap}.go-to-resources-btn,.upload-another-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #22c55e4d}.upload-another-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #667eea4d}.go-to-resources-btn:hover,.upload-another-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #22c55e66}.upload-another-btn:hover{box-shadow:0 6px 12px #667eea66}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.resource-upload{margin:10px;padding:15px}.upload-header h1{font-size:1.8em}.form-section{padding:20px 15px}.file-drop-zone{padding:30px 15px}.file-item{padding:12px 15px}.upload-btn{padding:12px 30px;font-size:1em}}.resource-upload{animation:fadeIn .5s ease-out}.file-item{animation:fadeIn .3s ease-out}.file-drop-zone.drag-active .drop-icon{animation:bounce .6s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.rich-text-editor{min-height:120px;padding:10px;border:1px solid rgba(102,126,234,.3);border-radius:8px;background:#ffffff1a;color:#fff;outline:none;overflow-y:auto;line-height:1.6}.rich-text-editor:focus{border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.rich-text-editor:empty:before{content:attr(data-placeholder);color:#ffffff80;pointer-events:none}.rich-text-editor *{color:inherit}.file-item.has-image-preview{display:flex;flex-direction:row;align-items:flex-start;gap:12px}.file-item.has-image-preview .file-image-preview{flex-shrink:0;width:120px;height:120px;max-width:120px;max-height:120px;border-radius:8px;overflow:hidden;border:1px solid rgba(102,126,234,.3);background:#ffffff0d;display:flex;align-items:center;justify-content:center}.file-item.has-image-preview .file-info{flex:1;min-width:0}.file-image-preview{width:100%;max-width:300px;max-height:150px;height:150px;border-radius:8px;overflow:hidden;border:1px solid rgba(102,126,234,.3);background:#ffffff0d;display:flex;align-items:center;justify-content:center}.file-image-preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.lectures{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#fff}.lecture-header{text-align:center;margin-bottom:40px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.lecture-header h1{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lecture-header p{font-size:1.1rem;opacity:.8;margin:0}.lecture-controls{margin-bottom:30px;background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.filter-section{display:flex;flex-direction:column;gap:15px}.level-filters{display:flex;gap:10px}.level-btn{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.level-btn:hover{background:#ffffff1a}.level-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.lecture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-bottom:40px}.lecture-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease}.lecture-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#667eea80}.lecture-thumbnail{position:relative;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.lecture-level{position:absolute;top:10px;right:10px;padding:4px 12px;background:#000000b3;border-radius:20px;font-size:.8rem;font-weight:600}.lecture-content{padding:20px}.lecture-title{font-size:1.3rem;font-weight:700;margin-bottom:12px;color:#fff;line-height:1.4}.lecture-description{font-size:.95rem;opacity:.8;margin-bottom:15px;line-height:1.5}.lecture-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;opacity:.8}.meta-icon{font-size:.9rem}.meta-text{font-weight:500}.lecture-actions{display:flex;gap:10px;padding:0 20px 20px}.enroll-btn,.preview-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1}.enroll-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.enroll-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.preview-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.preview-btn:hover{background:#fff3}.lecture-registration{margin-top:40px}@media (max-width: 768px){.advanced-component-test{padding:15px}.lecture-header h1{font-size:2rem}.category-filters{flex-direction:column}.filter-btn{justify-content:center}.level-filters{flex-wrap:wrap}.lecture-grid{grid-template-columns:1fr;gap:20px}.lecture-meta{grid-template-columns:1fr;gap:8px}.lecture-actions{flex-direction:column}.registration-card{padding:30px 20px}.registration-icon{font-size:2.5rem}}.devtools{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#fff}.devtools-header{text-align:center;margin-bottom:40px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.devtools-header h1{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.devtools-header p{font-size:1.1rem;opacity:.8;margin:0}.devtools-controls{margin-bottom:30px;background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.search-section{margin-bottom:20px}.search-input{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.search-input::placeholder{color:#fff9}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.devtools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-bottom:40px}.tool-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease}.tool-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#667eea80}.tool-header{display:flex;align-items:center;padding:20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.tool-icon{font-size:2.5rem;margin-right:15px}.tool-info{flex:1}.tool-name{font-size:1.3rem;font-weight:700;margin-bottom:5px;color:#fff}.tool-version{font-size:.9rem;opacity:.7;margin:0}.tool-rating{display:flex;align-items:center;gap:5px}.rating-stars{font-size:1.2rem}.rating-value{font-size:1rem;font-weight:600}.tool-content{padding:20px}.tool-description{font-size:.95rem;opacity:.8;margin-bottom:15px;line-height:1.5}.tool-features{margin-bottom:15px}.tool-features h4{font-size:1rem;font-weight:600;margin-bottom:10px;color:#667eea}.features-list{list-style:none;padding:0;margin:0}.feature-item{font-size:.9rem;opacity:.8;position:relative;padding:4px 0 4px 15px}.feature-item:before{content:"•";color:#667eea;position:absolute;left:0}.tool-stats{padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;align-items:center;gap:8px;font-size:.9rem;opacity:.7}.stat-icon{font-size:1rem}.stat-text{font-weight:500}.tool-actions{display:flex;gap:10px;padding:0 20px 20px}.download-btn,.info-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1}.download-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.info-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.info-btn:hover{background:#fff3}.tool-registration{margin-top:40px}@media (max-width: 768px){.react18-features{padding:15px}.devtools-header h1{font-size:2rem}.category-filters{flex-direction:column}.filter-btn{justify-content:center}.devtools-grid{grid-template-columns:1fr;gap:20px}.tool-header{flex-direction:column;text-align:center;gap:10px}.tool-icon{margin-right:0}.tool-actions{flex-direction:column}.registration-card{padding:30px 20px}.registration-icon{font-size:2.5rem}}.news{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#fff}.news-header{text-align:center;margin-bottom:40px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.news-header h1{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.news-header p{font-size:1.1rem;opacity:.8;margin:0}.news-controls{margin-bottom:30px;background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.category-filters{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-btn:hover{background:#ffffff1a}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.filter-icon{font-size:1.1rem}.filter-name{font-weight:500}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-bottom:40px}.news-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease;position:relative}.news-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#667eea80}.news-card.hot{border-color:#ef444480;background:#ef44440d}.hot-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;z-index:10}.news-thumbnail{height:120px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.thumbnail-icon{font-size:3rem}.news-content{padding:20px}.news-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.news-category{padding:4px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:20px;font-size:.8rem;font-weight:500;color:#667eea}.news-date{font-size:.85rem;opacity:.7}.news-title{font-size:1.3rem;font-weight:700;margin-bottom:12px;color:#fff;line-height:1.4}.news-summary{font-size:.95rem;opacity:.8;margin-bottom:15px;line-height:1.5}.news-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.news-author{display:flex;align-items:center;gap:6px;font-size:.85rem;opacity:.7}.author-icon{font-size:.9rem}.author-name{font-weight:500}.news-stats{display:flex;gap:15px}.stat-item{display:flex;align-items:center;gap:4px;font-size:.85rem;opacity:.7}.stat-icon{font-size:.9rem}.stat-value{font-weight:500}.news-actions{padding:0 20px 20px}.read-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;justify-content:center}.read-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-icon{font-size:1rem}.news-registration{margin-top:40px}.registration-card{background:#ffffff0d;border-radius:16px;border:2px dashed rgba(255,255,255,.2);padding:40px;text-align:center;transition:all .3s ease}.registration-card:hover{border-color:#667eea80;background:#667eea0d}.registration-icon{font-size:3rem;margin-bottom:20px}.registration-card h3{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#fff}.registration-card p{font-size:1rem;opacity:.8;margin-bottom:25px}.register-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.register-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){.styling-comparison{padding:15px}.news-header h1{font-size:2rem}.category-filters{flex-direction:column}.filter-btn{justify-content:center}.news-grid{grid-template-columns:1fr;gap:20px}.news-footer{flex-direction:column;gap:10px;align-items:flex-start}.news-stats{gap:20px}.registration-card{padding:30px 20px}.registration-icon{font-size:2.5rem}}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.signup-card{background:#fffffff2;backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:100%;max-width:450px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.signup-header{text-align:center;margin-bottom:30px}.signup-header h1{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signup-header p{color:#718096;font-size:1rem;margin:0}.signup-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#2d3748;font-weight:600;font-size:.9rem}.form-group input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fffc}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.form-group input.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.form-group input:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.form-group input::placeholder{color:#a0aec0}.error-message{color:#e53e3e;font-size:.8rem;font-weight:500;margin-top:4px}.signup-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;position:relative;overflow:hidden}.signup-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.signup-button:active:not(:disabled){transform:translateY(0)}.signup-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.signup-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.signup-button:hover:not(:disabled):before{left:100%}.signup-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}.signup-footer p{color:#718096;font-size:.9rem;margin:0}.login-link{color:#667eea;text-decoration:none;font-weight:600;margin-left:8px;transition:color .3s ease}.login-link:hover{color:#764ba2;text-decoration:underline}@media (max-width: 480px){.signup-container{padding:10px}.signup-card{padding:30px 20px}.signup-header h1{font-size:1.5rem}.signup-header p{font-size:.9rem}}@media (prefers-color-scheme: dark){.signup-card{background:#1a202cf2;border:1px solid rgba(255,255,255,.1)}.signup-header h1{color:#f7fafc}.signup-header p{color:#a0aec0}.form-group label{color:#f7fafc}.form-group input{background:#2d3748cc;border-color:#4a5568;color:#f7fafc}.form-group input:focus{background:#2d3748;border-color:#667eea}.form-group input:disabled{background:#2d3748;color:#718096}.form-group input::placeholder{color:#718096}.signup-footer{border-top-color:#4a5568}.signup-footer p{color:#a0aec0}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e0e0e0;padding:20px;box-sizing:border-box}.login-card{background:#ffffff14;backdrop-filter:blur(15px);border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000005e;padding:40px;width:100%;max-width:400px;text-align:center;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px}.login-header h1{font-size:2.5em;margin-bottom:10px;color:#e0e0e0;text-shadow:0 0 10px rgba(255,255,255,.2)}.login-header p{font-size:1em;color:#a0a0a0;margin:0}.login-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:silver}.form-group input{width:calc(100% - 20px);padding:12px 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#e0e0e0;font-size:1em;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d;outline:none}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44444d}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#ef4444;font-size:.85em;margin-top:5px;display:block}.success-message{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.95em;font-weight:500;text-align:center;animation:slideDown .3s ease-out}.error-message-general{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.95em;font-weight:500;text-align:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-button{width:100%;padding:15px;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px}.login-button:hover:not(:disabled){background:linear-gradient(45deg,#5a67d8,#6a3d9a);box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.login-button:disabled{background:#4a5568;cursor:not-allowed;opacity:.7;transform:none}.login-footer{margin-top:30px;text-align:center}.login-footer p{font-size:.9em;color:#a0a0a0;margin:0}.signup-link{color:#667eea;text-decoration:none;font-weight:600;margin-left:5px;transition:color .3s ease}.signup-link:hover{color:#764ba2;text-decoration:underline}@media (max-width: 600px){.login-card{padding:30px 20px;margin:10px}.login-header h1{font-size:2em}}.login-button:disabled:after{content:"";display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite;margin-left:8px}@keyframes spin{to{transform:rotate(360deg)}}.map-viewer-container{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2e2e2e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.map-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#6d28d91a;border-bottom:1px solid rgba(109,40,217,.3)}.map-viewer-controls{display:flex;align-items:center;gap:2rem;flex:1;justify-content:flex-end}.version-tabs{display:flex;gap:.5rem;background:#ffffff0d;border-radius:.5rem;padding:.25rem}.version-tab{padding:.5rem 1rem;background:transparent;border:none;border-radius:.375rem;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative}.version-tab:hover{background:#ffffff1a;color:#ffffffe6}.version-tab.active{background:#6d28d94d;color:#fff;box-shadow:0 2px 4px #6d28d933}.version-tab:disabled{opacity:.6;cursor:not-allowed}.map-viewer-title{font-size:2rem;font-weight:700;color:#6d28d9;margin:0}.map-viewer-search{flex:1;max-width:400px}.loading-indicator{color:#6d28d9;font-size:.8rem;margin-left:.5rem;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.map-search-input{width:100%;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(109,40,217,.3);border-radius:.5rem;color:#fff;font-size:1rem}.map-search-input::placeholder{color:#fff9}.map-viewer-content{display:grid;grid-template-columns:300px 1fr;gap:1rem;padding:1rem;height:calc(100vh - 200px)}.map-list-section{background:#ffffff0d;border-radius:.5rem;padding:1rem;overflow-y:auto;overscroll-behavior:contain}.map-list-title{font-size:1.25rem;font-weight:700;color:#6d28d9;margin-bottom:1rem}.map-access-notice{margin-bottom:1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:.5rem;padding:1rem}.access-notice-content{display:flex;flex-direction:column;gap:1rem}.access-notice-icon{font-size:2rem;text-align:center}.access-notice-text{flex:1}.access-notice-title{font-size:1rem;font-weight:700;color:#fbbf24;margin:0 0 .5rem}.access-notice-description{font-size:.875rem;color:#fffc;line-height:1.5;margin:0}.access-notice-note{display:block;margin-top:.5rem;font-size:.8rem;color:#fff9;font-style:italic}.kakao-chat-link-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#fee500,#fdd835);color:#3c1e1e;text-decoration:none;border-radius:.5rem;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 2px 4px #fbbf244d}.kakao-chat-link-button:hover{background:linear-gradient(135deg,#fdd835,#fbc02d);transform:translateY(-2px);box-shadow:0 4px 8px #fbbf2466}.kakao-chat-link-button:active{transform:translateY(0);box-shadow:0 2px 4px #fbbf244d}.kakao-chat-icon{font-size:1.25rem}.map-thumbnail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;overscroll-behavior:contain;touch-action:pan-y}.map-thumbnail{aspect-ratio:1;background:#ffffff1a;border:2px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .3s ease;overflow:hidden}.map-thumbnail:hover{border-color:#6d28d9;transform:scale(1.05);background:#6d28d933}.map-thumbnail.selected{border-color:#6d28d9;background:#6d28d94d}.thumbnail-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;position:relative}.thumbnail-image{width:100%;height:100%;object-fit:cover;border-radius:.25rem}.thumbnail-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem}.thumbnail-icon{font-size:2rem;margin-bottom:.5rem}.thumbnail-name{font-size:.75rem;text-align:center;word-break:break-all;color:#fffc;margin-top:.25rem;background:#000000b3;padding:.25rem;border-radius:.25rem;position:absolute;bottom:.5rem;left:.5rem;right:.5rem}.map-viewer-section{background:#ffffff0d;border-radius:.5rem;padding:1rem;overflow:hidden;overscroll-behavior:contain}.map-viewer-main{width:100%;height:100%;position:relative}.map-viewer-canvas{width:100%;height:100%;background:#0000004d;border-radius:.5rem;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-context-menu:none;-moz-context-menu:none;-ms-context-menu:none;context-menu:none}.map-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem;box-shadow:0 4px 8px #0000004d;pointer-events:auto;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-context-menu:none;-moz-context-menu:none;-ms-context-menu:none;context-menu:none}.map-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(45deg,#6d28d91a,#6d28d90d)}.map-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.map-name{font-size:1.5rem;font-weight:700;color:#6d28d9;margin-bottom:.5rem}.map-instructions{font-size:1rem;color:#ffffffb3;text-align:center}.map-viewer-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d;border-radius:.5rem}.map-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;border-radius:.5rem;padding:2rem;z-index:10}.loading-spinner{width:2rem;height:2rem;border:3px solid rgba(109,40,217,.3);border-top:3px solid #6d28d9;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#fff;font-size:1rem;font-weight:500}.map-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#dc2626e6;border-radius:.5rem;padding:2rem;z-index:10;max-width:80%;text-align:center}.error-icon{font-size:2rem;margin-bottom:1rem}.error-text{color:#fff;font-size:.9rem;font-weight:500;word-break:break-all}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-text{font-size:1.25rem;color:#fff9}.map-status-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#6d28d91a;border-top:1px solid rgba(109,40,217,.3)}.status-item{display:flex;align-items:center;gap:.5rem}.status-label{font-weight:700;color:#6d28d9}.status-value{color:#ffffffe6}@media (max-width: 768px){.map-viewer-content{grid-template-columns:1fr;grid-template-rows:200px 1fr;height:calc(100vh - 150px)}.map-list-section{max-height:200px;overflow-y:auto}.map-thumbnail-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.map-thumbnail{min-height:60px}.thumbnail-name{font-size:.65rem;padding:.15rem}.map-viewer-section{min-height:0;overflow:hidden}.map-viewer-header{flex-direction:column;gap:1rem;padding:1rem}.map-viewer-title{font-size:1.5rem}.map-viewer-controls{flex-direction:column;width:100%;gap:1rem}.version-tabs{width:100%;justify-content:center}.version-tab{padding:.4rem .8rem;font-size:.85rem}.map-viewer-search{margin-left:0;max-width:100%;width:100%}.map-list-title{font-size:1rem;margin-bottom:.5rem}.map-access-notice{padding:.75rem;margin-bottom:.75rem}.access-notice-icon{font-size:1.5rem}.access-notice-title{font-size:.9rem}.access-notice-description{font-size:.8rem}.map-status-bar{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.status-item{font-size:.85rem}}.turnstile-modal-backdrop{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.turnstile-modal{background:#1a1a2ef2;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:400px;width:90%;max-height:90vh;overflow:hidden;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease-out}.turnstile-modal-header{display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.turnstile-modal-title{color:#fff;font-size:1.3rem;font-weight:600;margin:0;text-align:center}.turnstile-modal-close{background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.turnstile-modal-close:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.turnstile-modal-content{padding:20px;text-align:center}.turnstile-modal-message{margin-bottom:20px}.turnstile-modal-message p{color:#ffffffe6;font-size:.95rem;line-height:1.4;margin:0}.turnstile-widget-container{display:flex;flex-direction:column;align-items:center;gap:20px}.turnstile-widget-container .cf-turnstile{transform:scale(1.1);border-radius:10px;overflow:hidden}.verification-status{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:10px;color:#60a5fa}.verification-spinner{font-size:1.5rem;animation:spin 1s linear infinite}.verification-status p{margin:0;font-weight:500}.verification-error{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171}.error-icon{font-size:2rem}.verification-error p{margin:0;font-weight:500;text-align:center}.retry-btn{background:linear-gradient(45deg,#ef4444,#dc2626);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.turnstile-loading{display:flex;flex-direction:column;align-items:center;gap:15px;padding:40px 20px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.loading-spinner{font-size:2rem;animation:spin 1s linear infinite}.turnstile-loading p{color:#fffc;margin:0;font-size:1rem}.turnstile-modal-footer{padding:20px 30px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.security-note{color:#fff9;font-size:.9rem;margin:0;text-align:center;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.turnstile-modal{width:95%;margin:20px}.turnstile-modal-header{padding:20px 25px 15px}.turnstile-modal-title{font-size:1.3rem}.turnstile-modal-content{padding:25px 20px}.turnstile-widget-container .cf-turnstile{transform:scale(1)}.security-icon{font-size:2.5rem}.turnstile-modal-message p{font-size:1rem}}@media (max-width: 480px){.turnstile-modal{width:100%;height:100%;border-radius:0;max-height:none}.turnstile-modal-header{padding:15px 20px}.turnstile-modal-content{padding:20px 15px}.turnstile-modal-footer{padding:15px 20px}}.server-maintenance-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;padding:20px;font-family:Arial,sans-serif}.maintenance-header{text-align:center;margin-bottom:30px}.maintenance-icon{font-size:4rem;margin-bottom:20px;animation:spin 2s linear infinite}.maintenance-header h2{font-size:2.5rem;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.maintenance-message{font-size:1.2rem;margin-bottom:20px;opacity:.9;max-width:600px;line-height:1.6}.retry-info{display:flex;align-items:center;gap:20px;justify-content:center;flex-wrap:wrap}.retry-info span{background:#ffffff1a;padding:8px 16px;border-radius:20px;font-weight:500}.retry-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;color:#fff;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ee5a2466}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ee5a2499}.game-container{background:#ffffff0d;border-radius:20px;padding:30px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;max-width:900px;width:100%}.game-header{text-align:center;margin-bottom:20px}.game-header h3{font-size:1.8rem;margin-bottom:15px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.game-instructions{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.game-instructions p{margin:0;font-size:1rem;opacity:.9}.game-area.galaga-game{position:relative;background:linear-gradient(to bottom,#1a4d3a,#2d5a3d,#1e3a2e);border:3px solid #8b4513;border-radius:15px;overflow:hidden;margin:0 auto;box-shadow:inset 0 0 50px #8b45134d,0 0 30px #8b451380}.stars{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:starFall 3s linear infinite;box-shadow:0 0 4px #fffc}@keyframes starFall{0%{transform:translateY(0);opacity:1}to{transform:translateY(600px);opacity:0}}.player-elf{position:absolute;z-index:10;font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(255,215,0,.8));transition:none;animation:playerPulse 2s ease-in-out infinite;display:flex;align-items:center;justify-content:center}.character-container{position:relative;display:inline-block}.bow-with-label{position:absolute;top:-5px;right:-8px;z-index:12}.bow-emoji{font-size:2.2rem;filter:drop-shadow(0 0 5px rgba(0,102,255,.6))}.bow-label{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:12px;color:#6cf;font-weight:700;text-shadow:0 0 5px rgba(102,204,255,.8);white-space:nowrap;animation:textGlow .3s ease-in-out infinite;z-index:15}.elf-emoji{font-size:2.5rem;z-index:10}.bow-label.enchanted{color:gold;text-shadow:0 0 5px rgba(255,215,0,1),0 0 10px rgba(255,215,0,.6);animation:enchantedGlow .5s ease-in-out infinite}@keyframes playerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.player-arrow{position:absolute;z-index:8;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:28px solid #66ccff;filter:drop-shadow(0 0 8px rgba(102,204,255,.8)) drop-shadow(0 0 15px rgba(0,170,255,.6));animation:arrowFly .3s ease-in-out infinite;transform:rotate(0)}.player-arrow:before{content:"";position:absolute;top:28px;left:-4px;width:8px;height:12px;background:linear-gradient(180deg,#06f,#0af);clip-path:polygon(0% 100%,50% 0%,100% 100%);filter:drop-shadow(0 0 5px rgba(0,102,255,.6))}@keyframes arrowFly{0%,to{filter:drop-shadow(0 0 8px rgba(102,204,255,.8)) drop-shadow(0 0 15px rgba(0,170,255,.6));transform:rotate(0) translateY(0)}50%{filter:drop-shadow(0 0 12px rgba(102,204,255,1)) drop-shadow(0 0 20px rgba(0,170,255,.8));transform:rotate(1deg) translateY(-2px)}}@keyframes lightningFlicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes textGlow{0%,to{text-shadow:0 0 3px rgba(102,204,255,.8);opacity:.9}50%{text-shadow:0 0 6px rgba(102,204,255,1);opacity:1}}@keyframes enchantedGlow{0%,to{text-shadow:0 0 5px rgba(255,215,0,1),0 0 10px rgba(255,215,0,.6);transform:translate(-50%) scale(1)}50%{text-shadow:0 0 8px rgba(255,215,0,1),0 0 15px rgba(255,215,0,.8);transform:translate(-50%) scale(1.05)}}.enemy-monster{position:absolute;z-index:5;font-size:2rem;filter:drop-shadow(0 0 8px rgba(139,0,0,.6));animation:monsterFloat 2s ease-in-out infinite}@keyframes monsterFloat{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.enemy-magic{position:absolute;z-index:8;font-size:1rem;filter:drop-shadow(0 0 5px rgba(255,0,0,.8));animation:magicGlow .3s ease-in-out infinite}.hit-effect{position:absolute;z-index:20;font-size:2rem;pointer-events:none;animation:hitEffectAnimation 1s ease-out forwards}.hit-effect.explosion{color:#ff6b6b;font-size:2.5rem;filter:drop-shadow(0 0 15px rgba(255,107,107,.8));animation:explosionEffect 1.5s ease-out forwards}.hit-effect.spark{color:gold;font-size:1.2rem;filter:drop-shadow(0 0 8px rgba(255,215,0,.8));animation:sparkEffect 1.5s ease-out forwards}.hit-effect.magic{color:#6cf;font-size:1.5rem;filter:drop-shadow(0 0 12px rgba(102,204,255,.8));animation:magicEffect 1.5s ease-out forwards}@keyframes explosionEffect{0%{transform:scale(.2) rotate(0);opacity:1;filter:drop-shadow(0 0 5px rgba(255,107,107,.8))}20%{transform:scale(1.8) rotate(72deg);opacity:1;filter:drop-shadow(0 0 20px rgba(255,107,107,1))}40%{transform:scale(2.5) rotate(144deg);opacity:.9;filter:drop-shadow(0 0 30px rgba(255,107,107,.9))}60%{transform:scale(2.2) rotate(216deg);opacity:.7;filter:drop-shadow(0 0 25px rgba(255,107,107,.7))}80%{transform:scale(1.5) rotate(288deg);opacity:.4;filter:drop-shadow(0 0 15px rgba(255,107,107,.4))}to{transform:scale(.8) rotate(360deg);opacity:0;filter:drop-shadow(0 0 5px rgba(255,107,107,.1))}}@keyframes sparkEffect{0%{transform:scale(.1) translateY(0) rotate(0);opacity:1}15%{transform:scale(.8) translateY(-8px) rotate(45deg);opacity:1}30%{transform:scale(1.2) translateY(-15px) rotate(90deg);opacity:.9}50%{transform:scale(1.5) translateY(-25px) rotate(180deg);opacity:.7}70%{transform:scale(1.2) translateY(-35px) rotate(270deg);opacity:.5}85%{transform:scale(.6) translateY(-45px) rotate(315deg);opacity:.3}to{transform:scale(.2) translateY(-55px) rotate(360deg);opacity:0}}@keyframes magicEffect{0%{transform:scale(.1) rotate(0);opacity:1;filter:drop-shadow(0 0 8px rgba(102,204,255,.8))}20%{transform:scale(.8) rotate(72deg);opacity:1;filter:drop-shadow(0 0 15px rgba(102,204,255,1))}40%{transform:scale(1.3) rotate(144deg);opacity:.9;filter:drop-shadow(0 0 20px rgba(102,204,255,.9))}60%{transform:scale(1.1) rotate(216deg);opacity:.7;filter:drop-shadow(0 0 18px rgba(102,204,255,.7))}80%{transform:scale(.7) rotate(288deg);opacity:.4;filter:drop-shadow(0 0 12px rgba(102,204,255,.4))}to{transform:scale(.3) rotate(360deg);opacity:0;filter:drop-shadow(0 0 5px rgba(102,204,255,.1))}}.score{position:absolute;top:20px;right:20px;z-index:15;background:#000000b3;color:gold;padding:10px 15px;border-radius:10px;font-size:1.2rem;font-weight:700;font-family:Courier New,monospace;border:1px solid rgba(255,215,0,.5);box-shadow:0 0 10px #ffd7004d}.game-over{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:20}.game-over-content{text-align:center;background:#ffffff1a;padding:30px;border-radius:15px;backdrop-filter:blur(10px);border:2px solid rgba(255,0,0,.5);box-shadow:0 0 30px #ff000080}.game-over-content h3{font-size:2rem;margin-bottom:15px;color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.8)}.game-over-content p{font-size:1.2rem;margin-bottom:20px}.restart-btn{background:linear-gradient(45deg,#4caf50,#45a049);border:none;color:#fff;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4caf5066}.start-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:20}.start-content{text-align:center;background:#ffffff1a;padding:30px;border-radius:15px;backdrop-filter:blur(10px);border:2px solid rgba(0,212,255,.5);box-shadow:0 0 30px #00d4ff80}.start-content h3{font-size:2rem;margin-bottom:15px;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.8)}.start-content p{font-size:1.1rem;margin-bottom:20px}.start-btn{background:linear-gradient(45deg,#2196f3,#1976d2);border:none;color:#fff;padding:15px 30px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2196f366}.game-footer{margin-top:20px;text-align:center}.game-tips{display:flex;flex-direction:column;gap:8px}.game-tips p{margin:0;font-size:.9rem;opacity:.8;font-style:italic}@media (max-width: 768px){.server-maintenance-container{padding:10px}.maintenance-header h2{font-size:2rem}.maintenance-message{font-size:1rem}.game-container{padding:20px}.game-area.galaga-game{width:100%!important;max-width:400px;height:300px!important}.player-ship{font-size:2rem}.enemy-ship{font-size:1.5rem}}@media (max-width: 480px){.retry-info{flex-direction:column;gap:10px}.game-instructions{font-size:.9rem}}.game-area.jump-game{position:relative;background:linear-gradient(to bottom,#87ceeb,#98d8e8,#b0e0e6);border:3px solid #8b4513;border-radius:15px;overflow:hidden;margin:0 auto;box-shadow:inset 0 0 50px #8b45134d,0 0 30px #8b451380}.jump-game-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.cloud{position:absolute;width:60px;height:30px;background:#fffc;border-radius:50px;animation:cloudMove 20s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#fffc;border-radius:50px}.cloud:before{width:50px;height:50px;top:-25px;left:10px}.cloud:after{width:60px;height:40px;top:-20px;right:10px}@keyframes cloudMove{0%{transform:translate(0)}to{transform:translate(-100px)}}.ground{position:absolute;background:linear-gradient(to bottom,#8b7355,#6b5b3d);border-top:3px solid #5A4A2A;z-index:2}.jump-player{position:absolute;z-index:10;font-size:3rem;filter:drop-shadow(0 0 10px rgba(255,215,0,.8));transition:none;animation:playerJump .3s ease-out;display:flex;align-items:center;justify-content:center}@keyframes playerJump{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(-5deg)}to{transform:scale(1) rotate(0)}}.jump-obstacle{position:absolute;z-index:5;background:linear-gradient(to bottom,#8b4513,#654321);border:2px solid #5A2A0A;border-radius:5px 5px 0 0;font-size:2rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 8px rgba(139,0,0,.6))}.turnstile-verification-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Roboto,sans-serif}.verification-content{text-align:center;padding:40px;z-index:1}.verification-icon{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.verification-icon.success{animation:none;color:#10b981}.verification-title{font-size:2.5rem;font-weight:900;margin-bottom:20px;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.verification-title.success{background:linear-gradient(45deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.verification-message{font-size:1.2rem;color:#ffffffe6;margin-bottom:10px}.verification-message.success{color:#10b981;font-weight:600}.verification-submessage{font-size:1rem;color:#ffffffb3;margin-top:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.loading-spinner{display:inline-block;font-size:3rem;margin-top:20px;width:3rem;height:3rem;line-height:3rem;text-align:center;transform-origin:center center;animation:spin 2s linear infinite}@media (max-width: 768px){.verification-icon{font-size:4rem}.verification-title{font-size:2rem}.verification-message{font-size:1rem}.verification-submessage{font-size:.9rem}.loading-spinner{font-size:2.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem}}.resource-detail{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Roboto,sans-serif;padding:20px;max-width:1200px;margin:0 auto}.resource-detail .loading{text-align:center;padding:60px 20px;background:#ffffff0d;backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);color:#fff}.resource-detail .loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.resource-detail .error{text-align:center;padding:60px 20px;background:#ef44441a;backdrop-filter:blur(10px);border-radius:16px;border:2px solid rgba(239,68,68,.3)}.resource-detail .error h2{color:#fca5a5;margin-bottom:15px}.resource-detail .error p{color:#fca5a5;font-size:1.1em;margin-bottom:20px}.resource-detail-header{text-align:center;margin-bottom:40px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);position:relative}.resource-detail-header .back-btn-header{position:absolute;left:30px;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:.9em;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;backdrop-filter:blur(10px)}.resource-detail-header .back-btn-header:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-50%) translate(-3px);color:#fff}.resource-detail-header h1{font-size:2.5rem;font-weight:800;margin:0;padding:0 180px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.resource-detail-header .edit-resource-btn{position:absolute;right:30px;top:50%;transform:translateY(-50%);background:#667eea33;border:1px solid rgba(102,126,234,.4);color:#ffffffe6;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:.9em;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;backdrop-filter:blur(10px)}.resource-detail-header .edit-resource-btn:hover{background:#667eea4d;border-color:#667eea99;transform:translateY(-50%) translate(3px);color:#fff}.resource-main-layout{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:start}.resource-main-layout>.resource-header{grid-column:1 / -1;margin-bottom:30px}.resource-main-content{background:#ffffff08;backdrop-filter:blur(10px);border-radius:16px;padding:35px;border:1px solid rgba(255,255,255,.1);min-width:0;overflow:hidden}.resource-sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:20px;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;align-self:start}.resource-sidebar::-webkit-scrollbar{width:6px}.resource-sidebar::-webkit-scrollbar-track{background:#0003;border-radius:3px}.resource-sidebar::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.resource-sidebar::-webkit-scrollbar-thumb:hover{background:#667eeab3}.sidebar-card{background:#ffffff0d;backdrop-filter:blur(10px);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;flex-shrink:0}.sidebar-card:hover{background:#ffffff14;border-color:#667eea4d}.sidebar-card-title{font-size:1.2rem;color:#667eea;margin:0 0 20px;font-weight:600;display:flex;align-items:center;gap:8px}.pricing-content{margin-bottom:15px}.price-badge{padding:15px 20px;border-radius:10px;font-size:1.3rem;font-weight:700;text-align:center;margin-bottom:10px}.free-badge{background:#10b98133;color:#6ee7b7;border:2px solid rgba(16,185,129,.3)}.paid-badge{background:#fbbf2433;color:#fcd34d;border:2px solid rgba(251,191,36,.3)}.level-requirement{text-align:center;color:#fffc;font-size:.95rem;margin-top:10px}.download-status-info{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.resource-detail .status-badge{padding:12px 16px;border-radius:8px;text-align:center;font-weight:600;font-size:.95rem}.resource-detail .status-badge.success{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.resource-detail .status-badge.error{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.file-list-compact{display:flex;flex-direction:column;gap:12px}.file-item-compact{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.file-item-compact:hover{background:#ffffff14;border-color:#667eea4d}.file-info-compact{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-icon-small{font-size:1.5rem;flex-shrink:0}.file-details-compact{flex:1;min-width:0}.file-name-compact{font-size:.9rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.file-meta-compact{font-size:.8rem;color:#fff9}.download-btn-compact{flex-shrink:0;width:40px;height:40px;border-radius:8px;border:none;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.download-btn-compact.enabled{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.download-btn-compact.enabled:hover{background:#10b9814d;transform:scale(1.1)}.download-btn-compact.disabled{background:#6b728033;color:#fff6;cursor:not-allowed;opacity:.6}.info-list{display:flex;flex-direction:column;gap:12px;margin:0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-row:last-child{border-bottom:none}.info-row dt{color:#ffffffb3;font-size:.9rem;font-weight:500}.info-row dd{color:#fff;font-size:.95rem;font-weight:500;margin:0;text-align:right}.resource-detail-uploader-info{display:flex;align-items:center;gap:8px;justify-content:flex-end}.resource-detail-uploader-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.3);flex-shrink:0;box-shadow:0 2px 8px #0003}.resource-detail-uploader-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#282d3ce6;color:#fff;font-size:1rem;font-weight:600;flex-shrink:0;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.resource-detail-uploader-details{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.resource-detail-uploader-name{font-weight:500;white-space:nowrap}.resource-detail-uploader-level{font-size:.75rem;font-weight:600}.article-media-gallery{margin-bottom:40px;max-height:600px;overflow-y:auto;padding-right:10px}.article-media-gallery::-webkit-scrollbar{width:6px}.article-media-gallery::-webkit-scrollbar-track{background:#0003;border-radius:3px}.article-media-gallery::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.article-media-gallery::-webkit-scrollbar-thumb:hover{background:#667eeab3}.media-gallery-section{margin-bottom:30px}.media-gallery-section:last-child{margin-bottom:0}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.1)}.gallery-title{font-size:1.2rem;color:#667eea;display:flex;align-items:center;gap:8px;font-weight:600;margin:0}.gallery-icon{font-size:1.3rem}.gallery-hint{color:#fff9;font-size:.85em;font-style:italic}.gallery-scroll-container{position:relative;display:flex;align-items:center;gap:10px}.gallery-scroll-btn{position:sticky;z-index:2;background:#000000b3;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#fff;font-size:1.8rem;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.gallery-scroll-btn:hover{background:#667eeae6;border-color:#667eea80;transform:scale(1.1)}.image-gallery-scroll,.video-gallery-scroll{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.5) transparent;flex:1;padding:8px 0}.image-gallery-scroll::-webkit-scrollbar,.video-gallery-scroll::-webkit-scrollbar{height:6px}.image-gallery-scroll::-webkit-scrollbar-track,.video-gallery-scroll::-webkit-scrollbar-track{background:#0003;border-radius:3px}.image-gallery-scroll::-webkit-scrollbar-thumb,.video-gallery-scroll::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.image-gallery-scroll::-webkit-scrollbar-thumb:hover,.video-gallery-scroll::-webkit-scrollbar-thumb:hover{background:#667eeab3}.gallery-media-item{flex-shrink:0;width:280px;cursor:pointer;transition:transform .3s ease}.gallery-media-item:hover{transform:translateY(-3px)}.media-item-wrapper{position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#0000004d;border:2px solid rgba(255,255,255,.1);transition:border-color .3s ease}.gallery-media-item:hover .media-item-wrapper{border-color:#667eea80;box-shadow:0 8px 25px #0006}.gallery-media-image,.gallery-media-video{width:100%;height:100%;object-fit:contain;display:block}.gallery-media-video{background:#00000080}.media-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:15px;color:#fff;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:space-between}.gallery-media-item:hover .media-overlay{opacity:1}.zoom-icon{font-size:1.2rem;background:#667eeacc;padding:8px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.media-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-left:10px}.gallery-video-item .video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:none}.gallery-media-item:hover .video-play-overlay{background:#667eeae6;transform:translate(-50%,-50%) scale(1.1)}.gallery-media-item .play-icon{font-size:1.8rem;color:#fff;margin-left:4px}.article-content{margin-top:0;padding-top:0;border-top:none}.article-description{font-size:1.15em;color:#fffffff2;line-height:2;word-wrap:break-word}.article-description *{max-width:100%;color:inherit}.article-description p{margin-bottom:1.8em;text-align:justify;color:#fffffff2;font-size:1.05em}.article-description p:last-child{margin-bottom:0}.article-description strong{font-weight:600}.article-description em{font-style:italic}.article-description u{text-decoration:underline}.article-description span{display:inline}.article-paragraph{margin-bottom:1.8em;text-align:justify;color:#fffffff2;font-size:1.05em}.article-paragraph:last-child{margin-bottom:0}.article-paragraph.no-description{color:#ffffff80;font-style:italic;text-align:center;padding:40px 20px}.pricing{display:flex;flex-direction:column;gap:10px}.free{background:#10b98133;color:#6ee7b7;padding:12px 20px;border-radius:8px;font-weight:600;font-size:1.1em;text-align:center;border:2px solid rgba(16,185,129,.3)}.paid{display:flex;flex-direction:column;gap:8px}.cost{background:#fbbf2433;color:#fcd34d;padding:12px 20px;border-radius:8px;font-weight:600;text-align:center;border:2px solid rgba(251,191,36,.3)}.level{background:#3b82f633;color:#93c5fd;padding:10px 20px;border-radius:8px;font-size:.95em;text-align:center;border:1px solid rgba(59,130,246,.3)}.resource-detail .user-info{display:flex;gap:15px;flex-wrap:wrap}.resource-detail .user-info span{background:#667eea33;color:#a5b4fc;padding:10px 16px;border-radius:8px;font-weight:500;border:1px solid rgba(102,126,234,.3)}.no-files{text-align:center;padding:40px 20px;color:#fff9;background:#0003;border-radius:8px;border:2px dashed rgba(255,255,255,.1)}.file-list{display:flex;flex-direction:column;gap:15px}.file-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;animation:fadeIn .3s ease-out}.file-item:hover{border-color:#667eea66;background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.file-info{display:flex;align-items:center;gap:15px;flex:1}.file-icon{font-size:2em;opacity:.9}.file-details{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.file-name{font-weight:500;color:#fff;font-size:1.1em;word-break:break-all}.file-meta{display:flex;gap:15px;font-size:.9em;color:#fff9}.file-size{font-weight:500}.file-type{background:#667eea33;padding:4px 10px;border-radius:4px;font-size:.85em;color:#a5b4fc}.download-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95em;min-width:160px;text-align:center}.download-btn.enabled{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.download-btn.enabled:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.download-btn.disabled{background:#6b728080;color:#fff9;cursor:not-allowed;opacity:.6}.downloading{display:flex;align-items:center;justify-content:center;gap:8px;animation:pulse 1.5s ease-in-out infinite}.image-modal-overlay,.video-modal-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(10px);animation:fadeIn .3s ease}.image-modal-content,.video-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-close{position:absolute;top:-50px;right:0;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-prev,.modal-next{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:none;color:#fff;font-size:3rem;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.modal-prev{left:-80px}.modal-next{right:-80px}.modal-prev:hover,.modal-next:hover{background:#667eeae6;transform:translateY(-50%) scale(1.1)}.modal-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080}.modal-video{max-width:100%;max-height:80vh;border-radius:12px;box-shadow:0 20px 60px #00000080}.modal-info{margin-top:20px;text-align:center;color:#fff}.modal-filename{font-size:1.1rem;font-weight:500;margin-bottom:8px;color:#fff}.modal-filesize{font-size:.9rem;color:#ffffffb3;margin-bottom:8px}.modal-counter{font-size:.9rem;color:#667eea;font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.resource-main-layout{grid-template-columns:1fr;gap:30px}.resource-sidebar{position:static;order:2}.resource-main-content{order:1}.article-paragraph{text-align:left}.modal-prev{left:10px}.modal-next{right:10px}}@media (max-width: 768px){.resource-detail{margin:10px;padding:15px}.resource-detail-header{padding:20px 15px}.resource-detail-header .back-btn-header{position:static;transform:none;margin-bottom:15px;width:100%;justify-content:center}.resource-detail-header .back-btn-header:hover{transform:none}.resource-detail-header h1{font-size:1.8em;padding:0}.resource-main-content{padding:25px 20px}.article-description{font-size:1em}.article-paragraph{font-size:1em;text-align:left;line-height:1.8}.gallery-media-item{width:280px}.gallery-scroll-btn{width:40px;height:40px;font-size:1.5rem}.sidebar-card{padding:20px}.file-item-compact{flex-direction:column;align-items:stretch;gap:12px}.file-info-compact{width:100%}.download-btn-compact{width:100%;height:44px}}.download-all-btn{width:100%;padding:12px 20px;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #667eea4d}.download-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.download-all-btn:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.download-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.download-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:1px solid rgba(255,255,255,.1);max-width:600px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #00000080}.download-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.download-modal-header h3{margin:0;font-size:1.3rem;color:#fff;font-weight:600}.close-download-modal-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px 10px;border-radius:4px;transition:background-color .2s ease;line-height:1}.close-download-modal-btn:hover{background:#ffffff1a}.download-file-list{padding:20px;max-height:calc(80vh - 100px);overflow-y:auto}.download-file-list h4{margin:0 0 15px;font-size:1rem;color:#fff;font-weight:600;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.download-file-item{display:flex;align-items:flex-start;justify-content:space-between;padding:15px;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s ease;gap:12px}.download-file-item:last-child{border-bottom:none}.download-file-item:hover{background:#ffffff0d}.download-file-item.downloading{background:#667eea1a;border-left:3px solid #667eea}.download-file-item .file-icon{font-size:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.download-file-item .file-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.download-file-item .file-name{font-weight:500;color:#fff;font-size:.95em;word-break:break-all}.download-file-item .file-size{color:#ffffffb3;font-size:.85em}.file-download-status{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:100px}.file-download-status .status-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:12px;white-space:nowrap}.file-download-status .status-badge.pending{background:#ffffff1a;color:#fff9}.file-download-status .status-badge.completed{background:#10b98133;color:#34d399}.file-download-status .status-badge.error{background:#ef444433;color:#f87171}.file-download-status .file-progress-container{display:flex;align-items:center;gap:6px;min-width:140px;flex-shrink:0}.file-download-status .file-progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;min-width:80px;max-width:120px}.file-download-status .file-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .2s ease;border-radius:4px}.file-download-status .file-progress-text{font-size:.7rem;color:#fffc;white-space:nowrap;font-weight:600}.my-wiki{display:flex;flex-direction:column;min-height:calc(100vh - 100px);height:auto;color:#fff;overflow:visible}.wiki-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid rgba(102,126,234,.3);flex-shrink:0}.wiki-header-left{flex:1}.wiki-title{font-size:1.8rem;font-weight:700;margin:0 0 4px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wiki-subtitle{font-size:.9rem;color:#fff9;margin:0}.wiki-header-actions{display:flex;gap:8px}.wiki-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.wiki-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.wiki-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.wiki-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(102,126,234,.3)}.wiki-btn.secondary:hover{background:#667eea33;border-color:#667eea}.wiki-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid rgba(102,126,234,.2);gap:16px;flex-shrink:0}.wiki-search{flex:1;max-width:400px}.wiki-search-input{width:100%;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff;font-size:.9rem;transition:all .3s ease}.wiki-search-input:focus{outline:none;border-color:#667eea;background:#ffffff26}.wiki-view-controls{display:flex;align-items:center;gap:12px}.wiki-select{padding:6px 10px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer}.wiki-select option{background:#1a1a2e;color:#fff}.wiki-view-modes{display:flex;gap:4px;background:#ffffff0d;padding:4px;border-radius:6px}.wiki-view-mode-btn{padding:6px 10px;background:transparent;border:none;border-radius:4px;color:#fff9;font-size:1rem;cursor:pointer;transition:all .3s ease}.wiki-view-mode-btn:hover{background:#667eea33;color:#fff}.wiki-view-mode-btn.active{background:#667eea4d;color:#fff}.wiki-filter-info{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;background:#667eea1a;border-bottom:1px solid rgba(102,126,234,.2);font-size:.85rem;flex-shrink:0}.wiki-filter-info button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:4px 8px;border-radius:4px}.wiki-filter-info button:hover{background:#ffffff1a}.wiki-content{flex:1;display:flex;overflow:hidden;position:relative;min-height:400px}.wiki-tree-view{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.wiki-tree-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(102,126,234,.2);font-size:.85rem;font-weight:600;flex-shrink:0}.wiki-tree-expand-all{padding:4px 8px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:4px;color:#fff;font-size:.75rem;cursor:pointer}.wiki-tree-list{flex:1;overflow-y:auto;overflow-x:visible;padding:8px 0;min-height:200px}.wiki-tree-node{user-select:none}.wiki-tree-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;transition:background .2s ease,border .2s ease;font-size:.9rem;position:relative;user-select:none}.wiki-tree-item:hover{background:#667eea1a}.wiki-tree-item.dragging{opacity:.5;background:#667eea33}.wiki-tree-item.drop-target{cursor:move}.wiki-tree-item.drag-over-inside{background:#667eea26;border:2px solid #667eea;border-radius:6px;box-shadow:0 0 0 2px #667eea33;margin:2px 0}.wiki-tree-drag-handle{color:#ffffff4d;font-size:.7rem;cursor:grab;padding:0 4px;line-height:1;user-select:none}.wiki-tree-drag-handle:active{cursor:grabbing}.wiki-tree-item:hover .wiki-tree-drag-handle{color:#fff9}.wiki-tree-drop-line{height:3px;background:#667eea;margin:0;border-radius:2px;position:relative;z-index:10;box-shadow:0 0 4px #667eea80}.wiki-tree-drop-line.before{margin-top:-1px;margin-bottom:2px}.wiki-tree-drop-line.after{margin-top:2px;margin-bottom:-1px}.wiki-tree-toggle{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff9;cursor:pointer;font-size:.7rem;padding:0;flex-shrink:0}.wiki-tree-spacer{width:16px;flex-shrink:0}.wiki-tree-title{flex:1;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-tree-badge{font-size:.75rem;flex-shrink:0}.wiki-tree-meta{font-size:.75rem;color:#ffffff80;flex-shrink:0}.wiki-tree-children{margin-left:0}.wiki-list-view{flex:1;overflow-y:auto;overflow-x:visible;padding:16px;min-height:200px}.wiki-list-group{margin-bottom:24px}.wiki-list-group-header{font-size:.9rem;font-weight:600;color:#ffffffb3;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(102,126,234,.2)}.wiki-list-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff08;border:1px solid rgba(102,126,234,.1);border-radius:6px;margin-bottom:8px;transition:all .2s ease}.wiki-list-item:hover{background:#ffffff0f;border-color:#667eea4d}.wiki-list-item-main{flex:1;cursor:pointer;min-width:0}.wiki-list-item-title{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:6px}.wiki-list-indent{color:#667eea99;font-size:.8rem}.wiki-list-item-desc{font-size:.85rem;color:#fff9;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-list-item-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.wiki-list-item-tags{display:flex;gap:6px;flex-wrap:wrap;max-width:100%;align-items:center}.wiki-list-tag{font-size:.75rem;padding:2px 6px;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:10px;color:#a5b4fc;white-space:nowrap;flex-shrink:0}.wiki-list-tag-more{font-size:.75rem;padding:2px 6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff9;white-space:nowrap;flex-shrink:0}.wiki-list-item-stats{display:flex;gap:12px;font-size:.75rem;color:#ffffff80}.wiki-list-item-actions{display:flex;gap:4px;margin-left:12px;flex-shrink:0}.wiki-list-item-actions button{padding:6px 10px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;transition:all .2s ease}.wiki-list-item-actions button:hover{background:#667eea33;border-color:#667eea}.wiki-compact-view{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;min-height:200px;min-width:0}.wiki-compact-group{margin-bottom:24px}.wiki-compact-group-header{font-size:.9rem;font-weight:600;color:#ffffffb3;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(102,126,234,.2)}.wiki-compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.wiki-compact-item{padding:10px;background:#ffffff08;border:1px solid rgba(102,126,234,.1);border-radius:6px;cursor:pointer;transition:all .2s ease}.wiki-compact-item:hover{background:#ffffff0f;border-color:#667eea4d;transform:translateY(-2px)}.wiki-compact-title{font-size:.85rem;font-weight:600;color:#fff;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-compact-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:.7rem;color:#ffffff80}.wiki-compact-tag{font-size:.7rem;padding:2px 4px;background:#667eea26;border-radius:8px;color:#a5b4fc;white-space:nowrap;flex-shrink:0}.wiki-compact-tag-more{font-size:.7rem;padding:2px 4px;background:#ffffff1a;border-radius:8px;color:#fff9;white-space:nowrap;flex-shrink:0}.wiki-tags-sidebar{width:220px;border-right:1px solid rgba(102,126,234,.2);padding:16px;background:#ffffff05;flex-shrink:0;display:flex;flex-direction:column;max-height:100%;overflow:hidden}.wiki-tags-header{font-size:.85rem;font-weight:600;color:#ffffffb3;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(102,126,234,.2);flex-shrink:0}.wiki-tags-list{display:flex;flex-wrap:wrap;gap:6px;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 300px);padding-right:4px;align-content:flex-start}.wiki-tag-btn{padding:4px 8px;background:#ffffff0d;border:1px solid rgba(102,126,234,.2);border-radius:4px;color:#ffffffb3;font-size:.75rem;cursor:pointer;text-align:center;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:fit-content}.wiki-tag-btn:hover{background:#667eea26;border-color:#667eea66}.wiki-tag-btn.active{background:#667eea33;border-color:#667eea;color:#fff}.wiki-loading,.wiki-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#ffffffb3}.wiki-empty-icon{font-size:4rem;margin-bottom:16px}.wiki-empty h2{font-size:1.5rem;margin:16px 0 8px;color:#fff}.wiki-empty p{font-size:1rem;margin-bottom:24px}.wiki-tree-list::-webkit-scrollbar,.wiki-list-view::-webkit-scrollbar,.wiki-compact-view::-webkit-scrollbar,.wiki-tags-sidebar::-webkit-scrollbar{width:8px}.wiki-tree-list::-webkit-scrollbar-track,.wiki-list-view::-webkit-scrollbar-track,.wiki-compact-view::-webkit-scrollbar-track,.wiki-tags-sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.wiki-tree-list::-webkit-scrollbar-thumb,.wiki-list-view::-webkit-scrollbar-thumb,.wiki-compact-view::-webkit-scrollbar-thumb,.wiki-tags-sidebar::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.wiki-tree-list::-webkit-scrollbar-thumb:hover,.wiki-list-view::-webkit-scrollbar-thumb:hover,.wiki-compact-view::-webkit-scrollbar-thumb:hover,.wiki-tags-sidebar::-webkit-scrollbar-thumb:hover{background:#667eea80}@media (max-width: 1024px){.wiki-tags-sidebar{display:none}.wiki-compact-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 768px){.my-wiki{height:calc(100vh - 80px)}.wiki-header{flex-direction:column;gap:12px;padding:16px}.wiki-header-actions{width:100%;justify-content:flex-end}.wiki-toolbar{flex-direction:column;align-items:stretch;padding:12px 16px}.wiki-view-controls{justify-content:space-between}.wiki-compact-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.wiki-editor{padding:32px;max-width:1400px;margin:0 auto;color:#fff;min-height:calc(100vh - 100px)}.wiki-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid rgba(102,126,234,.3)}.wiki-editor-title{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wiki-editor-actions{display:flex;gap:12px}.wiki-editor-btn{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.wiki-editor-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.wiki-editor-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.wiki-editor-btn.primary:disabled{opacity:.6;cursor:not-allowed}.wiki-editor-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(102,126,234,.3)}.wiki-editor-btn.secondary:hover{background:#667eea33;border-color:#667eea}.wiki-editor-content{display:flex;gap:24px}.wiki-editor-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.wiki-editor-section{display:flex;flex-direction:column;gap:8px}.wiki-editor-label{font-size:.9rem;font-weight:600;color:#ffffffe6}.wiki-editor-input,.wiki-editor-select,.wiki-editor-textarea{padding:10px 12px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.wiki-editor-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a5b4fc' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:36px;cursor:pointer}.wiki-editor-select option{background:#1a1a2e!important;color:#fff!important;padding:8px}.wiki-editor-select::-ms-expand{display:none}.wiki-editor-select:focus{background-color:#ffffff26}.wiki-editor-select:hover{background-color:#ffffff1f}.wiki-editor-input:focus,.wiki-editor-select:focus,.wiki-editor-textarea:focus{outline:none;border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.wiki-editor-textarea.small{resize:vertical;min-height:60px}.wiki-editor-textarea.large{resize:vertical;min-height:500px;font-family:Courier New,monospace}.wiki-editor-textarea.large.code{font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}.wiki-editor-hint{font-size:.8rem;color:#ffffff80;margin-top:4px}.wiki-editor-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.wiki-editor-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.wiki-editor-main{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}.wiki-editor-title-section{margin-bottom:0;padding:0}.wiki-editor-title-input{width:100%;padding:16px;background:#ffffff1a;border:2px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;font-size:1.5rem;font-weight:600;transition:all .3s ease;box-sizing:border-box}.wiki-editor-title-input:focus{outline:none;border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.wiki-editor-title-input::placeholder{color:#fff6}.wiki-editor-editor{flex:1;padding:0;margin:0;position:relative}.wiki-editor-editor .wiki-editor-textarea.large{width:100%;box-sizing:border-box;margin:0;padding:16px;border:2px solid rgba(102,126,234,.3);border-radius:8px}.wiki-editor-editor .wiki-editor-textarea.large:focus{border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.wiki-editor-wysiwyg{width:100%;min-height:500px;padding:16px;background:#ffffff1a;border:2px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;font-size:1rem;line-height:1.8;outline:none;overflow-y:auto;box-sizing:border-box;position:relative}.wiki-editor-wysiwyg:empty:before{content:attr(data-placeholder);color:#fff6;pointer-events:none;position:absolute;top:16px;left:16px;white-space:pre-line}.wiki-editor-wysiwyg:focus{border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.wiki-editor-wysiwyg img{max-width:100%;height:auto;border-radius:4px;margin:8px 0;display:block}.wiki-editor-wysiwyg p{margin:12px 0}.wiki-editor-wysiwyg h1,.wiki-editor-wysiwyg h2,.wiki-editor-wysiwyg h3{margin:16px 0 8px;font-weight:600}.wiki-editor-wysiwyg ul,.wiki-editor-wysiwyg ol{margin:12px 0;padding-left:24px}.wiki-editor-wysiwyg li{margin:6px 0}.wiki-editor-wysiwyg table{width:100%;border-collapse:collapse;margin:16px 0;border:1px solid rgba(102,126,234,.3)}.wiki-editor-wysiwyg table th,.wiki-editor-wysiwyg table td{padding:12px;border:1px solid rgba(102,126,234,.3);text-align:left;min-width:100px}.wiki-editor-wysiwyg table th{background:#667eea33;font-weight:600;color:#fff}.wiki-editor-wysiwyg table td{background:#ffffff0d;color:#ffffffe6}.wiki-editor-wysiwyg table td:focus,.wiki-editor-wysiwyg table th:focus{outline:2px solid #667eea;outline-offset:-2px;background:#667eea4d}.wiki-editor-table-grid{background:#1a1a2ef2;border:2px solid rgba(102,126,234,.5);border-radius:8px;padding:12px;box-shadow:0 8px 32px #00000080;backdrop-filter:blur(10px);display:inline-block}.wiki-editor-table-grid-header{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:8px;text-align:center}.wiki-editor-table-grid-container{display:inline-block;border:1px solid rgba(102,126,234,.3);border-radius:4px;overflow:hidden;line-height:0;font-size:0}.wiki-editor-table-grid-row{display:flex;flex-direction:row;margin:0;padding:0;line-height:0}.wiki-editor-table-grid-cell{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;border:1px solid rgba(102,126,234,.2);background:#ffffff0d;cursor:pointer;transition:all .1s ease;margin:0;padding:0;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center}.wiki-editor-table-grid-cell:hover,.wiki-editor-table-grid-cell.selected{background:#667eea66;border-color:#667eea}.wiki-editor-table-grid-footer{color:#fff9;font-size:.75rem;margin-top:8px;text-align:center}.wiki-editor-tags-container{display:flex;flex-direction:column;gap:8px}.wiki-editor-tags-list{display:flex;flex-wrap:wrap;gap:6px;min-height:32px;padding:8px;background:#ffffff0d;border:1px solid rgba(102,126,234,.3);border-radius:6px;align-items:flex-start}.wiki-editor-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#667eea33;border:1px solid rgba(102,126,234,.4);border-radius:4px;font-size:.85rem;color:#a5b4fc;white-space:nowrap}.wiki-editor-tag-remove{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:0;margin-left:4px;font-size:1.2rem;line-height:1;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.wiki-editor-tag-remove:hover{background:#fff3;color:#fff}.wiki-editor-tag-input{width:100%;margin-top:0}.wiki-editor-tags-hint{font-size:.75rem;color:#ffffff80;margin-top:-4px}.wiki-editor-upload-indicator{position:absolute;top:16px;right:16px;padding:8px 16px;background:#667eeae6;color:#fff;border-radius:6px;font-size:.9rem;z-index:10;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.wiki-editor-preview{flex:1;padding:24px;background:#ffffff0d;border:1px solid rgba(102,126,234,.2);border-radius:8px;min-height:500px}.wiki-preview-content{color:#ffffffe6;line-height:1.8}.wiki-preview-content h1{font-size:2rem;margin:24px 0 16px;color:#fff;border-bottom:2px solid rgba(102,126,234,.3);padding-bottom:8px}.wiki-preview-content h2{font-size:1.5rem;margin:20px 0 12px;color:#fff}.wiki-preview-content h3{font-size:1.25rem;margin:16px 0 8px;color:#fff}.wiki-preview-content p{margin:12px 0}.wiki-preview-content ul,.wiki-preview-content ol{margin:12px 0;padding-left:24px}.wiki-preview-content li{margin:6px 0}.wiki-preview-content code{background:#667eea33;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#a5b4fc}.wiki-preview-content pre{background:#0000004d;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0;border:1px solid rgba(102,126,234,.2)}.wiki-preview-content pre code{background:none;padding:0;color:#e0e7ff}.wiki-preview-content table{width:100%;border-collapse:collapse;margin:16px 0}.wiki-preview-content table th,.wiki-preview-content table td{padding:12px;border:1px solid rgba(102,126,234,.3);text-align:left}.wiki-preview-content table th{background:#667eea33;font-weight:600}@media (max-width: 1024px){.wiki-editor-content{flex-direction:column-reverse}.wiki-editor-sidebar{width:100%}}@media (max-width: 768px){.wiki-editor{padding:16px}.wiki-editor-header{flex-direction:column;align-items:flex-start;gap:16px}.wiki-editor-actions{width:100%;flex-direction:column}.wiki-editor-btn{width:100%}.wiki-editor-title-input{font-size:1.25rem}}.editor-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:10px;padding:10px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(102,126,234,.3);flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:8px}.toolbar-group label{margin-bottom:0;font-size:.9em;color:#fffc}.editor-select{padding:6px 10px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff;font-size:.9em;cursor:pointer;outline:none}.editor-select:focus{border-color:#667eea;background:#ffffff26}.editor-select option{background:#1a1a2e;color:#fff}.color-picker-group,.color-picker-container{position:relative}.color-picker-btn{width:40px;height:32px;border:1px solid rgba(102,126,234,.3);border-radius:6px;cursor:pointer;background:#ffffff1a;padding:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.color-picker-btn:hover{border-color:#667eea;background:#ffffff26}.color-indicator{color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-size:.9em}.color-palette{position:absolute;top:100%;left:0;margin-top:5px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:10px;background:#1a1a2ef2;border:1px solid rgba(102,126,234,.3);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:200px}.color-option{width:32px;height:32px;border:2px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;padding:0}.color-option:hover{border-color:#667eea;transform:scale(1.1);box-shadow:0 2px 8px #667eea66}.toolbar-btn{padding:6px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;transition:all .3s ease}.toolbar-btn:hover{background:#667eea66;border-color:#667eea}.toolbar-btn:active{background:#667eea99}.wiki-page-view{padding:32px;max-width:1000px;margin:0 auto;color:#fff;min-height:calc(100vh - 100px)}.wiki-page-loading,.wiki-page-not-found{text-align:center;padding:80px 20px;color:#ffffffb3}.wiki-page-not-found h2{font-size:1.5rem;margin-bottom:24px;color:#fff}.wiki-page-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.wiki-page-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.wiki-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid rgba(102,126,234,.3)}.wiki-page-header-left{flex:1}.wiki-page-back-btn{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.wiki-page-back-btn:hover{background:#667eea33;border-color:#667eea}.wiki-page-title-section{display:flex;flex-direction:column;gap:12px}.wiki-page-title{font-size:2.5rem;font-weight:700;margin:0;color:#fff;line-height:1.2}.wiki-page-meta-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:.9rem;color:#ffffffb3}.wiki-page-author{color:#fffc}.wiki-page-date{color:#fff9}.wiki-page-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.wiki-page-badge.private{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.wiki-page-edit-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.wiki-page-edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.wiki-page-description{padding:16px;background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;margin-bottom:20px;color:#ffffffe6;font-size:1.1rem;line-height:1.6}.wiki-page-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.wiki-page-tag{padding:6px 12px;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:12px;font-size:.9rem;color:#a5b4fc}.wiki-page-stats{display:flex;gap:20px;padding:16px;background:#ffffff0d;border-radius:8px;margin-bottom:32px;font-size:.95rem;color:#fffc}.wiki-page-body{margin-bottom:32px}.wiki-page-content{color:#ffffffe6;line-height:1.8;font-size:1.1rem}.wiki-page-content h1{font-size:2.5rem;margin:32px 0 20px;color:#fff;border-bottom:3px solid rgba(102,126,234,.3);padding-bottom:12px}.wiki-page-content h2{font-size:2rem;margin:28px 0 16px;color:#fff;border-bottom:2px solid rgba(102,126,234,.2);padding-bottom:8px}.wiki-page-content h3{font-size:1.5rem;margin:24px 0 12px;color:#fff}.wiki-page-content h4{font-size:1.25rem;margin:20px 0 10px;color:#fff}.wiki-page-content p{margin:16px 0;line-height:1.8}.wiki-page-content ul,.wiki-page-content ol{margin:16px 0;padding-left:32px}.wiki-page-content li{margin:8px 0;line-height:1.8}.wiki-page-content code{background:#667eea33;padding:3px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#a5b4fc}.wiki-page-content pre{background:#0006;padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0;border:1px solid rgba(102,126,234,.3)}.wiki-page-content pre code{background:none;padding:0;color:#e0e7ff;font-size:.9rem}.wiki-page-content table{width:100%;border-collapse:collapse;margin:24px 0;background:#ffffff0d;border-radius:8px;overflow:hidden}.wiki-page-content table th,.wiki-page-content table td{padding:12px 16px;border:1px solid rgba(102,126,234,.2);text-align:left}.wiki-page-content table th{background:#667eea33;font-weight:600;color:#fff}.wiki-page-content table td{color:#ffffffe6}.wiki-page-content a{color:#a5b4fc;text-decoration:underline;transition:color .3s ease}.wiki-page-content a:hover{color:#c7d2fe}.wiki-page-content blockquote{border-left:4px solid #667eea;padding-left:20px;margin:20px 0;color:#fffc;font-style:italic}.wiki-page-content img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.wiki-page-children{margin-top:48px;padding-top:32px;border-top:2px solid rgba(102,126,234,.3)}.wiki-page-children h3{font-size:1.5rem;margin-bottom:20px;color:#fff}.wiki-page-children-list{display:flex;flex-direction:column;gap:12px}.wiki-page-child-item{padding:16px;background:#ffffff0d;border:1px solid rgba(102,126,234,.2);border-radius:8px;cursor:pointer;transition:all .3s ease}.wiki-page-child-item:hover{background:#ffffff14;border-color:#667eea66;transform:translate(4px)}.wiki-page-child-item h4{margin:0 0 8px;color:#fff;font-size:1.1rem}.wiki-page-child-item p{margin:0;color:#ffffffb3;font-size:.9rem}.wiki-page-comments{margin-top:48px;padding-top:32px;border-top:2px solid rgba(102,126,234,.3)}.wiki-page-comments h3{font-size:1.5rem;margin-bottom:20px;color:#fff}.wiki-page-comments-placeholder{padding:40px;text-align:center;background:#ffffff0d;border-radius:8px;color:#fff9}@media (max-width: 768px){.wiki-page-view{padding:16px}.wiki-page-title{font-size:2rem}.wiki-page-header{flex-direction:column;gap:16px}.wiki-page-edit-btn{width:100%}.wiki-page-content{font-size:1rem}.wiki-page-content h1{font-size:2rem}.wiki-page-content h2{font-size:1.5rem}}.user-wiki{padding:32px;max-width:1200px;margin:0 auto;color:#fff}.user-wiki-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid rgba(102,126,234,.3)}.user-wiki-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-wiki-subtitle{font-size:1.1rem;color:#ffffffb3;margin:0}.user-wiki-loading,.user-wiki-empty,.user-wiki-error{text-align:center;padding:80px 20px;color:#ffffffb3}.user-wiki-empty-icon{font-size:4rem;margin-bottom:16px}.user-wiki-empty h2{font-size:1.5rem;margin:16px 0 8px;color:#fff}.user-wiki-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.user-wiki-page-card{background:#ffffff0d;border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:24px;transition:all .3s ease;backdrop-filter:blur(10px);cursor:pointer}.user-wiki-page-card:hover{background:#ffffff14;border-color:#667eea66;transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.user-wiki-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.user-wiki-page-title{font-size:1.3rem;font-weight:600;margin:0;color:#fff;flex:1;line-height:1.3}.user-wiki-page-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;background:#667eea33;color:#a5b4fc;border:1px solid rgba(102,126,234,.3);margin-left:12px;flex-shrink:0}.user-wiki-page-description{color:#ffffffb3;margin:0 0 16px;line-height:1.6;font-size:.95rem}.user-wiki-page-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.user-wiki-page-tags{display:flex;flex-wrap:wrap;gap:6px}.user-wiki-page-tag{padding:4px 8px;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:12px;font-size:.8rem;color:#a5b4fc}.user-wiki-page-stats{display:flex;gap:16px;font-size:.85rem;color:#fff9}.user-wiki-page-footer{padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#ffffff80}@media (max-width: 768px){.user-wiki{padding:16px}.user-wiki-title{font-size:2rem}.user-wiki-pages{grid-template-columns:1fr}}:root{--z-content: 1;--z-card: 2;--z-dropdown: 10;--z-header: 100;--z-sidebar: 200;--z-modal-overlay: 1000;--z-modal-content: 1001;--z-modal-button: 1002;--z-toast: 2000;--z-loading: 3000}:root{--color-primary-main: #252525;--color-primary-light: rgba(37, 37, 37, .4);--color-primary-dark: #000000;--color-primary-text: #FFFFFF;--color-text-primary: #000000;--color-text-secondary: #252525;--color-text-tertiary: #666666;--color-text-disabled: #ABABAB;--color-text-white: #FFFFFF;--color-status-success: #00BA13;--color-status-warning: #FFB800;--color-status-error: #F34246;--color-status-info: #2FA7FF;--color-neutral-50: #F9FAFB;--color-neutral-100: #F3F4F6;--color-neutral-200: #E5E7EB;--color-neutral-300: #D1D5DB;--color-neutral-400: #9CA3AF;--color-neutral-500: #6B7280;--color-neutral-600: #4B5563;--color-neutral-700: #374151;--color-neutral-800: #1F2937;--color-neutral-900: #111827;--color-background-primary: #FFFFFF;--color-background-secondary: #F5F5F5;--color-background-tertiary: #F9FAFB;--color-border-light: #E5E7EB;--color-border-medium: #D1D5DB;--color-border-dark: #9CA3AF;--font-size-headline1: 44px;--font-size-headline4: 28px;--font-size-headline5: 24px;--font-size-title1: 20px;--font-size-title2: 18px;--font-size-normal: 16px;--font-size-paragraph1: 16px;--font-size-paragraph2: 14px;--font-size-paragraph3: 12px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semiBold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--shadow-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-component-card: 0 1px 3px rgba(0, 0, 0, .1);--shadow-component-cardHover: 0 4px 12px rgba(0, 0, 0, .15);--shadow-component-modal: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-component-dropdown: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background-secondary);color:var(--color-text-primary);line-height:1.5}#root{min-height:100vh}