.modal-overlay[data-v-acaeed02]{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-acaeed02]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-acaeed02]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee}.modal-header h2[data-v-acaeed02]{margin:0;font-size:1.25rem}.modal-close[data-v-acaeed02]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close[data-v-acaeed02]:hover{color:#333}.modal-body[data-v-acaeed02]{padding:1.5rem}.form-actions[data-v-acaeed02]{display:flex;gap:.5rem;margin-top:1rem}.btn-secondary[data-v-acaeed02]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-acaeed02]:hover{background-color:#5a6268}.setting-song-info[data-v-acaeed02]{background-color:#f8f9fa;padding:1rem;border-radius:4px;margin-bottom:1.5rem;text-align:center}.setting-song-info h3[data-v-acaeed02]{margin:0 0 .5rem;color:#2c3e50}.setting-song-info .chart-expert[data-v-acaeed02]{background-color:#27ae60;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:700}.setting-song-info .chart-challenge[data-v-acaeed02]{background-color:#8e44ad;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:700}@media (max-width: 480px){.modal-content[data-v-acaeed02]{width:95%;margin:.5rem}.modal-header[data-v-acaeed02]{padding:.75rem 1rem}.modal-body[data-v-acaeed02]{padding:1rem}}.drum-roller[data-v-acaeed02]{display:flex;justify-content:center;margin:1rem 0}.drum-container[data-v-acaeed02]{position:relative;width:120px;height:200px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.9) 100%);border-radius:10px;border:2px solid #ddd}.drum-list[data-v-acaeed02]{position:absolute;width:100%;transition:transform .3s ease;padding:80px 0}.drum-item[data-v-acaeed02]{height:40px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;color:#666}.drum-item.selected[data-v-acaeed02]{color:#3498db;font-size:1.3rem;background-color:#3498db1a}.drum-item[data-v-acaeed02]:hover{background-color:#3498db0d}.drum-selector[data-v-acaeed02]{position:absolute;top:80px;left:0;right:0;height:40px;border:2px solid #3498db;border-radius:5px;background-color:#3498db1a;pointer-events:none}.my-lists-row[data-v-c8f13019]{display:flex;flex-wrap:wrap;gap:.5rem}.my-list-btn[data-v-c8f13019]{text-decoration:none;display:inline-block}.btn-secondary[data-v-c8f13019]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-c8f13019]:hover{background-color:#5a6268}.search-form[data-v-c8f13019]{margin-bottom:2rem}.filters[data-v-c8f13019]{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:1rem}.checkbox-container[data-v-c8f13019]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.checkbox-container input[type=checkbox][data-v-c8f13019]{margin:0}.song-card[data-v-c8f13019]{transition:transform .2s}.song-card[data-v-c8f13019]:hover{transform:translateY(-2px)}.song-header[data-v-c8f13019]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.song-header h3[data-v-c8f13019]{margin:0;color:#2c3e50;flex:1;margin-right:1rem}.song-badges[data-v-c8f13019]{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.song-chart[data-v-c8f13019],.song-version[data-v-c8f13019]{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:700;color:#fff;line-height:1;white-space:nowrap}.song-chart[data-v-c8f13019]{background-color:#3498db}.chart-expert[data-v-c8f13019]{background-color:#27ae60;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:700}.chart-challenge[data-v-c8f13019]{background-color:#8e44ad;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:700}.song-details[data-v-c8f13019]{margin-bottom:1rem}.version-classic[data-v-c8f13019]{background-color:#34495e}.version-gold[data-v-c8f13019]{background-color:#f39c12}.version-popular[data-v-c8f13019]{background-color:#e74c3c}.version-white[data-v-c8f13019]{background-color:#95a5a6}.version-world[data-v-c8f13019]{background-color:#16a085}.song-details p[data-v-c8f13019]{margin:.5rem 0;color:#666}.song-actions[data-v-c8f13019]{display:flex;gap:.5rem}.user-setting[data-v-c8f13019]{background-color:#f8f9fa;padding:1rem;border-radius:4px;margin:1rem 0;border-left:4px solid #3498db}.user-setting h4[data-v-c8f13019]{margin:0 0 .5rem;color:#2c3e50;font-size:1rem}.setting-info[data-v-c8f13019]{display:flex;gap:1rem;margin-bottom:.5rem}.setting-item[data-v-c8f13019]{background-color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem}.setting-notes[data-v-c8f13019]{margin:.5rem 0 0;font-style:italic;color:#666}.setting-updated-at[data-v-c8f13019]{margin:.5rem 0 0;font-size:.75rem;color:#999}.all-user-settings[data-v-c8f13019]{background-color:#f0f4f8;padding:1rem;border-radius:4px;margin:1rem 0;border-left:4px solid #2196f3}.all-user-settings h4[data-v-c8f13019]{margin:0 0 1rem;color:#2c3e50;font-size:1rem}.user-settings-list[data-v-c8f13019]{display:flex;flex-direction:column;gap:.75rem}.other-user-setting[data-v-c8f13019]{background-color:#fff;padding:.75rem;border-radius:4px;border:1px solid #e1e8ed}.other-user-setting.current-user[data-v-c8f13019]{border-color:#3498db;background-color:#f8fafc}.setting-header[data-v-c8f13019]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.user-name[data-v-c8f13019]{font-weight:600;color:#2c3e50;font-size:.875rem}.current-user-badge[data-v-c8f13019]{background-color:#3498db;color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.no-results[data-v-c8f13019]{text-align:center;padding:2rem;color:#666}@media (max-width: 768px){.filters[data-v-c8f13019]{grid-template-columns:1fr}.song-header[data-v-c8f13019]{flex-direction:column;align-items:flex-start;gap:.5rem}.song-header h3[data-v-c8f13019]{margin-right:0}.song-badges[data-v-c8f13019]{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.song-actions[data-v-c8f13019]{flex-direction:column}.user-settings-list[data-v-c8f13019]{gap:.5rem}.other-user-setting[data-v-c8f13019]{padding:.5rem}.setting-header[data-v-c8f13019]{flex-direction:column;align-items:flex-start;gap:.25rem}.song-card[data-v-c8f13019]{margin-bottom:1rem;padding:1rem}.setting-info[data-v-c8f13019]{flex-direction:column;gap:.5rem;align-items:flex-start}.setting-item[data-v-c8f13019]{display:block;width:100%;text-align:left}.user-setting[data-v-c8f13019],.all-user-settings[data-v-c8f13019]{padding:.75rem;margin:.75rem 0}.checkbox-container[data-v-c8f13019]{font-size:.75rem;flex-wrap:wrap}}@media (max-width: 480px){.search-form[data-v-c8f13019]{margin-bottom:1rem}.form-input[data-v-c8f13019]{font-size:16px}.song-card[data-v-c8f13019]{padding:.75rem;font-size:.875rem}.song-header h3[data-v-c8f13019]{font-size:1rem;line-height:1.3}.song-chart[data-v-c8f13019],.song-version[data-v-c8f13019]{font-size:.75rem;padding:.125rem .375rem}.btn[data-v-c8f13019]{font-size:.875rem;padding:.5rem 1rem}.user-setting h4[data-v-c8f13019],.all-user-settings h4[data-v-c8f13019]{font-size:.875rem}.setting-item[data-v-c8f13019]{font-size:.75rem;padding:.125rem .375rem}.user-name[data-v-c8f13019]{font-size:.75rem}.current-user-badge[data-v-c8f13019]{font-size:.625rem;padding:.0625rem .375rem}.number-picker[data-v-c8f13019]{flex-direction:column;gap:.5rem}.picker-btn[data-v-c8f13019]{width:100%;height:3rem;font-size:1.5rem;font-weight:700}.picker-input[data-v-c8f13019]{text-align:center;font-size:1.25rem;height:3rem}}.card-header[data-v-bfbd34c2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.form-row[data-v-bfbd34c2]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-actions[data-v-bfbd34c2]{display:flex;gap:.5rem;margin-top:1.5rem}.btn-sm[data-v-bfbd34c2]{padding:.25rem .5rem;font-size:.875rem;margin-right:.25rem}.btn-secondary[data-v-bfbd34c2]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-bfbd34c2]:hover{background-color:#545b62}.chart-expert[data-v-bfbd34c2]{background-color:#27ae60;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:700}.chart-challenge[data-v-bfbd34c2]{background-color:#8e44ad;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:700}.no-results[data-v-bfbd34c2]{text-align:center;padding:2rem;color:#666}.search-form[data-v-bfbd34c2]{margin-bottom:2rem}.checkbox-container[data-v-bfbd34c2]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.checkbox-container input[type=checkbox][data-v-bfbd34c2]{margin:0}.filters[data-v-bfbd34c2]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.badge[data-v-bfbd34c2]{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;color:#fff;margin-right:.25rem;line-height:1;white-space:nowrap}.version-classic[data-v-bfbd34c2]{background-color:#34495e}.version-gold[data-v-bfbd34c2]{background-color:#f39c12}.version-popular[data-v-bfbd34c2]{background-color:#e74c3c}.version-white[data-v-bfbd34c2]{background-color:#95a5a6}.version-world[data-v-bfbd34c2]{background-color:#16a085}.mobile-cards[data-v-bfbd34c2]{display:none}.song-card-mobile[data-v-bfbd34c2]{border:1px solid #e1e8ed;border-radius:8px;padding:1rem;margin-bottom:1rem;background:#fff}.song-header-mobile[data-v-bfbd34c2]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.song-header-mobile h3[data-v-bfbd34c2]{margin:0;color:#2c3e50;flex:1;margin-right:1rem}.song-badges-mobile[data-v-bfbd34c2]{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.song-details-mobile[data-v-bfbd34c2]{margin-bottom:1rem}.song-details-mobile p[data-v-bfbd34c2]{margin:.25rem 0;color:#666;font-size:.875rem}.song-actions-mobile[data-v-bfbd34c2]{display:flex;gap:.5rem}@media (max-width: 768px){.form-row[data-v-bfbd34c2]{grid-template-columns:1fr}.card-header[data-v-bfbd34c2]{flex-direction:column;align-items:stretch;gap:1rem}.filters[data-v-bfbd34c2]{grid-template-columns:1fr}.desktop-table[data-v-bfbd34c2]{display:none}.mobile-cards[data-v-bfbd34c2]{display:block}.song-header-mobile[data-v-bfbd34c2]{flex-direction:column;align-items:stretch}.song-header-mobile h3[data-v-bfbd34c2]{margin-right:0;margin-bottom:.5rem}.song-badges-mobile[data-v-bfbd34c2]{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.song-actions-mobile[data-v-bfbd34c2]{flex-direction:column}}.text-muted[data-v-2d701c89]{color:#666;font-size:.875rem}.btn-sm[data-v-2d701c89]{padding:.25rem .5rem;font-size:.875rem;margin-right:.25rem}.btn-secondary[data-v-2d701c89]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-2d701c89]:hover{background-color:#545b62}.modal-overlay[data-v-2d701c89]{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-2d701c89]{background:#fff;padding:2rem;border-radius:8px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.setting-info[data-v-2d701c89]{background-color:#f8f9fa;padding:1rem;border-radius:4px;margin-bottom:1.5rem}.setting-info h4[data-v-2d701c89]{margin:0 0 .5rem;color:#2c3e50}.setting-info p[data-v-2d701c89]{margin:0;color:#666}.form-actions[data-v-2d701c89]{display:flex;gap:.5rem;margin-top:1.5rem}.chart-expert[data-v-2d701c89]{background-color:#27ae60;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:700}.chart-challenge[data-v-2d701c89]{background-color:#8e44ad;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:700}.no-results[data-v-2d701c89]{text-align:center;padding:2rem;color:#666}.desktop-only[data-v-2d701c89]{display:block}.mobile-only[data-v-2d701c89]{display:none}.mobile-cards[data-v-2d701c89]{display:flex;flex-direction:column;gap:1rem}.setting-card[data-v-2d701c89]{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1rem}.setting-header[data-v-2d701c89]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #dee2e6}.setting-header h3[data-v-2d701c89]{margin:0;font-size:1rem;font-weight:600;color:#2c3e50}.setting-details[data-v-2d701c89]{margin-bottom:1rem}.detail-row[data-v-2d701c89]{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.detail-row .label[data-v-2d701c89]{font-weight:500;color:#495057;font-size:.875rem}.detail-row .value[data-v-2d701c89]{font-weight:600;color:#2c3e50}.setting-actions[data-v-2d701c89]{display:flex;gap:.5rem;justify-content:flex-end}@media (max-width: 768px){.desktop-only[data-v-2d701c89]{display:none}.mobile-only[data-v-2d701c89]{display:block}.table[data-v-2d701c89]{font-size:.875rem}.modal-content[data-v-2d701c89]{padding:1rem;width:95%}.btn-sm[data-v-2d701c89]{padding:.375rem .75rem;font-size:.75rem}}.description[data-v-40d21d57]{color:#666;margin-bottom:1.5rem}.form-row[data-v-40d21d57]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-actions[data-v-40d21d57]{display:flex;gap:.5rem;margin-top:1rem}.error-message[data-v-40d21d57]{color:#e74c3c;margin-bottom:1rem;font-size:.875rem}.no-results[data-v-40d21d57]{text-align:center;padding:2rem;color:#666}.strategy-result-header[data-v-40d21d57]{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.strategy-result-header h2[data-v-40d21d57]{margin:0;color:#2c3e50}.song-badges[data-v-40d21d57]{display:flex;gap:.5rem;flex-wrap:wrap}.badge[data-v-40d21d57]{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;color:#fff;line-height:1;white-space:nowrap}.chart-expert[data-v-40d21d57]{background-color:#27ae60}.chart-challenge[data-v-40d21d57]{background-color:#8e44ad}.version-classic[data-v-40d21d57]{background-color:#34495e}.version-gold[data-v-40d21d57]{background-color:#f39c12}.version-popular[data-v-40d21d57]{background-color:#e74c3c}.version-white[data-v-40d21d57]{background-color:#95a5a6}.version-world[data-v-40d21d57]{background-color:#16a085}@media (max-width: 768px){.form-row[data-v-40d21d57]{grid-template-columns:1fr}}.my-lists-row[data-v-7b963a62]{display:flex;flex-wrap:wrap;gap:.5rem}.my-list-btn[data-v-7b963a62]{text-decoration:none;display:inline-block}.my-list-btn.current-slot[data-v-7b963a62]{box-shadow:0 0 0 2px #2c3e50 inset}.filter-summary[data-v-7b963a62]{margin-bottom:1rem}.filter-summary-actions[data-v-7b963a62]{display:flex;align-items:center;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.checkbox-container[data-v-7b963a62]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.checkbox-container input[type=checkbox][data-v-7b963a62]{margin:0}.btn-sm[data-v-7b963a62]{padding:.25rem .75rem;font-size:.875rem}.btn-secondary[data-v-7b963a62]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-7b963a62]:hover{background-color:#5a6268}.filter-form .form-row[data-v-7b963a62]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.filter-form .form-actions[data-v-7b963a62]{display:flex;gap:.5rem;margin-top:1rem}.error-message[data-v-7b963a62]{color:#e74c3c;margin-bottom:1rem;font-size:.875rem}.no-results[data-v-7b963a62]{text-align:center;padding:2rem;color:#666}.song-card[data-v-7b963a62]{transition:transform .2s}.song-card[data-v-7b963a62]:hover{transform:translateY(-2px)}.song-header[data-v-7b963a62]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.song-header h3[data-v-7b963a62]{margin:0;color:#2c3e50;flex:1;margin-right:1rem}.song-badges[data-v-7b963a62]{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.song-chart[data-v-7b963a62],.song-version[data-v-7b963a62]{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:700;color:#fff;line-height:1;white-space:nowrap}.song-chart[data-v-7b963a62]{background-color:#3498db}.chart-expert[data-v-7b963a62]{background-color:#27ae60;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:700}.chart-challenge[data-v-7b963a62]{background-color:#8e44ad;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:700}.version-classic[data-v-7b963a62]{background-color:#34495e}.version-gold[data-v-7b963a62]{background-color:#f39c12}.version-popular[data-v-7b963a62]{background-color:#e74c3c}.version-white[data-v-7b963a62]{background-color:#95a5a6}.version-world[data-v-7b963a62]{background-color:#16a085}.song-details[data-v-7b963a62]{margin-bottom:1rem}.song-details p[data-v-7b963a62]{margin:.5rem 0;color:#666}.song-actions[data-v-7b963a62]{display:flex;gap:.5rem}.user-setting[data-v-7b963a62]{background-color:#f8f9fa;padding:1rem;border-radius:4px;margin:1rem 0;border-left:4px solid #3498db}.user-setting h4[data-v-7b963a62]{margin:0 0 .5rem;color:#2c3e50;font-size:1rem}.setting-info[data-v-7b963a62]{display:flex;gap:1rem;margin-bottom:.5rem}.setting-item[data-v-7b963a62]{background-color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.875rem}.setting-notes[data-v-7b963a62]{margin:.5rem 0 0;font-style:italic;color:#666}.setting-updated-at[data-v-7b963a62]{margin:.5rem 0 0;font-size:.75rem;color:#999}.all-user-settings[data-v-7b963a62]{background-color:#f0f4f8;padding:1rem;border-radius:4px;margin:1rem 0;border-left:4px solid #2196f3}.all-user-settings h4[data-v-7b963a62]{margin:0 0 1rem;color:#2c3e50;font-size:1rem}.user-settings-list[data-v-7b963a62]{display:flex;flex-direction:column;gap:.75rem}.other-user-setting[data-v-7b963a62]{background-color:#fff;padding:.75rem;border-radius:4px;border:1px solid #e1e8ed}.other-user-setting.current-user[data-v-7b963a62]{border-color:#3498db;background-color:#f8fafc}.setting-header[data-v-7b963a62]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.user-name[data-v-7b963a62]{font-weight:600;color:#2c3e50;font-size:.875rem}.current-user-badge[data-v-7b963a62]{background-color:#3498db;color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}@media (max-width: 768px){.filter-form .form-row[data-v-7b963a62]{grid-template-columns:1fr}.song-header[data-v-7b963a62]{flex-direction:column;align-items:flex-start;gap:.5rem}.song-badges[data-v-7b963a62]{align-items:flex-start;flex-direction:row;flex-wrap:wrap}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5}.navbar{background-color:#2c3e50;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.nav-user,.user-info{display:flex;align-items:center;gap:1rem}.user-name{color:#fff;font-weight:500}.logout-btn{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.logout-btn:hover{background-color:#c0392b}.login-btn{background-color:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.login-btn:hover{background-color:#2980b9}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#333}.modal-body{padding:1.5rem}.form-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.error-message{color:#e74c3c;margin-top:1rem;padding:.5rem;background-color:#ffeaea;border-radius:4px;font-size:.9rem}.nav-brand{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.nav-link:hover,.nav-link.router-link-active{background-color:#34495e}.admin-link{background-color:#f1c40f1a;border:1px solid rgba(241,196,15,.3)}.admin-link:hover,.admin-link.router-link-active{background-color:#f1c40f33;border-color:#f1c40f80}.main-content{max-width:1200px;margin:2rem auto;padding:0 1rem}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-success{background-color:#27ae60;color:#fff}.btn-success:hover{background-color:#229954}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500}.form-input,.form-select,.form-textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3498db}.card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem;text-align:left;border-bottom:1px solid #ddd}.table th{background-color:#f8f9fa;font-weight:600}.loading{text-align:center;padding:2rem;color:#666}@media (max-width: 768px){.nav-container{flex-direction:column;gap:1rem;align-items:stretch}.nav-brand{text-align:center;font-size:1.25rem}.nav-menu{justify-content:center;gap:1rem;flex-wrap:wrap}.nav-user{justify-content:center}.user-info{flex-direction:column;gap:.5rem;align-items:center}.main-content{margin:1rem auto;padding:0 .5rem}}@media (max-width: 480px){.navbar{padding:.75rem 0}.nav-container{padding:0 .5rem;gap:.75rem}.nav-brand{font-size:1.125rem}.nav-menu{gap:.5rem}.nav-link{padding:.375rem .75rem;font-size:.875rem}.user-name{font-size:.875rem}.logout-btn,.login-btn{padding:.375rem .75rem;font-size:.875rem}.user-info{gap:.375rem}.modal-content{width:95%;margin:.5rem}.modal-header{padding:.75rem 1rem}.modal-body{padding:1rem}.form-input{font-size:16px}}