.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 6px #0000001a;min-height:150px;display:flex;align-items:start;justify-content:center;font-weight:500;color:#333;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 6px 14px #00000026}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:2rem}.dropdown-content{display:none;position:absolute;top:190%;left:0;background:#f1f1f1;box-shadow:0 4px 10px #0000001a;min-width:max-content;z-index:10;flex-direction:column;padding:8px 12px;gap:10px}.dropdown-content a{display:block;padding:10px 16px;color:#333;text-decoration:none;transition:background .2s;border-radius:6px;white-space:nowrap}.dropdown-content a:hover{background:#f0f0f0}.dropdown:hover .dropdown-content{display:block}.menu{display:flex;gap:1.5rem;align-items:center;position:relative}.dropdown{position:relative}.dropdown-contentA{display:none;position:absolute;top:190%;left:0;background:#f1f1f1;box-shadow:0 4px 10px #0000001a;min-width:max-content;z-index:10;flex-direction:row;gap:10px;padding:8px 12px}.dropdown-contentA a{display:block;padding:8px 14px;color:#333;text-decoration:none;transition:background .2s;border-radius:6px;white-space:nowrap}.dropdown-contentA a:hover{background:#f0f0f0}.dropdown:hover .dropdown-contentA{display:flex}.responsive-container{display:flex;flex-direction:row;height:auto;width:100%;margin-bottom:30px}.responsive-left{width:50%;min-width:220px}.responsive-right{width:50%}.responsive-leftDaerah{width:20%;min-width:220px}.responsive-rightDaerah{width:80%}.heightY{height:40px}@media (max-width: 768px){.responsive-container{flex-direction:column;height:auto}.heightY{height:auto}.responsive-left,.responsive-leftDaerah,.responsive-right,.responsive-rightDaerah{width:100%}}.progress-container{background-color:#e0e0e0;border-radius:10px;overflow:hidden}.progress-bar{height:20px;line-height:20px;color:#fff;font-weight:700;transition:width .4s ease-in-out}.tooltip-container{position:relative;display:flex;justify-content:center;align-items:center}.tooltip{position:absolute;top:50%;left:130%;transform:translateY(-50%);background-color:#fff;color:#fff;padding:8px 12px;border-radius:6px;white-space:nowrap;font-size:.875rem;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:10}.tooltip-container:hover .tooltip{opacity:1;visibility:visible}.tooltip:after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent #2d3748 transparent transparent}.custom-link{text-decoration:none;color:inherit}.custom-link:hover{text-decoration:underline}