.maincontainer{font-family:Times New Roman;padding:1rem;background:#F7CC01;color:#ffffff;min-height:100vh}.green-line{border:none;height:4px;background-color:#ddbf28;margin:50px 0;border-radius:2px}.dashboard-container{margin:0 auto;max-width:1400px}.tree-container{padding:20px;background:#a38904;border-radius:10px;box-shadow:0 0 10px rgba(255,255,255,.1)}.tree-structure{display:flex;flex-direction:column;gap:20px;min-height:100vh}.region-box,.tree-structure{animation:fadeInUp .6s ease-out both}.region-box{align-content:center;padding:15px;border-radius:8px}.district-header{color:#242424;background-color:#bde1f7;border-radius:16px;border:2.5px solid #1e6dd4}.district-header,.region-header{font-size:1.2rem;font-weight:700;margin-bottom:10px;width:max-content;padding:6px}.region-header{background-color:var(--backgroundSkyblue);border-radius:16px;color:#2c2c2c;border:2.5px solid #287ce9}.zone-columns{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:25px}.zone-card{flex:1 1 300px;max-width:400px;background-color:var(--backgroundSkyblue);border:1px solid #ffffff;color:#000000;border-radius:10px;padding:10px;box-shadow:10px 10px 12px #d8d8d8;animation:fadeInUp .6s ease-out both}.zone-headerr{color:#1f1f1f}.zone-header,.zone-headerr{font-weight:700;margin-bottom:10px;text-align:center;font-size:1rem}.zone-header{color:#0b500b}.club-table{width:100%;border-collapse:collapse}.club-table td,.club-table th{padding:8px}.club-table th{background-color:#eaecc5;color:rgb(14,14,14)}.club-table tbody tr:hover{background-color:#f5e492;color:#000000}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.region-box,.tree-structure>div,.zone-card{animation:fadeInUp .6s ease-out both}@media (max-width:768px){.zone-card{flex:1 1 100%;max-width:100%}.filters-container{flex-direction:column;align-items:stretch}.filters-container button,.filters-container select{width:100%}.district-header,.region-header{font-size:.5rem}.club-table td,.club-table th{font-size:.9rem;padding:6px}}@media (max-width:480px){.maincontainer{padding:.5rem}.zone-card{padding:8px}.club-table td,.club-table th{font-size:.8rem;padding:4px}.filters-container button,.filters-container select{font-size:.9rem}}