.input-row[data-v-b4ae39e4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.input-item[data-v-b4ae39e4]{flex:1;margin-right:15px}.input-item[data-v-b4ae39e4]:last-child{margin-right:0}.content-wrapper[data-v-b4ae39e4]{display:flex;flex-direction:column;width:100%;max-width:1200px;padding:20px;background-color:#ffffffa6;border-radius:20px;box-shadow:0 4px 15px #0003;margin:20px 0}.image-wrapper[data-v-b4ae39e4]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-block-end:20px}.pbt-image[data-v-b4ae39e4]{block-size:auto;max-inline-size:70%}.line-under-image[data-v-b4ae39e4]{border-radius:5px;background-color:#fff;block-size:5px;inline-size:70%;margin-block-start:10px}h2[data-v-b4ae39e4]{color:#150069;font-size:1.5rem;font-weight:700;inline-size:100%;margin-block:40px 10px;text-align:start;text-transform:uppercase}.pbtpay-status[data-v-b4ae39e4]{display:flex;flex-direction:column;padding:20px;border-radius:10px;inline-size:100%;margin-block-end:50px;max-inline-size:1200px}th[data-v-b4ae39e4]{background-color:#fff;color:#150069!important;font-size:.7rem;font-weight:700}td[data-v-b4ae39e4]{background-color:#fff;color:#333;font-size:.7rem}table[data-v-b4ae39e4]{border-collapse:collapse;inline-size:100%}th[data-v-b4ae39e4],td[data-v-b4ae39e4]{padding:15px;border:1px solid #ddd;text-align:start}.project-stats[data-v-b4ae39e4]{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:20px;margin-top:30px}.stat-card[data-v-b4ae39e4]{flex:1 1 22%;background-color:#ccc;color:#fff;border-radius:10px;padding:16px 12px;text-align:center;box-shadow:0 3px 8px #00000026;min-width:180px;max-width:240px}.stat-title[data-v-b4ae39e4]{font-size:1.1rem;font-weight:700;margin-bottom:20px;margin-top:20px}.stat-number[data-v-b4ae39e4]{font-size:2rem;font-weight:700;margin-bottom:20px}.stat-button[data-v-b4ae39e4]:hover{background-color:#eee}.red[data-v-b4ae39e4]{background-color:#ec5560}.blue[data-v-b4ae39e4]{background-color:#2083c5}.cyan[data-v-b4ae39e4]{background-color:#27c8c0}.green[data-v-b4ae39e4]{background-color:#21b995}.traffic-box-container[data-v-b4ae39e4]{border-radius:20px;padding:30px;text-align:center;max-width:1000px;margin:auto}.traffic-box[data-v-b4ae39e4]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:40px;margin-top:20px}.traffic-image-wrapper[data-v-b4ae39e4]{position:relative;width:220px}.traffic-light-img[data-v-b4ae39e4]{width:100%;height:auto}.traffic-overlay[data-v-b4ae39e4]{position:absolute;left:50%;transform:translate(-50%);font-size:2rem;font-weight:700;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.7)}.traffic-overlay.red1[data-v-b4ae39e4]{top:15%}.traffic-overlay.yellow[data-v-b4ae39e4]{top:42%}.traffic-overlay.green1[data-v-b4ae39e4]{top:72%}.traffic-status-list[data-v-b4ae39e4]{display:flex;flex-direction:column;gap:40px;text-align:left}.traffic-status[data-v-b4ae39e4]{background:#2f2f3f;color:#fff;padding:16px 24px;border-radius:0;min-width:260px;font-size:1rem}@media (max-width: 768px){.input-row[data-v-b4ae39e4]{flex-direction:column;gap:15px}h2[data-v-b4ae39e4]{font-size:1.3rem}.content-wrapper[data-v-b4ae39e4]{padding:15px}th[data-v-b4ae39e4],td[data-v-b4ae39e4]{font-size:.6rem;padding:10px}.stat-card[data-v-b4ae39e4]{flex:1 1 45%}}@media (max-width: 480px){h2[data-v-b4ae39e4]{font-size:1.2rem}th[data-v-b4ae39e4],td[data-v-b4ae39e4]{font-size:.5rem;padding:8px}.content-wrapper[data-v-b4ae39e4]{padding:10px}.stat-card[data-v-b4ae39e4]{flex:1 1 100%}}