.songs-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px;margin:20px 0}.song-card{border:1px solid #e0e0e0;border-radius:12px;background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,0.12);transition:all 0.2s ease;overflow:hidden;height:100%;display:flex;flex-direction:column}.song-card:hover{transform:translateY(-3px);box-shadow:0 5px 12px rgba(0,0,0,0.15)}.song-card-header{padding:16px 20px;border-bottom:1px solid #eee;background-color:#f7f9fc}.song-title{margin:0 0 5px 0;font-size:18px;font-weight:bold;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-title a{color:#2980b9;text-decoration:none}.song-title a:hover{text-decoration:underline;color:#3498db}.song-meta{display:flex;justify-content:space-between;font-size:13px;color:#666;margin-top:8px}.song-author{font-style:italic}.song-year{font-weight:500;background-color:#eef2f7;padding:2px 8px;border-radius:10px;font-size:12px}.song-card-body{padding:16px 20px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.song-stat{display:flex;justify-content:space-between;margin-bottom:12px;align-items:center}.stat-label{font-weight:bold;color:#444}.stat-value{color:#2980b9;font-weight:500}.song-stat .stat-value:contains("times"){color:#3498db;font-weight:600;font-size:15px}.times-text{color:#5dade2;font-size:14px}.song-card-footer{background-color:#f8f9fa;padding:12px 20px;font-size:13px;color:#666;border-top:1px solid #eee;margin-top:auto}.month-view-container{margin:20px 0;width:100%;display:block}.month-navigation{display:flex;justify-content:center;align-items:center;margin-bottom:20px;gap:15px}.month-nav-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:8px 12px;cursor:pointer;transition:all 0.2s ease}.month-nav-btn:hover{background-color:#e0e0e0}.month-picker{display:flex;gap:10px}.month-picker select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.month-calendar{width:100%;overflow-x:auto;display:block;border:1px solid #ddd;border-radius:8px;margin-top:20px}.month-table{width:100%;border-collapse:collapse;min-width:800px}.month-header th{background-color:#f5f5f5;padding:12px 8px;position:sticky;top:0;z-index:1;border-bottom:2px solid #ddd;text-align:center;font-weight:bold;white-space:nowrap}.month-header th:first-child,.month-header th:nth-child(2){position:sticky;left:0;z-index:2;background-color:#f5f5f5}.month-header th:nth-child(2){left:100px}.month-row td{border:1px solid #e0e0e0;padding:8px;text-align:center;vertical-align:top;min-width:85px}.am-pm-cell,.responsabil-cell{position:sticky;left:0;background-color:#f9f9f9;z-index:1;white-space:nowrap}.responsabil-cell{left:100px;z-index:1}.am-pm-cell{width:100px;text-align:left !important;font-weight:bold;color:#555}.date-column{font-size:12px}.song-cell{vertical-align:top;text-align:left;position:relative;height:80px;padding:0}.song-entry{background-color:#e8f4f9;border-left:3px solid #3498db;margin:2px;padding:4px 6px;font-size:12px;color:#333;overflow:hidden;text-overflow:ellipsis}.song-entry:hover{background-color:#d5ebf5;cursor:pointer}.view-gathering-btn{position:absolute;right:5px;top:5px;color:#3498db;cursor:pointer;opacity:0.7;transition:opacity 0.2s ease}.view-gathering-btn:hover{opacity:1}.song-entry{position:relative;padding:8px 25px 8px 8px;border-radius:4px;background-color:#e3f2fd;font-size:0.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.month-abbr{font-size:0.8em;color:#555}.month-row:nth-child(odd) .song-cell{background-color:#fafafa}.view-container{display:none}.view-container.active{display:block}.group-details-header{margin-bottom:20px}.group-details-header h3{font-size:24px;margin-bottom:10px}.group-info{margin:10px 0}.member-status-badge{background-color:#e8f5e9;color:#2e7d32;padding:8px 12px;border-radius:4px;display:inline-block;margin-bottom:15px}.member-status-badge i{margin-right:5px}.group-actions-bar{margin:15px 0;display:flex;flex-wrap:wrap;gap:8px}.group-stats-bar{display:flex;background-color:#f5f8fa;border-radius:8px;padding:15px 20px;margin-bottom:25px;justify-content:space-around;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.stat-number{text-align:center;display:flex;align-items:center;flex-direction:column}.stat-value{font-size:24px;font-weight:bold;color:#3498db;margin-bottom:5px}.stat-label{font-size:14px;color:#666}.stat-label i{margin-right:5px;color:#3498db}.group-content-wrapper{display:flex;gap:30px;margin-top:20px}.group-content-left-side{flex:1;min-width:0}.group-content-right-side{width:380px;flex-shrink:0;position:sticky;top:20px;height:fit-content;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}#fixed-details-panel{position:fixed;padding:0;overflow:hidden;top:400px;left:400px;bottom:300px;right:10px}.panel-header{background-color:#3498db;color:white;padding:12px 15px;border-top-left-radius:8px;border-top-right-radius:8px}.panel-header h3{margin:0;font-size:16px}.panel-content{padding:15px}.gathering-panel-header{margin-bottom:15px}#panel-gathering-title{margin-top:0;margin-bottom:5px;font-size:20px}.panel-date{color:#666;font-size:14px}.gathering-panel-body h4{margin-top:20px;margin-bottom:10px;color:#555}.gathering-items-list{list-style:none;padding:0;margin:0}.gathering-item{padding:10px 0;border-bottom:1px solid #eee}.gathering-item:last-child{border-bottom:none}.gathering-item i{margin-right:8px;color:#3498db}.gathering-item.song-item a{color:#3498db;text-decoration:none;font-weight:bold}.gathering-item.song-item a:hover{text-decoration:underline}.no-items,.loading-item,.error{padding:15px 0;color:#666;text-align:center}.loading-item i{margin-right:5px;color:#3498db}.no-gathering-selected{text-align:center;padding:30px 15px;color:#666}.panel-actions{margin-top:20px;text-align:center}.view-container{margin-top:20px}#card-view.active-view,#table-view.active-view,#month-view.active-view{display:block !important}.songs-card-container,.songs-table-container,.month-view-container{min-height:50vh}.gatherings-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:15px}.gathering-card{border:1px solid #ddd;border-radius:5px;padding:15px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.1);cursor:pointer;transition:all 0.2s ease-in-out}.gathering-card:hover{transform:translateY(-2px);box-shadow:0 3px 6px rgba(0,0,0,0.15)}.gathering-card.active-gathering{border:2px solid #3498db;background-color:#ebf5fb}.gathering-card.next-gathering{border:2px solid #27ae60;background:#e8f5e9}.gathering-title{font-weight:bold;font-size:16px;margin-bottom:5px}.gathering-date{color:#666;font-size:14px}.gathering-stats{margin:10px 0;font-size:14px;color:#666}@media (max-width: 992px){.group-content-wrapper{flex-direction:column}.group-content-right-side{width:100%;margin-top:30px;position:static}.group-stats-bar{flex-direction:row;justify-content:space-between}.gatherings-grid{grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}}@media (max-width: 576px){.group-stats-bar{flex-direction:column;align-items:center;padding:10px;gap:10px}.stat-number{width:100%;padding:5px 0}.gatherings-grid{grid-template-columns:1fr}}