.classes-page-new{flex-direction:column;min-height:100vh;display:flex}.classes-content{background:#f8f9fa;flex:1;padding:48px 0}.classes-container{flex-direction:column;gap:32px;max-width:1400px;margin:0 auto;padding:0 24px;display:flex}.filters-section-top{background:#fff;border:1px solid #f1f5f9;border-radius:20px;width:100%;padding:24px;box-shadow:0 10px 40px #0000000a}.filters-bar-modern{flex-direction:column;gap:16px;display:flex}.filter-row-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-pill{color:#475569;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #f1f5f9;border-radius:50px;justify-content:center;align-items:center;padding:10px 24px;font-size:.8rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.filter-pill:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.filter-pill.active{color:#fff;background:#e63946;border-color:#e63946;box-shadow:0 4px 12px #e6394640}.filter-separator{background:#e2e8f0;width:1px;height:28px;margin:0 8px}.filter-select-wrapper{flex:1;min-width:180px;max-width:320px}.filter-pill-select{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #f1f5f9;border-radius:50px;justify-content:space-between;align-items:center;gap:10px;height:44px;padding:8px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.filter-pill-select:hover{border-color:#cbd5e1}.filter-pill-select span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.filter-pill-select .arrow{color:#64748b;align-items:center;transition:transform .2s;display:flex}.filter-pill-select:active .arrow{transform:translateY(2px)}.clear-filters-btn-pill{color:#64748b;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;background:#f1f5f9;border:none;border-radius:50px;margin-left:auto;padding:10px 20px;font-size:.8rem;font-weight:700}.clear-filters-btn-pill:hover{color:#1e293b;background:#e2e8f0}.filter-header-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.filters-title{color:#1a1a1a;flex:1;align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:700;display:flex}.filters-title:after{content:"";background:#eee;flex:1;height:1px}.classes-filters-horizontal{flex-direction:column;gap:20px;display:flex}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.filter-group{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.filter-group.action-group-hidden{display:none}.filter-group label{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.filter-group select{cursor:pointer;color:#1a1a1a;background:#fff;border:2px solid #e0e0e0;border-radius:8px;width:100%;height:42px;padding:0 12px;font-size:.9375rem;transition:all .2s}.filter-group select:focus{border-color:#e63946;outline:none;box-shadow:0 0 0 3px #e639461a}.action-group{min-width:unset;flex:none}.clear-filters-btn-new{cursor:pointer;color:#666;white-space:nowrap;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 20px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.clear-filters-btn-new:hover{color:#fff;background:#e63946;border-color:#e63946}.month-sections{flex-direction:column;gap:15px;display:flex}.month-section{flex-direction:column;gap:20px;display:flex}.month-count-label{color:#1a1a1a;align-items:center;gap:8px;font-size:1.1rem;display:flex}.month-label-text{color:#666;font-size:1rem;font-weight:500}.view-more-container{justify-content:center;display:flex}.view-more-btn{color:#e63946;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;background:#fff;border:2px solid #e63946;border-radius:12px;padding:14px 40px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-more-btn:hover{color:#fff;background:#e63946;transform:translateY(-3px);box-shadow:0 8px 20px #e639464d}.view-more-btn:active{transform:translateY(-1px)}.results-section{min-height:400px}.results-info{color:#666;margin-bottom:24px}.results-count{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.results-info p{margin:4px 0}.page-info{color:#888;font-size:.875rem}.selected-date-info{color:#e63946;font-weight:600}.classes-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:16px;display:grid}@media (max-width:1400px) and (min-width:1200px){.classes-grid{grid-template-columns:repeat(3,1fr);gap:22px}.classes-container{max-width:1300px}}@media (max-width:1199px) and (min-width:1025px){.classes-grid{grid-template-columns:repeat(2,1fr);gap:24px}.classes-container{max-width:1100px}.filter-group{min-width:180px}}@media (max-width:1024px){.classes-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){.classes-grid{grid-template-columns:1fr;gap:16px}}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:48px;padding:24px 0;display:flex}.pagination-btn{cursor:pointer;color:#1a1a1a;background:#fff;border:2px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){color:#e63946;border-color:#e63946;transform:translateY(-1px);box-shadow:0 4px 12px #e639461a}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-number{justify-content:center;min-width:44px;padding:10px 12px}.pagination-number.active{color:#fff;background:#e63946;border-color:#e63946}.pagination-number.active:hover{color:#fff;background:#d32f3e;border-color:#d32f3e}.pagination-numbers{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pagination-ellipsis{color:#888;padding:10px 8px;font-weight:600}.pagination-prev svg{order:-1}.pagination-next svg{order:1}.loading-state,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.spinner{border:4px solid #f3f3f3;border-top-color:#e63946;border-radius:50%;width:48px;height:48px;margin:0 auto 24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state svg{color:#ccc;margin-bottom:24px}.empty-state h3{color:#1a1a1a;margin:0 0 12px;font-size:1.5rem}.empty-state p{color:#666;margin:0 0 24px}.empty-state .btn-primary{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:8px;padding:12px 32px;font-weight:600;transition:all .2s}.empty-state .btn-primary:hover{background:#d32f3e;transform:translateY(-2px);box-shadow:0 4px 12px #e639464d}@media (max-width:1024px){.classes-container{gap:24px}.filters-section-top{padding:20px}}@media (max-width:768px){.classes-content{padding:32px 0}.classes-container{padding:0 16px}.filter-group{min-width:calc(50% - 8px)}.results-count{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.filter-group{min-width:100%}.filter-row{gap:12px}.filters-section-top{padding:16px}.clear-filters-btn-new{width:100%;margin-top:8px}}@media (max-width:480px){.classes-container{padding:0 12px}.pagination-btn{min-height:36px;padding:6px 10px;font-size:.75rem}.pagination-number{min-width:36px;padding:6px 8px}.pagination-prev,.pagination-next{max-width:100px}.pagination-numbers .pagination-number:not(.active),.pagination-ellipsis{display:none}.pagination-numbers .pagination-number.active{display:flex}}