*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.3px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.5px}button{font-weight:600;letter-spacing:-.3px}.layout{background-color:#f9fafb;display:flex;min-height:100vh}.sidebar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:2px 0 12px #0000000d;color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;transition:width .25s cubic-bezier(.4,0,.2,1);z-index:100}.sidebar.open{width:260px}.sidebar.closed{width:72px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;padding:24px 20px}.sidebar-header h2{font-size:20px;font-weight:700;letter-spacing:-.5px;margin:0;overflow:hidden;white-space:nowrap}.toggle-btn{background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:8px 12px;transition:all .2s ease}.toggle-btn:hover{background:#ffffff40;transform:scale(1.05)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.nav-item{align-items:center;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;letter-spacing:-.3px;margin:4px 12px;padding:14px 16px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background-color:#ffffff26;transform:translateX(2px)}.nav-item.active{background-color:#ffffff40;box-shadow:0 2px 8px #0000001a}.nav-icon{align-items:center;display:flex;font-size:22px;justify-content:center;min-width:32px}.nav-label{font-size:15px;margin-left:12px;overflow:hidden;white-space:nowrap}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.logout-btn{align-items:center;background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;letter-spacing:-.3px;padding:14px 16px;transition:all .2s ease;width:100%}.logout-btn:hover{background:#ffffff4d;transform:translateX(2px)}.main-content{flex:1 1;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-open{margin-left:260px}.main-content.sidebar-closed{margin-left:72px}.content-wrapper{margin:0 auto;max-width:1400px;padding:32px}@media (max-width:768px){.sidebar.open{width:100%}.main-content.sidebar-open{margin-left:0}.sidebar.closed{width:0}.main-content.sidebar-closed{margin-left:0}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;max-width:420px;padding:48px;width:100%}.login-title{color:#191f28;font-size:32px;font-weight:700;letter-spacing:-.8px;margin-bottom:12px;text-align:center}.login-subtitle{color:#4e5968;font-size:15px;font-weight:500;letter-spacing:-.3px;margin-bottom:40px;text-align:center}.login-form{display:flex;flex-direction:column}.form-group input{border:1.5px solid #e5e8eb;border-radius:12px;box-sizing:border-box;font-size:16px;font-weight:500;letter-spacing:-.3px;padding:16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:#adb5bd;font-weight:400}.error-message{background-color:#fff5f5;border:1.5px solid #feb2b2;border-radius:12px;color:#e53e3e;font-size:14px;font-weight:500;letter-spacing:-.2px;margin-bottom:24px;padding:14px 16px}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 2px 8px #667eea33;color:#fff;cursor:pointer;font-size:17px;font-weight:700;letter-spacing:-.3px;padding:16px;transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.login-button:active:not(:disabled){box-shadow:0 2px 6px #667eea33;transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.dashboard{animation:fadeIn .5s}.dashboard-title{color:#191f28;font-size:32px;font-weight:700;letter-spacing:-.8px;margin-bottom:8px}.dashboard-subtitle{color:#4e5968;font-size:16px;font-weight:500;letter-spacing:-.3px;margin-bottom:40px}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dashboard-card{background:#fff;border:1px solid #f1f3f5;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;padding:32px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.dashboard-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.card-icon{font-size:48px;margin-bottom:16px}.card-title{color:#191f28;font-size:20px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.card-description{color:#4e5968;font-size:15px;font-weight:500;letter-spacing:-.3px;line-height:1.6}.toast{align-items:center;animation:slideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:12px;justify-content:space-between;max-width:480px;min-width:320px;padding:16px 20px;position:fixed;right:24px;top:24px;z-index:9999}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-content{flex:1 1;gap:12px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-success .toast-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.toast-error .toast-icon{background:#ff4757;color:#fff}.toast-message{color:#191f28;font-size:15px;font-weight:600;letter-spacing:-.3px;line-height:1.5}.toast-close{align-items:center;background:#f9fafb;border:none;border-radius:8px;color:#4e5968;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:28px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.toast-close:hover{background:#e5e8eb;color:#191f28}.toast-close:active{transform:scale(.95)}@media (max-width:768px){.toast{left:16px;max-width:none;min-width:auto;right:16px;top:16px}}.modal-backdrop{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1.5px solid #e5e8eb;display:flex;justify-content:space-between;padding:24px 28px}.modal-header h2{color:#191f28;font-size:20px;font-weight:700;letter-spacing:-.5px;margin:0}.modal-close-btn{align-items:center;background:#f9fafb;border:none;border-radius:8px;color:#4e5968;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.modal-close-btn:hover{background:#e5e8eb;color:#191f28}.modal-body{flex:1 1;overflow-y:auto;padding:28px}.modal-detail-content{background:#f9fafb;border-radius:12px;margin-bottom:24px;padding:20px}.modal-detail-field{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.modal-detail-field:last-child{margin-bottom:0}.modal-detail-field label{color:#4e5968;font-size:14px;font-weight:700;letter-spacing:-.2px;min-width:100px}.modal-detail-field p,.modal-detail-field span{color:#191f28;flex:1 1;font-size:15px;font-weight:500;letter-spacing:-.3px}.modal-detail-content-text{line-height:1.6;margin:0;white-space:pre-wrap}.modal-detail-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:100%}.modal-action-buttons{display:flex;gap:12px}.modal-action-buttons button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;letter-spacing:-.3px;padding:16px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-update-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea33;color:#fff}.modal-update-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.modal-delete-btn{background:#ff4757;box-shadow:0 2px 8px #ff475733;color:#fff}.modal-delete-btn:hover{box-shadow:0 4px 12px #ff47574d;transform:translateY(-2px)}.modal-category-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:6px 12px}.image-viewer{align-items:center;display:flex;justify-content:center;max-height:80vh;overflow:auto}.full-image{border-radius:12px;max-height:80vh;max-width:100%;object-fit:contain}.clickable{transition:opacity .2s ease}.clickable:hover{opacity:.8}.music-management{animation:fadeIn .5s}.page-title{color:#191f28;font-size:28px;font-weight:700;letter-spacing:-.7px;margin-bottom:32px}.mode-selector{display:flex;gap:12px;margin-bottom:32px}.mode-btn{background:#fff;border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:-.3px;padding:12px 24px;transition:all .2s ease}.mode-btn:hover{background:#f0f2ff;transform:translateY(-1px)}.mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 2px 8px #667eea4d;color:#fff}.form-container{max-width:600px}.form-group input,.form-group select,.form-group textarea{border:1.5px solid #e5e8eb;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:-.3px;padding:14px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.submit-btn:active:not(:disabled){box-shadow:0 2px 6px #667eea33;transform:translateY(0)}.item-category{background:#f0f2ff;border-radius:6px;color:#4e5968;display:inline-block;font-size:13px;padding:4px 8px}.category-select,.search-type-select{border:1.5px solid #e5e8eb;border-radius:12px;font-size:15px;font-weight:500;min-width:160px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.category-select:focus,.search-type-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.item-meta{align-items:center;display:flex;gap:8px;margin-top:8px}.item-duration{color:#4e5968;font-size:12px}.detail-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:24px}.detail-section h2{color:#191f28;font-size:18px;font-weight:700;letter-spacing:-.4px;margin-bottom:20px}.detail-content{background:#f9fafb;border-radius:12px;margin-bottom:20px;padding:20px}.detail-field{align-items:flex-start;gap:12px;margin-bottom:16px}.detail-field:last-child{margin-bottom:0}.detail-field label{color:#4e5968;font-size:14px;font-weight:700;letter-spacing:-.2px;min-width:100px}.detail-field p,.detail-field span{color:#191f28;flex:1 1;font-size:15px;font-weight:500;letter-spacing:-.3px}.detail-content-text{line-height:1.6;margin:0;white-space:pre-wrap}.category-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:6px 12px}.detail-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:400px}.action-buttons{display:flex;gap:12px}.delete-btn,.update-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;letter-spacing:-.3px;padding:14px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.update-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea33;color:#fff}.update-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.delete-btn{background:#ff4757;box-shadow:0 2px 8px #ff475733}.delete-btn:hover{box-shadow:0 4px 12px #ff47574d;transform:translateY(-2px)}.announcement-management{animation:fadeIn .5s}.announcement-management .form-container{max-width:800px}.list-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:24px}.list-section h2{color:#191f28;font-size:18px;font-weight:700;letter-spacing:-.4px;margin-bottom:16px}.search-input{border:1.5px solid #e5e8eb;border-radius:12px;font-size:15px;margin-bottom:16px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.items-list{border:1.5px solid #e5e8eb;border-radius:12px;max-height:400px;overflow-y:auto}.list-item{border-bottom:1px solid #e5e8eb;cursor:pointer;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.list-item:last-child{border-bottom:none}.list-item:hover{background:#f9fafb}.list-item.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:4px solid #667eea}.item-id{color:#667eea;font-size:13px}.item-id,.item-title{font-weight:600;margin-bottom:4px}.item-title{color:#191f28;font-size:15px;letter-spacing:-.3px}.item-date{color:#4e5968;font-size:13px}textarea{min-height:150px;resize:vertical}.action-bar{margin-bottom:24px}.create-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 2px 8px #667eea33;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:-.3px;padding:14px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.create-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.search-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:24px}.search-section h2{color:#191f28;font-size:18px;font-weight:700;letter-spacing:-.4px;margin-bottom:16px}.search-controls{align-items:center;display:flex;gap:12px;margin-bottom:20px}.search-type-select{border:1.5px solid #e5e8eb;border-radius:12px;font-size:15px;font-weight:500;min-width:160px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-type-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:-.3px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.search-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.search-btn:disabled{cursor:not-allowed;opacity:.5}.results-list h3{color:#191f28;font-size:16px;font-weight:700;letter-spacing:-.3px;margin-bottom:12px}.item-content-preview{color:#8b95a1;font-size:13px;line-height:1.4;margin-top:4px}.form-actions{display:flex;gap:12px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 2px 8px #667eea33;color:#fff;cursor:pointer;flex:1 1;font-size:17px;font-weight:700;letter-spacing:-.3px;padding:16px;transition:all .2s ease}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.cancel-btn{background:#f9fafb;border:1.5px solid #e5e8eb;border-radius:12px;color:#4e5968;cursor:pointer;flex:1 1;font-size:17px;font-weight:600;letter-spacing:-.3px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.cancel-btn:hover:not(:disabled){background:#e5e8eb;transform:translateY(-1px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.delete-confirm{background:#fff5f5;border:1.5px solid #ffe0e0;border-radius:12px;margin-bottom:20px;padding:20px}.delete-confirm p{color:#ff4757;font-size:16px;font-weight:600;letter-spacing:-.3px;margin-bottom:16px}.form-container{background:#fff;border:1px solid #f1f3f5;border-radius:16px;box-shadow:0 2px 8px #0000000f;max-width:800px;padding:32px}.form-container h2{color:#191f28;font-size:20px;font-weight:700;letter-spacing:-.5px;margin-bottom:24px}.form-group{margin-bottom:24px}.form-group label{color:#191f28;display:block;font-size:15px;font-weight:600;letter-spacing:-.3px;margin-bottom:10px}.form-group input,.form-group textarea{border:1.5px solid #e5e8eb;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:-.3px;padding:14px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled,.form-group textarea:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.message{border-radius:12px;font-size:15px;font-weight:500;letter-spacing:-.3px;margin-bottom:24px;padding:14px 16px}.message.success{background-color:#d4edda;border:1.5px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1.5px solid #f5c6cb;color:#721c24}.uploading-text{color:#667eea;display:inline-block;font-size:14px;font-weight:600;letter-spacing:-.3px;margin-top:8px}.file-preview{align-items:center;background-color:#f0f2ff;border-radius:12px;display:flex;gap:12px;margin-top:12px;padding:12px}.file-preview span{color:#191f28;flex:1 1;font-size:14px;font-weight:500;letter-spacing:-.3px}.file-preview-actions{align-items:center;display:flex;flex:1 1;gap:12px}.file-delete-btn{background:#ff4757;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:-.2px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.file-delete-btn:hover:not(:disabled){background:#ff3838;box-shadow:0 2px 8px #ff47574d;transform:translateY(-1px)}.file-delete-btn:disabled{cursor:not-allowed;opacity:.5}.preview-image{border-radius:12px;max-height:150px;max-width:200px;object-fit:cover}.notification-management{animation:fadeIn .5s}.notification-management .form-container{max-width:700px}.data-inputs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.data-inputs input{width:100%}.withdrawal-reasons{animation:fadeIn .5s}.content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:32px}.reason-detail,.reasons-list{background:#fff;border:1px solid #f1f3f5;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:24px}.reason-detail h2,.reasons-list h2{color:#191f28;font-size:20px;font-weight:700;letter-spacing:-.5px;margin-bottom:20px}.list-container{max-height:600px;overflow-y:auto}.reason-item{border:1.5px solid #e5e8eb;border-radius:12px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s ease}.reason-item:hover{background-color:#f8f9ff;border-color:#667eea;transform:translateX(2px)}.reason-item.active{background-color:#f0f2ff;border-color:#667eea;border-width:2px}.reason-type{color:#191f28;font-weight:600;letter-spacing:-.3px;margin-bottom:6px}.reason-date{color:#4e5968;font-size:13px;font-weight:500;letter-spacing:-.2px}.pagination{align-items:center;border-top:1.5px solid #e5e8eb;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.pagination button{background:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:-.3px;padding:10px 20px;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.pagination button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.pagination span{color:#4e5968;font-size:14px;font-weight:500;letter-spacing:-.3px}.detail-content{padding:10px 0}.detail-field{align-items:center;display:flex;margin-bottom:20px}.detail-field label{color:#191f28;font-weight:600;letter-spacing:-.3px;min-width:120px}.detail-field span{color:#4e5968;font-weight:500;letter-spacing:-.3px}.reason-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;font-size:14px;font-weight:600;padding:6px 16px}.delete-btn,.reason-badge{color:#fff;letter-spacing:-.3px}.delete-btn{background:#dc3545;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;margin-top:20px;padding:14px;transition:all .2s ease;width:100%}.delete-btn:hover{background:#c82333;transform:translateY(-1px)}.empty-detail,.empty-state,.loading{color:#999;font-weight:500;letter-spacing:-.3px;padding:40px;text-align:center}@media (max-width:968px){.content-grid{grid-template-columns:1fr}}.topic-management{animation:fadeIn .5s}.info-box{background:#e7f3ff;border-left:4px solid #2196f3;border-radius:12px;margin-bottom:32px;padding:20px 24px}.info-box h3{color:#1976d2;font-size:18px;font-weight:700;letter-spacing:-.4px;margin-bottom:12px}.info-box p{color:#4e5968;font-size:15px;font-weight:500;letter-spacing:-.3px;line-height:1.6;margin:0}.topic-management .form-container{margin-bottom:40px;max-width:600px}.checkbox-group{margin:24px 0}.checkbox-group label{align-items:flex-start;cursor:pointer;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;margin-right:12px;margin-top:3px;width:auto}.checkbox-group span{color:#191f28;font-size:15px;font-weight:600;letter-spacing:-.3px}.help-text{color:#4e5968;font-size:13px;font-weight:500;letter-spacing:-.2px;line-height:1.5;margin:8px 0 0 28px}.topics-list-section{margin-top:40px}.topics-list-section h2{color:#191f28;font-size:22px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.section-description{color:#4e5968;font-size:15px;font-weight:500;letter-spacing:-.3px;margin-bottom:24px}.topics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.topic-card{align-items:center;background:#fff;border:1px solid #f1f3f5;border-radius:12px;box-shadow:0 2px 6px #0000000f;display:flex;gap:12px;padding:20px;transition:all .2s ease}.topic-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.topic-icon{flex-shrink:0;font-size:24px}.topic-info{display:flex;flex-direction:column;gap:4px}.topic-name{color:#191f28;font-size:15px;font-weight:600;letter-spacing:-.3px}.topic-value{color:#4e5968;font-family:Courier New,monospace;font-size:13px;font-weight:500;letter-spacing:-.2px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.80ab443d.css.map*/