.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:auto;margin-bottom:30px}.responsive-left{width:auto;min-width:220px}.responsive-right{width:auto}.responsive-leftDaerah{width:auto;min-width:220px}.responsive-rightDaerah{width:auto}.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}.project-table-container{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000001a;height:100%;font-family:Segoe UI,sans-serif}.project-title{text-align:center;font-size:1.5rem;margin-bottom:20px;color:#333}.scrollable-table{height:auto;max-height:90%;overflow-y:auto;border:1px solid #ddd;border-radius:8px}.project-table{width:100%;border-collapse:collapse}.project-table th{background:#007acc;color:#fff;text-align:left;padding:12px;font-size:1rem;position:sticky;top:0}.project-table td{border-bottom:1px solid #eee;padding:12px;vertical-align:top}.project-table tr:nth-child(2n){background:#f9f9f9}.project-table a{color:#007acc;text-decoration:none}.project-table a:hover{text-decoration:underline}.project-table ul{margin:0;padding-left:20px}.project-table code{background:#f3f3f3;padding:2px 6px;border-radius:4px;font-size:.9rem}.imglogo{width:200px}.tablepopup{background:#fff;border-radius:12px;padding:20px 25px;width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 4px 20px #0000004d}.imgcv{height:900px}.imgcv2{height:500px}@media (max-width: 768px){.project-table-container{padding:16px}.imgcv{height:400px;margin-left:-30px}.imgcv2{height:200px;margin-left:-30px}.tablepopup{width:300px;margin-left:-25px}.imglogo{width:110px}.project-table th,.project-table td{font-size:.95rem}}