@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Protest+Strike&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Protest+Strike&display=swap";nav[data-v-c3dbaf0a]{background:#007bff;padding:10px;text-align:center}ul[data-v-c3dbaf0a]{list-style:none;padding:0;display:flex;justify-content:center}li[data-v-c3dbaf0a]{margin:0 15px}a[data-v-c3dbaf0a]{color:#fff;text-decoration:none;font-weight:700}a[data-v-c3dbaf0a]:hover{text-decoration:underline}[data-v-48d7643f]{font-family:Inter,sans-serif}.password-wrapper[data-v-48d7643f]{position:relative}.toggle-password[data-v-48d7643f]{position:absolute;right:50px;top:55%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:0}.eye-icon[data-v-48d7643f]{width:20px!important;height:20px!important}.input-with-icon img.input-icon[data-v-48d7643f]{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:25px;height:25px;opacity:.6}.container[data-v-48d7643f]{display:flex;min-height:100vh;overflow-y:auto}.left-box[data-v-48d7643f]{width:45%;background-color:#1a4e44;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0 40px 60px;border-radius:10px;color:#fff;box-sizing:border-box;overflow:hidden;position:relative}.left-box h2[data-v-48d7643f]{font-size:35px;margin-bottom:5px}.left-box p[data-v-48d7643f]{font-size:16px;max-width:80%;line-height:1.5}.left-image[data-v-48d7643f],.left-image2[data-v-48d7643f]{width:calc(100% + 80px);margin:0 -40px;object-fit:cover;height:300px}.left-image2[data-v-48d7643f]{margin-bottom:20px;border-radius:0}.right-box[data-v-48d7643f]{width:55%;display:flex;flex-direction:column;align-items:center;padding-top:10px;overflow:hidden}.logo-wrapper[data-v-48d7643f]{display:flex;align-items:center;margin-left:50px;margin-bottom:40px;align-self:flex-start;gap:12px}.logo-image[data-v-48d7643f]{width:75px;object-fit:cover;border-radius:10px 10px 0 0;margin:0}.logo-text[data-v-48d7643f]{font-family:Protest Strike,sans-serif;font-size:26px;color:#08607a}.signin-container[data-v-48d7643f]{flex-direction:column;align-items:center;text-align:center;margin-bottom:10px}h2[data-v-48d7643f]{font-size:35px;margin-bottom:10px;font-weight:700}.subtitle[data-v-48d7643f]{font-size:14px;color:gray;margin-bottom:25px}.input-group[data-v-48d7643f]{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.input-group label[data-v-48d7643f]{font-size:16px;margin-bottom:8px;font-weight:700;color:#333}.input-group input[data-v-48d7643f]{width:95%;padding:12px;font-size:16px;color:#333;border:1px solid #ccc;border-radius:10px;box-sizing:border-box}.input-group input[data-v-48d7643f]::placeholder{color:#b0b3b5;font-size:15px}.input-with-icon[data-v-48d7643f]{position:relative;width:100%}.input-with-icon img[data-v-48d7643f]{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:26px;height:26px;opacity:.6}.input-with-icon input[data-v-48d7643f]{width:100%;padding:10px 10px 10px 50px;border:1px solid #ccc;border-radius:10px;box-sizing:border-box}.options[data-v-48d7643f]{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:14px;margin-bottom:20px;font-weight:700}.forgot-password[data-v-48d7643f]{color:#ffad54;text-decoration:none;text-align:left}.forgot-password[data-v-48d7643f]:hover{text-decoration:underline}.signin-btn[data-v-48d7643f]{width:100%;padding:15px;background-color:#4f93af;color:#fff;border:none;border-radius:20px;cursor:pointer;margin-top:15px}.signin-btn[data-v-48d7643f]:hover{background-color:#165d52}.divider[data-v-48d7643f]{text-align:center;margin:20px 0;color:gray;font-size:14px}.social-login[data-v-48d7643f]{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.google-btn[data-v-48d7643f],.apple-btn[data-v-48d7643f]{display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid #ccc;border-radius:20px;background-color:#fff;cursor:pointer;font-size:14px;text-align:center;width:180px}.google-btn strong[data-v-48d7643f],.apple-btn strong[data-v-48d7643f]{position:relative}.google-btn[data-v-48d7643f]:hover,.apple-btn[data-v-48d7643f]:hover{background-color:#f1f1f1}.google-btn img[data-v-48d7643f],.apple-btn img[data-v-48d7643f]{width:20px;height:20px;margin-right:10px}.signup-text[data-v-48d7643f]{font-size:14px;text-align:center}.signup-text a[data-v-48d7643f]{color:#ffad54;text-decoration:none;font-weight:700;padding-top:2px}.signup-text a[data-v-48d7643f]:hover{text-decoration:underline}@media (max-width: 768px){.container[data-v-48d7643f]{flex-direction:column;padding:20px}.left-box[data-v-48d7643f]{display:none}.right-box[data-v-48d7643f]{width:100%;max-width:100%}.left-image[data-v-48d7643f],.left-image2[data-v-48d7643f]{height:150px}.left-box h2[data-v-48d7643f]{font-size:24px}.left-box p[data-v-48d7643f]{font-size:14px;max-width:100%}.input-group input[data-v-48d7643f]::placeholder{font-size:13px}.options[data-v-48d7643f]{font-size:12px}.logo-wrapper[data-v-48d7643f]{margin-left:0;margin-bottom:40px;gap:8px}.logo-image[data-v-48d7643f]{width:50px}.logo-text[data-v-48d7643f]{font-size:20px}h2[data-v-48d7643f]{margin-top:2px;font-size:27px}.signin-container[data-v-48d7643f]{width:100%;max-width:100%;padding:0 20px;box-sizing:border-box}.input-group input[data-v-48d7643f],.signin-btn[data-v-48d7643f]{width:100%}}.alert-container[data-v-ba557fb4]{position:fixed;top:20px;right:20px;z-index:9999;animation:fadeInOut-ba557fb4 3s ease-in-out forwards}.alert-success[data-v-ba557fb4]{background-color:#d1fae5;color:#065f46;padding:12px 20px;border-radius:8px;display:flex;align-items:center;box-shadow:0 4px 10px #0000001a}.icon[data-v-ba557fb4]{margin-right:10px;font-size:1.2rem}@keyframes fadeInOut-ba557fb4{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media screen and (max-width: 768px){.alert-container[data-v-ba557fb4]{top:10px;right:10px;left:10px;transform:none;width:auto;max-width:90%}.alert-success[data-v-ba557fb4]{font-size:14px;padding:10px 16px;border-radius:6px}.icon[data-v-ba557fb4]{font-size:1rem;margin-right:8px}}[data-v-b53c1cf9]{font-family:Inter,sans-serif}.styled-select[data-v-b53c1cf9]{width:100%;padding:10px;font-size:16px;font-family:inherit;background-color:#fff;border:1px solid #ccc;border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#333}.styled-select.placeholder[data-v-b53c1cf9],.styled-select option[disabled][data-v-b53c1cf9]{color:#aaa}.container[data-v-b53c1cf9]{display:flex;min-height:100vh;overflow-y:auto}.password-wrapper[data-v-b53c1cf9]{position:relative}.toggle-password[data-v-b53c1cf9]{position:absolute;right:10px;top:55%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:0}.eye-icon[data-v-b53c1cf9]{width:20px;height:20px}.left-box[data-v-b53c1cf9]{width:45%;background-color:#1a4e44;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0 40px 60px;border-radius:10px;color:#fff;box-sizing:border-box;overflow:hidden;position:relative}.left-box h2[data-v-b53c1cf9]{font-size:35px;margin-bottom:5px}.left-box p[data-v-b53c1cf9]{font-size:16px;max-width:80%;line-height:1.5}.left-image[data-v-b53c1cf9],.left-image2[data-v-b53c1cf9]{width:calc(100% + 80px);margin:0 -40px;object-fit:cover;height:300px}.left-image2[data-v-b53c1cf9]{margin-bottom:20px;border-radius:0}.right-box[data-v-b53c1cf9]{width:55%;display:flex;flex-direction:column;align-items:center;padding-top:10px;overflow:hidden}.logo-wrapper[data-v-b53c1cf9]{display:flex;align-items:center;gap:12px;margin-left:50px;margin-bottom:40px;align-self:flex-start}.logo-image[data-v-b53c1cf9]{width:75px;object-fit:cover;border-radius:10px 10px 0 0;margin-left:25px}.logo-text[data-v-b53c1cf9]{font-family:Protest Strike,sans-serif;font-size:26px;color:#08607a}.register-container[data-v-b53c1cf9]{width:80%;max-width:450px;text-align:center;padding-top:50px}h2[data-v-b53c1cf9]{font-size:29px;margin-bottom:10px;font-weight:700}.subtitle[data-v-b53c1cf9]{font-size:14px;color:gray;margin-bottom:25px}.input-group[data-v-b53c1cf9]{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.input-group label[data-v-b53c1cf9]{font-size:16px;margin-bottom:5px;font-weight:700}.input-group input[data-v-b53c1cf9]{width:100%;padding:10px;border:1px solid #ccc;border-radius:10px}.input-group input[data-v-b53c1cf9]::placeholder{color:#b0b3b5;font-size:15px}.input-group input[data-v-b53c1cf9],.input-group select[data-v-b53c1cf9]{width:100%;padding:12px;font-size:15px;box-sizing:border-box}.input-group select[data-v-b53c1cf9]{border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#fff;font-size:15px;color:#333}.input-with-icon.full-width[data-v-b53c1cf9]{width:100%}.input-with-icon[data-v-b53c1cf9]{position:relative}.form-icon-right[data-v-b53c1cf9]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:.6}.input-with-icon input[data-v-b53c1cf9]{padding-right:40px}.signin-btn[data-v-b53c1cf9]{width:100%;padding:10px;background-color:#4f93af;color:#fff;border:none;border-radius:20px;cursor:pointer;margin-top:15px}.signin-btn[data-v-b53c1cf9]:hover{background-color:#165d52}.divider[data-v-b53c1cf9]{text-align:center;margin:20px 0;color:gray;font-size:14px}.social-login[data-v-b53c1cf9]{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.social-login[data-v-b53c1cf9]{display:flex;flex-direction:row;justify-content:center;gap:10px;margin-bottom:20px}.social-icon[data-v-b53c1cf9]{width:23px;height:23px;margin-right:10px;vertical-align:middle;flex-wrap:wrap}.apple-icon[data-v-b53c1cf9]{width:27px;height:23px;margin-right:5px;vertical-align:middle}.google-btn[data-v-b53c1cf9],.apple-btn[data-v-b53c1cf9]{padding:7px;border:1px solid #ccc;border-radius:20px;background-color:#fff;cursor:pointer;font-size:14px;text-align:center;width:200px}.google-btn[data-v-b53c1cf9]:hover,.apple-btn[data-v-b53c1cf9]:hover{background-color:#f1f1f1}.signup-text[data-v-b53c1cf9]{font-size:14px;margin-top:10px}.signup-text a[data-v-b53c1cf9]{color:#ffad54;text-decoration:none;font-weight:700}.signup-text a[data-v-b53c1cf9]:hover{text-decoration:underline}.success[data-v-b53c1cf9]{color:green;margin-top:10px}.error[data-v-b53c1cf9]{color:red;margin-top:10px}@media (max-width: 768px){.container[data-v-b53c1cf9]{flex-direction:column;padding:20px}.left-box[data-v-b53c1cf9]{display:none}.right-box[data-v-b53c1cf9]{width:100%;max-width:100%}.left-image[data-v-b53c1cf9],.left-image2[data-v-b53c1cf9]{height:150px}.left-box h2[data-v-b53c1cf9]{font-size:24px}.left-box p[data-v-b53c1cf9]{font-size:14px;max-width:100%}.logo-wrapper[data-v-b53c1cf9]{margin-left:0;margin-bottom:40px;gap:8px}.logo-image[data-v-b53c1cf9]{width:50px}.logo-text[data-v-b53c1cf9]{font-size:20px}h2[data-v-b53c1cf9]{margin-top:2px;font-size:28px}.signin-container[data-v-b53c1cf9]{width:100%}.input-group input[data-v-b53c1cf9]{width:100%;box-sizing:border-box}.input-group[data-v-b53c1cf9]{width:100%;flex-direction:column}.input-group label[data-v-b53c1cf9]{font-size:14px}.styled-select[data-v-b53c1cf9]{appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;position:relative;z-index:10}select.styled-select[data-v-b53c1cf9]:focus{outline:none}.register-container[data-v-b53c1cf9]{width:100%;max-width:100%;padding:0 20px;box-sizing:border-box}.signin-btn[data-v-b53c1cf9]{width:100%}}.modal-overlay[data-v-1e00d837]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal[data-v-1e00d837]{background:#fff;padding:16px;border-radius:10px;width:90%;max-width:320px;text-align:center;max-height:80vh;box-sizing:border-box}.modal-actions[data-v-1e00d837]{display:flex;flex-direction:column;gap:12px;margin-top:16px}.btn-cancel[data-v-1e00d837],.btn-confirm[data-v-1e00d837]{padding:10px 20px;border-radius:20px;cursor:pointer;width:100%;font-size:14px;transition:all .2s ease-in-out}.btn-cancel[data-v-1e00d837]{background:#fff;border:2px solid #08607A;color:#08607a}.btn-cancel[data-v-1e00d837]:hover{background:#08607a;color:#fff}.btn-confirm[data-v-1e00d837]{background:#08607a;color:#fff;border:none}.modal-icon[data-v-1e00d837]{width:48px;height:48px;margin-bottom:10px}@media screen and (max-width: 768px){.modal[data-v-1e00d837]{width:80%;max-width:95%;padding:9px}.btn-cancel[data-v-1e00d837],.btn-confirm[data-v-1e00d837]{font-size:14px;padding:10px 16px}.modal-icon[data-v-1e00d837]{width:36px;height:36px}}.hamburger-btn[data-v-5692dfda]{position:fixed;top:10px;left:10px;z-index:1001;background-color:#fff;border:1px solid #ddd;padding:8px 12px;font-size:18px;cursor:pointer;display:none}.sidebar[data-v-5692dfda]{width:270px;background-color:#fff;border-right:1px solid #e5e7eb;padding:20px;height:100vh;flex-direction:column;gap:24px}@media (max-width: 768px){.hamburger-btn[data-v-5692dfda]{display:block}}.sidebar[data-v-5692dfda]{width:270px;background-color:#fff;border-right:1px solid #e5e7eb;padding:20px;display:flex;height:100vh;flex-direction:column;gap:24px;transition:transform .3s ease;z-index:1000}.sidebar-hidden[data-v-5692dfda]{transform:translate(-100%);position:fixed;left:0;top:0;height:100vh;background-color:#fff}.logo-wrapper[data-v-5692dfda]{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.logo-image[data-v-5692dfda]{width:35px;object-fit:cover;border-radius:10px 10px 0 0;margin-top:-5px}.logo-text[data-v-5692dfda]{font-family:Protest Strike,sans-serif;font-size:20px;color:#08607a}.menu-section[data-v-5692dfda]{display:flex;flex-direction:column;gap:10px;margin-top:-15px}.menu-label[data-v-5692dfda]{font-size:12px;font-weight:600;color:#b0b385;margin-bottom:4px}.menu-list[data-v-5692dfda]{list-style:none;padding:0;margin:0}.menu-list li[data-v-5692dfda]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;color:#7d7f81;font-size:14px;cursor:pointer;transition:background-color .2s}.menu-list li[data-v-5692dfda]:hover{background-color:#f1f5f9}.menu-list li.active[data-v-5692dfda]{background-color:#84bbd1;color:#074a5d;font-weight:700}.menu-list a[data-v-5692dfda]{text-decoration:none;color:inherit}.router-link-wrapper[data-v-5692dfda]{text-decoration:none;color:inherit;display:block}.menu-item[data-v-5692dfda]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:14px;transition:background-color .2s;color:#7d7f81;cursor:pointer;width:100%}.menu-item[data-v-5692dfda]:hover{background-color:#f1f5f9}.menu-item.active[data-v-5692dfda]{background-color:#84bbd1;color:#074a5d;font-weight:700}.top-header[data-v-20519bc5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-title[data-v-20519bc5]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.chart-wrapper[data-v-dd448ac1]{height:350px;border:1px solid #ccc;border-radius:10px;padding:20px;box-sizing:border-box}.chart-title[data-v-dd448ac1]{color:#6b7280;font-weight:700;font-size:15px}.divider[data-v-dd448ac1]{border:none;border-top:1px solid #e5e7eb;margin:10px -10px;width:calc(100% + 18px)}[data-v-4cbdd5cf]{font-family:Inter,sans-serif;box-sizing:border-box}.layout[data-v-4cbdd5cf]{display:flex;height:100vh;background-color:#f7f7f7;flex-wrap:wrap}.main-content[data-v-4cbdd5cf]{flex:1;background-color:#fff;padding:10px 30px 30px}.separator[data-v-4cbdd5cf]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.dashboard-header[data-v-4cbdd5cf]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:-10px}.quick-menu[data-v-4cbdd5cf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px}.date-box[data-v-4cbdd5cf]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e0e0e0;border-radius:10px;font-size:13px;font-weight:800;color:#333436;background-color:#fff}.menu-card[data-v-4cbdd5cf]{background-color:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:10px;font-weight:700;color:#074a5d;box-shadow:0 4px 8px #0000001a;transition:box-shadow .2s,background-color .2s}.menu-card[data-v-4cbdd5cf]:hover{background-color:#f1f5f9}.menu-card[data-v-4cbdd5cf]:active{background-color:#08607a;color:#fff;box-shadow:0 6px 12px #0003}.menu-card .icon-wrapper[data-v-4cbdd5cf]{display:flex;justify-content:center;align-items:center}.icon[data-v-4cbdd5cf]{width:24px;height:24px;object-fit:cover}.stats-section[data-v-4cbdd5cf]{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.stat-card[data-v-4cbdd5cf]{background-color:#fff;border:1px solid #ccc;font-weight:700;border-radius:10px;padding:16px;text-align:center}.stat-card .label[data-v-4cbdd5cf]{font-size:14px;color:#6b7280}.stat-card .value[data-v-4cbdd5cf]{font-size:20px;font-weight:700;color:#08607a}.section-title[data-v-4cbdd5cf]{margin-bottom:5px;margin-top:30px;font-weight:700;font-size:18px}.chart-section[data-v-4cbdd5cf]{margin-top:2rem}.chart-row[data-v-4cbdd5cf]{display:flex;flex-wrap:wrap;gap:20px}.chart-row[data-v-4cbdd5cf]>*{flex:1 1 calc(33.33% - 20px);min-width:250px;max-width:100%;box-sizing:border-box;padding:10px}.section-title.balita[data-v-4cbdd5cf]{margin-top:30px;margin-bottom:-5px}.section-title.ibu-hamil[data-v-4cbdd5cf]{margin-top:30px;margin-bottom:-10px}@media (max-width: 768px){.layout[data-v-4cbdd5cf]{flex-direction:column}.main-content[data-v-4cbdd5cf]{padding:16px}.dashboard-header[data-v-4cbdd5cf]{flex-direction:column;align-items:flex-start}.quick-menu[data-v-4cbdd5cf],.stats-section[data-v-4cbdd5cf]{grid-template-columns:1fr 1fr}.chart-row[data-v-4cbdd5cf]{flex-direction:column}.chart-row[data-v-4cbdd5cf]>*{flex:1 1 auto;width:100%;max-height:300px}.section-title[data-v-4cbdd5cf]{font-size:16px}.date-box[data-v-4cbdd5cf]{font-size:12px;padding:4px 10px}.menu-card[data-v-4cbdd5cf]{font-size:14px;padding:16px}.icon[data-v-4cbdd5cf]{width:20px;height:20px}.stat-card .value[data-v-4cbdd5cf]{font-size:18px}.stat-card .label[data-v-4cbdd5cf]{font-size:12px}}.container[data-v-df28a035]{display:flex;min-height:100vh;overflow-y:auto;font-family:Inter,sans-serif}.left-box[data-v-df28a035]{width:45%;background-color:#1a4e44;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0 40px 60px;border-radius:10px;color:#fff;box-sizing:border-box;overflow:hidden;position:relative}.left-box h2[data-v-df28a035]{color:#fff;margin-bottom:5px;font-size:35px}.left-box p[data-v-df28a035]{font-size:16px;color:#b0b3b5;max-width:80%;line-height:1.5;font-weight:400}.left-image[data-v-df28a035],.left-image2[data-v-df28a035]{width:calc(100% + 80px);margin:0 -40px;object-fit:cover;height:300px}.left-image2[data-v-df28a035]{margin-bottom:20px;border-radius:0}.right-box[data-v-df28a035]{width:55%;display:flex;flex-direction:column;align-items:center;padding-top:10px;overflow:hidden}.logo-wrapper[data-v-df28a035]{display:flex;align-items:center;margin-left:50px;margin-bottom:40px;align-self:flex-start;gap:12px}.logo-image[data-v-df28a035]{width:75px;object-fit:cover;border-radius:10px 10px 0 0;margin:0}.logo-text[data-v-df28a035]{font-family:Protest Strike,sans-serif;font-size:26px;color:#08607a}.signin-container[data-v-df28a035]{flex-direction:column;align-items:center;text-align:center;width:60%}h2[data-v-df28a035]{font-size:35px;margin-bottom:10px;font-weight:700;color:#074a5d}.subtitle[data-v-df28a035]{font-size:14px;color:gray;margin-bottom:25px}.input-group[data-v-df28a035]{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.input-group label[data-v-df28a035]{font-size:16px;margin-bottom:8px;font-weight:700;color:#333}.input-group input[data-v-df28a035]{width:100%;padding:12px;font-size:16px;color:#333;border:1px solid #ccc;border-radius:10px;box-sizing:border-box}.submit[data-v-df28a035]{width:100%;padding:15px;background-color:#4f93af;color:#fff;border:none;border-radius:20px;cursor:pointer;margin-top:15px}.submit[data-v-df28a035]:hover{background-color:#165d52}.message[data-v-df28a035]{margin-top:15px;font-weight:700;color:green}@media (max-width: 768px){.container[data-v-df28a035]{flex-direction:column;padding:20px}.left-box[data-v-df28a035],.right-box[data-v-df28a035]{width:100%;max-width:100%}.left-image[data-v-df28a035],.left-image2[data-v-df28a035]{height:150px}.left-box h2[data-v-df28a035]{font-size:22px}.left-box p[data-v-df28a035]{font-size:14px;max-width:100%}.logo-wrapper[data-v-df28a035]{margin-left:0;margin-bottom:40px;gap:8px}.logo-image[data-v-df28a035]{width:50px}.logo-text[data-v-df28a035]{font-size:20px}h2[data-v-df28a035]{margin-top:2px;font-size:27px}.signin-container[data-v-df28a035]{width:100%}.input-group input[data-v-df28a035],.input-group[data-v-df28a035]{width:100%;box-sizing:border-box}.register-container[data-v-df28a035]{width:100%;max-width:100%;padding:0 20px;box-sizing:border-box}.signin-btn[data-v-df28a035]{width:100%}}.container[data-v-3840a5d5]{display:flex;min-height:100vh;overflow-y:auto;font-family:Inter,sans-serif}.left-box[data-v-3840a5d5]{width:45%;background-color:#1a4e44;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0 40px 60px;border-radius:10px;color:#fff;box-sizing:border-box;overflow:hidden;position:relative}.left-box h2[data-v-3840a5d5]{color:#fff;margin-bottom:5px;font-size:35px!important}.left-box p[data-v-3840a5d5]{font-size:16px;color:#b0b3b5;max-width:80%;line-height:1.5;font-weight:400}.left-image[data-v-3840a5d5],.left-image2[data-v-3840a5d5]{width:calc(100% + 80px);margin:0 -40px;object-fit:cover;height:300px}.left-image2[data-v-3840a5d5]{margin-bottom:20px;border-radius:0}.right-box[data-v-3840a5d5]{width:55%;display:flex;flex-direction:column;align-items:center;padding-top:10px;overflow:hidden}.logo-wrapper[data-v-3840a5d5]{display:flex;align-items:center;margin-left:50px;margin-bottom:40px;align-self:flex-start;gap:12px}.logo-image[data-v-3840a5d5]{width:75px;object-fit:cover;border-radius:10px 10px 0 0;margin:0}.logo-text[data-v-3840a5d5]{font-family:Protest Strike,sans-serif;font-size:26px;color:#08607a}.signin-container[data-v-3840a5d5]{flex-direction:column;align-items:center;text-align:center;width:60%}h2[data-v-3840a5d5]{font-size:35px;margin-bottom:10px;font-weight:700;color:#074a5d}.subtitle[data-v-3840a5d5]{font-size:14px;color:gray;margin-bottom:25px}.input-group[data-v-3840a5d5]{display:flex;align-items:flex-start;flex-direction:column;margin-bottom:20px}.input-group label[data-v-3840a5d5]{font-size:16px;margin-bottom:8px;font-weight:700;color:#333}.input-group input[data-v-3840a5d5]{width:100%;padding:12px;font-size:16px;color:#333;border:1px solid #ccc;border-radius:10px;box-sizing:border-box}.submit[data-v-3840a5d5]{width:100%;padding:15px;background-color:#4f93af;color:#fff;background-color:#f44336;border-radius:5px;border:none;cursor:pointer;margin-top:15px}.submit[data-v-3840a5d5]:hover{background-color:#165d52}.message[data-v-3840a5d5]{margin:10px 0;padding:8px;color:#fff;background-color:#f44336;border-radius:5px}@media (max-width: 768px){.container[data-v-3840a5d5]{flex-direction:column;padding:20px}.left-box[data-v-3840a5d5],.right-box[data-v-3840a5d5]{width:100%;max-width:100%;padding:0 20px 40px}.left-box h2[data-v-3840a5d5]{font-size:24px!important;margin-bottom:10px}.left-box p[data-v-3840a5d5]{font-size:14px;max-width:100%;line-height:1.4}.left-image[data-v-3840a5d5],.left-image2[data-v-3840a5d5]{height:150px;width:100%;margin:0}.logo-wrapper[data-v-3840a5d5]{margin-left:0;margin-bottom:30px;gap:8px}.logo-image[data-v-3840a5d5]{width:50px}.logo-text[data-v-3840a5d5]{font-size:20px}.signin-container[data-v-3840a5d5]{width:100%;padding:0 10px}h2[data-v-3840a5d5]{font-size:28px;margin-bottom:15px}.subtitle[data-v-3840a5d5]{font-size:13px;margin-bottom:20px}.input-group label[data-v-3840a5d5]{font-size:14px;margin-bottom:6px}.input-group input[data-v-3840a5d5]{font-size:14px;padding:10px}.submit[data-v-3840a5d5]{padding:12px;font-size:16px}.message[data-v-3840a5d5]{font-size:14px}}body[data-v-db15a52b]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#74ebd5,#acb6e5);margin:0;display:flex;justify-content:center;align-items:center;height:100vh}.container[data-v-db15a52b]{text-align:center}.card[data-v-db15a52b]{background-color:#fff;padding:30px;margin:20px;border-radius:15px;box-shadow:0 8px 16px #0003;animation:fadeIn-db15a52b .8s ease-in-out}.card h1[data-v-db15a52b]{font-size:2rem;margin-bottom:10px}.card p[data-v-db15a52b]{font-size:1.1rem}.pending[data-v-db15a52b]{border-left:8px solid #ffd700;color:#555}.denied[data-v-db15a52b]{border-left:8px solid #ff4d4d;color:#b22222}@keyframes fadeIn-db15a52b{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loading-container[data-v-b5162b62]{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#333}[data-v-b589f6b0]{font-family:Inter,sans-serif}.layout[data-v-b589f6b0]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-b589f6b0]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-b589f6b0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-b589f6b0]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-b589f6b0]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-b589f6b0]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-b589f6b0]{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:8px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s}.notif-btn[data-v-b589f6b0]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-b589f6b0]{width:20px;height:16px}.top-right[data-v-b589f6b0]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-b589f6b0]{width:30px;height:30px;border-radius:50%;object-fit:cover}.filters[data-v-b589f6b0]{display:flex;flex-direction:column;gap:16px;width:100%}.dropdown-group[data-v-b589f6b0]{display:flex;gap:16px;width:100%}.custom-dropdown[data-v-b589f6b0]{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;flex:1;position:relative}.custom-dropdown .icon[data-v-b589f6b0]{width:20px;height:20px}.dropdown-label[data-v-b589f6b0]{flex:1;color:#5a5a5a;font-size:14px}.dropdown-options[data-v-b589f6b0]{position:absolute;top:100%;left:0;z-index:100;width:100%;margin:4px 0 0;padding:0;border:1px solid #ccc;border-radius:6px;list-style:none;background-color:#fff}.dropdown-options li[data-v-b589f6b0]{padding:8px 12px;cursor:pointer;color:#5a5a5a;font-size:14px}.dropdown-options li[data-v-b589f6b0]:hover{background-color:#f5f5f5}.select-with-icon[data-v-b589f6b0]{position:relative}.arrow-icon[data-v-b589f6b0]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px}.table-container[data-v-b589f6b0]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-b589f6b0]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}.table-header h3[data-v-b589f6b0]{font-size:13px;color:#111216;font-weight:700}.table-header .add-button[data-v-b589f6b0]{font-size:13px;color:#074a5d;font-weight:700}.separator1[data-v-b589f6b0]{border-bottom:1px solid #e5e7eb;margin:30px 0 10px}.add-button[data-v-b589f6b0]{background-color:transparent;text-decoration:none;color:#06c;border:none;font-weight:700;cursor:pointer}table[data-v-b589f6b0]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-b589f6b0]{background-color:#f9f9f9}th[data-v-b589f6b0],td[data-v-b589f6b0]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-b589f6b0]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-b589f6b0]:last-child,td[data-v-b589f6b0]:last-child{border-right:none}th[data-v-b589f6b0]:first-child,td[data-v-b589f6b0]:first-child{width:50px}th[data-v-b589f6b0]:nth-child(n+2),td[data-v-b589f6b0]:nth-child(n+2){width:1fr}.aksi button[data-v-b589f6b0]{background:none;border:none;margin-right:5px;font-size:16px;cursor:pointer}.aksi button img[data-v-b589f6b0]{width:20px;height:20px;object-fit:contain}.aksi button[data-v-b589f6b0]:not(:last-child){border-right:1px solid #ccc}.aksi button[data-v-b589f6b0]:last-child{margin-right:0}.aksi button[data-v-b589f6b0]:hover{opacity:.7}.input-wrapper[data-v-b589f6b0]{position:relative;display:flex;flex:1}.search-icon[data-v-b589f6b0]{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:20px;height:20px}input[type=text][data-v-b589f6b0]{padding-left:40px;width:100%;height:40px;font-size:14px;border:1px solid #e0e0e0;color:#7d7f81;border-radius:6px}@media (max-width: 768px){table[data-v-b589f6b0],thead[data-v-b589f6b0],tbody[data-v-b589f6b0],th[data-v-b589f6b0],td[data-v-b589f6b0],tr[data-v-b589f6b0]{display:block;border:none}thead[data-v-b589f6b0]{display:none}tr[data-v-b589f6b0]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#fff}td[data-v-b589f6b0]{position:relative;padding-left:45%;text-align:left;border-bottom:1px solid #eee;font-size:14px;display:flex;align-items:center;min-height:48px;box-sizing:border-box}td[data-v-b589f6b0]:before{position:absolute;top:10px;left:16px;width:40%;padding-right:10px;white-space:normal;font-weight:600;color:#555;content:attr(data-label);text-align:left}td[data-v-b589f6b0]:first-child{padding-right:155px}td[data-v-b589f6b0]:last-child{border-bottom:none}.table-header[data-v-b589f6b0]{flex-direction:column;align-items:stretch;text-align:center;gap:10px}.table-header .add-button[data-v-b589f6b0]{align-self:center;margin-bottom:0}.info-grid[data-v-b589f6b0]{grid-template-columns:repeat(2,1fr);gap:30px 20px}.layout[data-v-b589f6b0]{flex-direction:column}.main-content[data-v-b589f6b0]{padding:16px}.input-wrapper[data-v-b589f6b0]{width:100%}.input-wrapper input[data-v-b589f6b0]{width:100%;font-size:14px}.dropdown-group[data-v-b589f6b0]{flex-direction:column}}[data-v-da5bd500]{font-family:Inter,sans-serif}.layout[data-v-da5bd500]{display:flex;height:100vh;background-color:#f7f7f7}.main-content[data-v-da5bd500]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-da5bd500]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.container[data-v-da5bd500]{width:100%;padding:0;font-family:Inter,sans-serif}.info-card[data-v-da5bd500]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-da5bd500]{display:flex;justify-content:space-between;align-items:center;padding:0;width:100%;font-size:14px}.table-header button[data-v-da5bd500]{position:relative;top:7px;background:transparent;border:none;border-radius:5px;padding:5px 25px;cursor:pointer;color:#074a5d;font-weight:700;font-size:12px}.table-header h3[data-v-da5bd500]{font-size:14px;color:#111216;font-weight:700;line-height:1.1;margin:0}.table-header .add-button[data-v-da5bd500]{color:#074a5d;font-weight:700;margin-left:10px;text-decoration:none}.card[data-v-da5bd500]{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #0000001a;margin-bottom:20px;border:1px solid #e5e5e5}.card-separator[data-v-da5bd500]{height:1px;width:calc(100% + 40px);background-color:#e5e5e5;margin:10px 0 20px -20px}.table-card[data-v-da5bd500]{padding:0;height:100%}.info-card h3[data-v-da5bd500]{margin-top:5px;color:#070707;font-size:15px}.table-card h3[data-v-da5bd500]{margin-top:20px;font-size:15px;color:#070707;padding-left:20px}.table-card table[data-v-da5bd500]{width:100%;margin-top:10px;border-collapse:collapse}.info-grid[data-v-da5bd500]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px 20px;font-size:14px}.info-grid div strong[data-v-da5bd500]{display:block;margin-bottom:7px;font-weight:600;color:#111827}.info-grid .value[data-v-da5bd500]{color:#333436}table[data-v-da5bd500]{width:100%;border-collapse:collapse;font-size:14px}thead th[data-v-da5bd500]{background-color:#fafafa;color:#7d7f81;font-weight:600;padding:8px;text-align:center}tbody tr:nth-child(odd) td[data-v-da5bd500]{background-color:#fff;text-align:center;vertical-align:middle;color:#000}tbody tr:nth-child(2n) td[data-v-da5bd500]{background-color:#f9fafb;text-align:center;vertical-align:middle}td[data-v-da5bd500],th[data-v-da5bd500]{padding:8px;border:1px solid #d1d5db}.aksi button[data-v-da5bd500]{background:none;border:none;margin-right:5px;font-size:16px;cursor:pointer}.aksi button img[data-v-da5bd500]{width:20px;height:20px;object-fit:contain}.aksi button[data-v-da5bd500]:not(:last-child){border-right:1px solid #ccc}.aksi button[data-v-da5bd500]:last-child{margin-right:0}.aksi button[data-v-da5bd500]:hover{opacity:.7}@media (max-width: 768px){table[data-v-da5bd500],thead[data-v-da5bd500],tbody[data-v-da5bd500],th[data-v-da5bd500],td[data-v-da5bd500],tr[data-v-da5bd500]{display:block;border:none}thead[data-v-da5bd500]{display:none}tr[data-v-da5bd500]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#fff}td[data-v-da5bd500]{position:relative;padding-left:45%;text-align:left;border-bottom:1px solid #eee;font-size:14px;display:block;align-items:center;min-height:48px;box-sizing:border-box}td[data-v-da5bd500]:before{position:absolute;top:10px;left:16px;width:40%;padding-right:10px;white-space:normal;font-weight:600;color:#555;content:attr(data-label);text-align:left}td[data-v-da5bd500]:last-child{border-bottom:none}.table-header[data-v-da5bd500]{flex-direction:column;align-items:stretch;text-align:center;gap:10px}.table-header .add-button[data-v-da5bd500]{align-self:center;margin-bottom:0}.info-grid[data-v-da5bd500]{grid-template-columns:repeat(2,1fr);gap:30px 20px}.layout[data-v-da5bd500]{flex-direction:column}.main-content[data-v-da5bd500]{padding:16px}}[data-v-a0f41733]{font-family:Inter,sans-serif}.layout[data-v-a0f41733]{display:flex;height:100vh;background-color:#f7f7f7}.container[data-v-a0f41733]{width:100%;padding:0;font-family:Inter,sans-serif}.info-card[data-v-a0f41733]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-a0f41733]{display:flex;justify-content:space-between;align-items:flex-start;padding:0;width:100%;font-size:14px}.table-header h3[data-v-a0f41733]{font-size:14px;color:#111216;font-weight:700;line-height:1.1;margin:0}.table-header .add-button[data-v-a0f41733]{color:#074a5d;font-weight:700;margin-left:10px;text-decoration:none}.card[data-v-a0f41733]{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #0000001a;margin-bottom:20px;border:1px solid #e5e5e5}.card-separator[data-v-a0f41733]{height:1px;width:calc(100% + 40px);background-color:#e5e5e5;margin:10px 0 20px -20px}.table-card[data-v-a0f41733]{padding:0;height:100%}.info-card h3[data-v-a0f41733]{margin-top:5px;color:#070707;font-size:15px}.table-card h3[data-v-a0f41733]{margin-top:20px;font-size:15px;color:#070707;padding-left:20px}.table-card table[data-v-a0f41733]{width:100%;margin-top:10px;border-collapse:collapse}.info-grid[data-v-a0f41733]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px 20px;font-size:14px}.info-grid div strong[data-v-a0f41733]{display:block;margin-bottom:7px;font-weight:600;color:#111827}.info-grid .value[data-v-a0f41733]{color:#333436}.main-content[data-v-a0f41733]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-a0f41733]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-a0f41733]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-a0f41733]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-a0f41733]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-a0f41733]{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:8px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s}.notif-btn[data-v-a0f41733]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-a0f41733]{width:20px;height:16px}.top-right[data-v-a0f41733]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-a0f41733]{width:30px;height:30px;border-radius:50%;object-fit:cover}.form-container[data-v-a0f41733]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-a0f41733]{font-size:15px;color:#074a5d;font-weight:700;margin-bottom:16px;margin-top:0;display:flex;flex-direction:column;gap:8px;width:100%}.section[data-v-a0f41733]{margin-bottom:35px}.section h4[data-v-a0f41733]{font-size:15px;font-weight:500;color:#070707;font-weight:700;margin-bottom:12px;border-top:1px solid #d1d5db;padding-top:14px;text-align:center}.section h4.no-border-top[data-v-a0f41733]{border-top:none;padding-top:0}.form-row[data-v-a0f41733]{display:grid;justify-content:flex-end;grid-template-columns:150px 1fr 150px 1fr;gap:16px;width:100%;margin-bottom:16px;align-items:center}.form-row input[data-v-a0f41733],.form-row select[data-v-a0f41733]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-a0f41733]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-a0f41733]{text-align:right}.justify-end[data-v-a0f41733]{justify-content:flex-end}.button-row[data-v-a0f41733]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-a0f41733],.btn-submit[data-v-a0f41733]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px}.btn-cancel[data-v-a0f41733]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-a0f41733]{background:#074a5d;color:#fff}.button-container[data-v-a0f41733]{display:flex;justify-content:space-between;gap:10px}[data-v-a0f41733] input::placeholder,[data-v-a0f41733] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-a0f41733]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-a0f41733]{flex-direction:column}.menu-section[data-v-a0f41733]{flex:1;margin-top:0}.main-content[data-v-a0f41733]{padding:16px}.form-row[data-v-a0f41733]{grid-template-columns:1fr;gap:12px}.form-row label[data-v-a0f41733]{text-align:left;grid-column:1;font-weight:600}.form-row input[data-v-a0f41733],.form-row select[data-v-a0f41733]{width:100%;grid-column:1;height:40px}.form-row .right-align[data-v-a0f41733]{text-align:left!important}.info-grid[data-v-a0f41733]{grid-template-columns:repeat(2,1fr);gap:30px 20px}.btn-cancel[data-v-a0f41733],.btn-submit[data-v-a0f41733]{width:100%;margin-bottom:10px}.button-container[data-v-a0f41733]{flex-direction:column;gap:10px}}[data-v-73d2f742]{font-family:Inter,sans-serif}.layout[data-v-73d2f742]{display:flex;min-height:50vh;background-color:#f7f7f7}.container[data-v-73d2f742]{width:100%;padding:0;font-family:Inter,sans-serif}.info-card[data-v-73d2f742]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-73d2f742]{display:flex;justify-content:space-between;align-items:flex-start;padding:0;width:100%;font-size:14px}.table-header h3[data-v-73d2f742]{font-size:14px;color:#111216;font-weight:700;line-height:1.1;margin:0}.table-header .add-button[data-v-73d2f742]{color:#074a5d;font-weight:700;margin-left:10px;text-decoration:none}.card[data-v-73d2f742]{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #0000001a;margin-bottom:20px;border:1px solid #e5e5e5}.card-separator[data-v-73d2f742]{height:1px;width:calc(100% + 40px);background-color:#e5e5e5;margin:10px 0 20px -20px}.table-card[data-v-73d2f742]{padding:0;height:100%}.info-card h3[data-v-73d2f742]{margin-top:5px;color:#070707;font-size:15px}.table-card h3[data-v-73d2f742]{margin-top:20px;font-size:15px;color:#070707;padding-left:20px}.table-card table[data-v-73d2f742]{width:100%;margin-top:10px;border-collapse:collapse}.info-grid[data-v-73d2f742]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px 20px;font-size:14px}.info-grid div strong[data-v-73d2f742]{display:block;margin-bottom:7px;font-weight:600;color:#111827}.info-grid .value[data-v-73d2f742]{color:#333436}.main-content[data-v-73d2f742]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-73d2f742]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-73d2f742]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-73d2f742]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-73d2f742]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-73d2f742]{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:8px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s}.notif-btn[data-v-73d2f742]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-73d2f742]{width:20px;height:16px}.top-right[data-v-73d2f742]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-73d2f742]{width:30px;height:30px;border-radius:50%;object-fit:cover}.form-container[data-v-73d2f742]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-73d2f742]{font-size:15px;color:#074a5d;font-weight:700;margin-bottom:16px;margin-top:0;display:flex;flex-direction:column;gap:8px;width:100%}.section[data-v-73d2f742]{margin-bottom:35px}.section h4[data-v-73d2f742]{font-size:15px;font-weight:500;color:#070707;font-weight:700;margin-bottom:12px;border-top:1px solid #d1d5db;padding-top:14px;text-align:center}.section h4.no-border-top[data-v-73d2f742]{border-top:none;padding-top:0}.form-row[data-v-73d2f742]{display:grid;justify-content:flex-end;grid-template-columns:150px 1fr 150px 1fr;gap:16px;width:100%;margin-bottom:16px;align-items:center}.form-row input[data-v-73d2f742],.form-row select[data-v-73d2f742]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-73d2f742]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-73d2f742]{text-align:right}.justify-end[data-v-73d2f742]{justify-content:flex-end}.button-row[data-v-73d2f742]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-73d2f742],.btn-submit[data-v-73d2f742]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px}.btn-cancel[data-v-73d2f742]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-73d2f742]{background:#074a5d;color:#fff}.button-container[data-v-73d2f742]{display:flex;justify-content:space-between;gap:10px}[data-v-73d2f742] input::placeholder,[data-v-73d2f742] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-73d2f742]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-73d2f742]{flex-direction:column}.sidebar[data-v-73d2f742]{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;flex-direction:row;overflow-x:auto}.menu-section[data-v-73d2f742]{flex:1;margin-top:0}.main-content[data-v-73d2f742]{padding:16px}.sidebar-footer[data-v-73d2f742]{display:none}}[data-v-8e5dbcf5]{font-family:Inter,sans-serif}.layout[data-v-8e5dbcf5]{display:flex;height:100vh;background-color:#f7f7f7}.container[data-v-8e5dbcf5]{width:100%;padding:0;font-family:Inter,sans-serif}.info-card[data-v-8e5dbcf5]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-8e5dbcf5]{display:flex;justify-content:space-between;align-items:flex-start;padding:0;width:100%;font-size:14px}.table-header h3[data-v-8e5dbcf5]{font-size:14px;color:#111216;font-weight:700;line-height:1.1;margin:0}.table-header .add-button[data-v-8e5dbcf5]{color:#074a5d;font-weight:700;margin-left:10px;text-decoration:none}.card[data-v-8e5dbcf5]{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #0000001a;margin-bottom:20px;border:1px solid #e5e5e5}.card-separator[data-v-8e5dbcf5]{height:1px;width:calc(100% + 40px);background-color:#e5e5e5;margin:10px 0 20px -20px}.table-card[data-v-8e5dbcf5]{padding:0;height:100%}.info-card h3[data-v-8e5dbcf5]{margin-top:5px;color:#070707;font-size:15px}.table-card h3[data-v-8e5dbcf5]{margin-top:20px;font-size:15px;color:#070707;padding-left:20px}.table-card table[data-v-8e5dbcf5]{width:100%;margin-top:10px;border-collapse:collapse}.info-grid[data-v-8e5dbcf5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px 20px;font-size:14px}.info-grid div strong[data-v-8e5dbcf5]{display:block;margin-bottom:7px;font-weight:600;color:#111827}.info-grid .value[data-v-8e5dbcf5]{color:#333436}.main-content[data-v-8e5dbcf5]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-8e5dbcf5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-8e5dbcf5]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-8e5dbcf5]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-8e5dbcf5]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-8e5dbcf5]{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:8px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s}.notif-btn[data-v-8e5dbcf5]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-8e5dbcf5]{width:20px;height:16px}.top-right[data-v-8e5dbcf5]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-8e5dbcf5]{width:30px;height:30px;border-radius:50%;object-fit:cover}.form-container[data-v-8e5dbcf5]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-8e5dbcf5]{font-size:15px;color:#074a5d;font-weight:700;margin-bottom:16px;margin-top:0;display:flex;flex-direction:column;gap:8px;width:100%}.section[data-v-8e5dbcf5]{margin-bottom:35px}.section h4[data-v-8e5dbcf5]{font-size:15px;font-weight:500;color:#070707;font-weight:700;margin-bottom:12px;border-top:1px solid #d1d5db;padding-top:14px;text-align:center}.section h4.no-border-top[data-v-8e5dbcf5]{border-top:none;padding-top:0}.form-row[data-v-8e5dbcf5]{display:grid;justify-content:flex-end;grid-template-columns:150px 1fr 150px 1fr;gap:16px;width:100%;margin-bottom:16px;align-items:center}.form-row input[data-v-8e5dbcf5],.form-row select[data-v-8e5dbcf5]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-8e5dbcf5]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-8e5dbcf5]{text-align:right}.justify-end[data-v-8e5dbcf5]{justify-content:flex-end}.button-row[data-v-8e5dbcf5]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-8e5dbcf5],.btn-submit[data-v-8e5dbcf5]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px}.btn-cancel[data-v-8e5dbcf5]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-8e5dbcf5]{background:#074a5d;color:#fff}.button-container[data-v-8e5dbcf5]{display:flex;justify-content:space-between;gap:10px}[data-v-8e5dbcf5] input::placeholder,[data-v-8e5dbcf5] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-8e5dbcf5]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-8e5dbcf5]{flex-direction:column}.menu-section[data-v-8e5dbcf5]{flex:1;margin-top:0}.main-content[data-v-8e5dbcf5]{padding:16px}.form-row[data-v-8e5dbcf5]{grid-template-columns:1fr;gap:12px}.form-row label[data-v-8e5dbcf5]{text-align:left;grid-column:1;font-weight:600}.form-row input[data-v-8e5dbcf5],.form-row select[data-v-8e5dbcf5]{width:100%;grid-column:1;height:40px}.form-row .right-align[data-v-8e5dbcf5]{text-align:left!important}.info-grid[data-v-8e5dbcf5]{grid-template-columns:repeat(2,1fr);gap:30px 20px}.btn-cancel[data-v-8e5dbcf5],.btn-submit[data-v-8e5dbcf5]{width:100%;margin-bottom:10px}.button-container[data-v-8e5dbcf5]{flex-direction:column;gap:10px}}[data-v-3fb95edb]{font-family:Inter,sans-serif}.layout[data-v-3fb95edb]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-3fb95edb]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-3fb95edb]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.form-container[data-v-3fb95edb]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-3fb95edb]{font-size:15px;color:#074a5d;font-weight:700;margin-bottom:16px;margin-top:0;display:flex;flex-direction:column;gap:8px;width:100%}.section[data-v-3fb95edb]{margin-bottom:35px}.section h4[data-v-3fb95edb]{font-size:15px;font-weight:500;color:#070707;font-weight:700;margin-bottom:12px;border-top:1px solid #d1d5db;padding-top:14px;text-align:center}.section h4.no-border-top[data-v-3fb95edb]{border-top:none;padding-top:0}.form-row[data-v-3fb95edb]{display:flex;gap:24px;margin-bottom:16px}.form-group[data-v-3fb95edb]{flex:1;display:flex;align-items:center;gap:12px}.form-group label[data-v-3fb95edb]{font-weight:700;font-size:13px;color:#070707;width:100px;margin-bottom:0}.form-group input[data-v-3fb95edb]{width:950px;padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;height:40px;box-sizing:border-box}.form-row .right-align[data-v-3fb95edb]{text-align:right}.justify-end[data-v-3fb95edb]{justify-content:flex-end}.button-row[data-v-3fb95edb]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-3fb95edb],.btn-submit[data-v-3fb95edb]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px}.btn-cancel[data-v-3fb95edb]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-3fb95edb]{background:#074a5d;color:#fff;padding-top:5px}.button-container[data-v-3fb95edb]{display:flex;justify-content:space-between;gap:10px}[data-v-3fb95edb] input::placeholder,[data-v-3fb95edb] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-3fb95edb]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-3fb95edb]{flex-direction:column}.main-content[data-v-3fb95edb]{padding:16px}.form-row[data-v-3fb95edb]{flex-direction:column;gap:12px}.form-group[data-v-3fb95edb]{flex-direction:column;align-items:flex-start;gap:6px}.form-group label[data-v-3fb95edb],.form-group input[data-v-3fb95edb]{width:100%}.btn-cancel[data-v-3fb95edb],.btn-submit[data-v-3fb95edb]{width:48%}.button-row[data-v-3fb95edb]{flex-wrap:wrap;gap:10px}.card-separator[data-v-3fb95edb]{width:100%;margin-left:0}}[data-v-2a28a0e5]{font-family:Inter,sans-serif}.layout[data-v-2a28a0e5]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-2a28a0e5]{padding:30px 20px;flex:1 1 100%;background-color:#fff;display:flex;flex-direction:column}.separator[data-v-2a28a0e5]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.form-container[data-v-2a28a0e5]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px;max-width:100%;box-sizing:border-box}.form-title[data-v-2a28a0e5]{font-size:15px;color:#074a5d;font-weight:700;margin-bottom:16px;margin-top:0;display:flex;flex-direction:column;gap:8px;width:100%}.section[data-v-2a28a0e5]{margin-bottom:35px}.section h4[data-v-2a28a0e5]{font-size:15px;font-weight:500;color:#070707;font-weight:700;margin-bottom:12px;border-top:1px solid #d1d5db;padding-top:14px;text-align:center}.section h4.no-border-top[data-v-2a28a0e5]{border-top:none;padding-top:0}.form-row[data-v-2a28a0e5]{display:flex;gap:24px;margin-bottom:16px;flex-wrap:wrap}.form-group[data-v-2a28a0e5]{flex:1 1 300px;display:flex;align-items:center;gap:12px;min-width:0}.form-group label[data-v-2a28a0e5]{font-weight:700;font-size:13px;color:#070707;width:120px;margin-bottom:0;flex-shrink:0}.form-group input[data-v-2a28a0e5]{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;height:40px;box-sizing:border-box;min-width:0}.form-row .right-align[data-v-2a28a0e5]{text-align:right}.justify-end[data-v-2a28a0e5]{justify-content:flex-end}.button-row[data-v-2a28a0e5]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-2a28a0e5],.btn-submit[data-v-2a28a0e5]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px;box-sizing:border-box}.btn-cancel[data-v-2a28a0e5]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-2a28a0e5]{background:#074a5d;color:#fff;padding-top:5px}[data-v-2a28a0e5] input::placeholder,[data-v-2a28a0e5] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-2a28a0e5]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-2a28a0e5]{flex-direction:column}.sidebar[data-v-2a28a0e5]{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;flex-direction:row;overflow-x:auto}.menu-section[data-v-2a28a0e5]{flex:1;margin-top:0}.main-content[data-v-2a28a0e5]{padding:16px 12px}.form-group label[data-v-2a28a0e5]{width:100px;font-size:12px}.button-row[data-v-2a28a0e5]{flex-direction:column;align-items:stretch}.btn-cancel[data-v-2a28a0e5],.btn-submit[data-v-2a28a0e5]{width:100%;max-width:100%}}.sidebar-footer[data-v-2a28a0e5]{display:none}[data-v-07cceccd]{font-family:Inter,sans-serif}.styled-select[data-v-07cceccd]{width:100%;padding:10px;font-size:16px;font-family:inherit;background-color:#fff;border:1px solid #ccc;border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#333}.styled-select.placeholder[data-v-07cceccd],.styled-select option[disabled][data-v-07cceccd]{color:#aaa}.container[data-v-07cceccd]{display:flex;min-height:100vh;overflow-y:auto}.password-wrapper[data-v-07cceccd]{position:relative}.toggle-password[data-v-07cceccd]{position:absolute;right:10px;top:55%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:0}.eye-icon[data-v-07cceccd]{width:20px;height:20px}.left-box[data-v-07cceccd]{width:45%;background-color:#1a4e44;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0 40px 60px;border-radius:10px;color:#fff;box-sizing:border-box;overflow:hidden;position:relative}.left-box h2[data-v-07cceccd]{font-size:35px;margin-bottom:5px}.left-box p[data-v-07cceccd]{font-size:16px;max-width:80%;line-height:1.5}.left-image[data-v-07cceccd],.left-image2[data-v-07cceccd]{width:calc(100% + 80px);margin:0 -40px;object-fit:cover;height:300px}.left-image2[data-v-07cceccd]{margin-bottom:20px;border-radius:0}.right-box[data-v-07cceccd]{width:55%;display:flex;flex-direction:column;align-items:center;padding-top:10px;overflow:hidden}.logo-wrapper[data-v-07cceccd]{display:flex;align-items:center;gap:12px;margin-left:50px;margin-bottom:40px;align-self:flex-start}.logo-image[data-v-07cceccd]{width:75px;object-fit:cover;border-radius:10px 10px 0 0;margin-left:25px}.logo-text[data-v-07cceccd]{font-family:Protest Strike,sans-serif;font-size:26px;color:#08607a}.register-container[data-v-07cceccd]{width:80%;max-width:450px;text-align:center;padding-top:100px}h2[data-v-07cceccd]{font-size:32px;margin-bottom:10px;font-weight:700}.subtitle[data-v-07cceccd]{font-size:14px;color:gray;margin-bottom:25px}.input-group[data-v-07cceccd]{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.input-group label[data-v-07cceccd]{font-size:16px;margin-bottom:5px;font-weight:700}.input-group input[data-v-07cceccd]{width:100%;padding:10px;border:1px solid #ccc;border-radius:10px}.input-group input[data-v-07cceccd]::placeholder{color:#b0b3b5;font-size:15px}.input-group input[data-v-07cceccd],.input-group select[data-v-07cceccd]{width:100%;padding:12px;font-size:15px;box-sizing:border-box}.input-group select[data-v-07cceccd]{border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#fff;font-size:15px;color:#333}.input-with-icon.full-width[data-v-07cceccd]{width:100%}.input-with-icon[data-v-07cceccd]{position:relative}.form-icon-right[data-v-07cceccd]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:.6}.input-with-icon input[data-v-07cceccd]{padding-right:40px}.signin-btn[data-v-07cceccd]{width:100%;padding:10px;background-color:#4f93af;color:#fff;border:none;border-radius:20px;cursor:pointer;margin-top:15px}.signin-btn[data-v-07cceccd]:hover{background-color:#165d52}.divider[data-v-07cceccd]{text-align:center;margin:20px 0;color:#7d7f81;font-size:14px}.signup-text[data-v-07cceccd]{font-size:14px;margin-top:10px;padding-top:10px;color:#7d7f81}.signup-text a[data-v-07cceccd]{color:#ffad54;text-decoration:none;font-weight:700}.signup-text a[data-v-07cceccd]:hover{text-decoration:underline}.success[data-v-07cceccd]{color:green;margin-top:10px}.error[data-v-07cceccd]{color:red;margin-top:10px}@media (max-width: 768px){.container[data-v-07cceccd]{flex-direction:column;padding:20px}.left-box[data-v-07cceccd]{display:none}.right-box[data-v-07cceccd]{width:100%;max-width:100%}.left-image[data-v-07cceccd],.left-image2[data-v-07cceccd]{height:150px;object-fit:cover}.left-box h2[data-v-07cceccd]{font-size:24px}.left-box p[data-v-07cceccd]{font-size:14px;max-width:100%}.logo-wrapper[data-v-07cceccd]{margin-left:0;margin-bottom:40px}.logo-image[data-v-07cceccd]{width:50px;margin-left:0}.logo-text[data-v-07cceccd]{font-size:20px}h2[data-v-07cceccd]{margin-top:2px;font-size:26px}.register-container[data-v-07cceccd]{width:100%;max-width:100%;padding:0 20px;box-sizing:border-box}.signin-container[data-v-07cceccd],.input-group input[data-v-07cceccd],.input-group select[data-v-07cceccd],.signin-btn[data-v-07cceccd]{width:100%}.signup-text[data-v-07cceccd]{font-size:13px;padding-top:10px;text-align:center}}[data-v-02b3d54b]{font-family:Inter,sans-serif}.logo-wrapper[data-v-02b3d54b]{position:absolute;top:20px;left:30px;display:flex;align-items:center;gap:12px}.logo-image[data-v-02b3d54b]{width:60px;object-fit:cover;border-radius:10px 10px 0 0}.logo-text[data-v-02b3d54b]{font-family:Protest Strike,sans-serif;font-size:26px;color:#08607a}.center-wrapper[data-v-02b3d54b]{display:flex;justify-content:center;align-items:center;min-height:100vh}.register-container[data-v-02b3d54b]{width:100%;max-width:450px;text-align:center}.confirmnik-image[data-v-02b3d54b]{width:100%;max-width:250px;margin:0 auto 5px}h2[data-v-02b3d54b]{font-size:23px;margin-bottom:10px;font-weight:700}.subtitle[data-v-02b3d54b]{font-size:14px;color:gray;margin-bottom:25px}.signin-btn[data-v-02b3d54b]{width:100%;padding:10px;background-color:#4f93af;color:#fff;border:none;border-radius:20px;cursor:pointer;margin-top:15px}.signin-btn[data-v-02b3d54b]:hover{background-color:#165d52}.error-message[data-v-02b3d54b]{color:red;margin-top:10px;font-size:14px}@media (max-width: 768px){.logo-wrapper[data-v-02b3d54b]{top:15px;left:20px;gap:8px}.logo-image[data-v-02b3d54b]{width:45px}.logo-text[data-v-02b3d54b],h2[data-v-02b3d54b]{font-size:20px}.subtitle[data-v-02b3d54b]{font-size:13px}.signin-btn[data-v-02b3d54b]{padding:10px;font-size:15px;width:300px}.error-message[data-v-02b3d54b]{font-size:13px}}[data-v-3582aa39]{font-family:Inter,sans-serif}.styled-select[data-v-3582aa39]{width:100%;padding:10px;font-size:16px;font-family:inherit;background-color:#fff;border:1px solid #ccc;border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#333}.styled-select.placeholder[data-v-3582aa39],.styled-select option[disabled][data-v-3582aa39]{color:#aaa}.container[data-v-3582aa39]{display:flex;min-height:100vh;overflow-y:auto}.password-wrapper[data-v-3582aa39]{position:relative}.toggle-password[data-v-3582aa39]{position:absolute;right:10px;top:55%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:0}.eye-icon[data-v-3582aa39]{width:20px;height:20px}.left-box[data-v-3582aa39]{width:45%;background-color:#1a4e44;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0 40px 60px;border-radius:10px;color:#fff;box-sizing:border-box;overflow:hidden;position:relative}.left-box h2[data-v-3582aa39]{font-size:35px;margin-bottom:5px}.left-box p[data-v-3582aa39]{font-size:16px;max-width:80%;line-height:1.5}.left-image[data-v-3582aa39],.left-image2[data-v-3582aa39]{width:calc(100% + 80px);margin:0 -40px;object-fit:cover;height:300px}.left-image2[data-v-3582aa39]{margin-bottom:20px;border-radius:0}.right-box[data-v-3582aa39]{width:55%;display:flex;flex-direction:column;align-items:center;padding-top:10px;overflow:hidden}.logo-wrapper[data-v-3582aa39]{display:flex;align-items:center;gap:12px;margin-left:50px;margin-bottom:40px;align-self:flex-start}.logo-image[data-v-3582aa39]{width:75px;object-fit:cover;border-radius:10px 10px 0 0;margin-left:25px}.logo-text[data-v-3582aa39]{font-family:Protest Strike,sans-serif;font-size:26px;color:#08607a}.register-container[data-v-3582aa39]{width:80%;max-width:450px;text-align:center;padding-top:70px}h2[data-v-3582aa39]{font-size:32px;margin-bottom:10px;font-weight:700}.subtitle[data-v-3582aa39]{font-size:14px;color:gray;margin-bottom:25px}.input-group[data-v-3582aa39]{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.input-group label[data-v-3582aa39]{font-size:16px;margin-bottom:5px;font-weight:700}.input-group input[data-v-3582aa39]{width:100%;padding:10px;border:1px solid #ccc;border-radius:10px}.input-group input[data-v-3582aa39]::placeholder{color:#b0b3b5;font-size:15px}.input-group input[data-v-3582aa39],.input-group select[data-v-3582aa39]{width:100%;padding:12px;font-size:15px;box-sizing:border-box}.input-group select[data-v-3582aa39]{border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#fff;font-size:15px;color:#333}.input-with-icon.full-width[data-v-3582aa39]{width:100%}.input-with-icon[data-v-3582aa39]{position:relative}.form-icon-right[data-v-3582aa39]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:.6}.input-with-icon input[data-v-3582aa39]{padding-right:40px}.signin-btn[data-v-3582aa39]{width:100%;padding:10px;background-color:#4f93af;color:#fff;border:none;border-radius:20px;cursor:pointer;margin-top:15px}.signin-btn[data-v-3582aa39]:hover{background-color:#165d52}.divider[data-v-3582aa39]{text-align:center;margin:20px 0;color:gray;font-size:14px}.social-login[data-v-3582aa39]{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.social-login[data-v-3582aa39]{display:flex;flex-direction:row;justify-content:center;gap:10px;margin-bottom:20px}.social-icon[data-v-3582aa39]{width:23px;height:23px;margin-right:10px;vertical-align:middle;flex-wrap:wrap}.apple-icon[data-v-3582aa39]{width:27px;height:23px;margin-right:5px;vertical-align:middle}.google-btn[data-v-3582aa39],.apple-btn[data-v-3582aa39]{padding:7px;border:1px solid #ccc;border-radius:20px;background-color:#fff;cursor:pointer;font-size:14px;text-align:center;width:200px}.google-btn[data-v-3582aa39]:hover,.apple-btn[data-v-3582aa39]:hover{background-color:#f1f1f1}.signup-text[data-v-3582aa39]{font-size:14px;margin-top:10px}.signup-text a[data-v-3582aa39]{color:#ffad54;text-decoration:none;font-weight:700}.signup-text a[data-v-3582aa39]:hover{text-decoration:underline}.success[data-v-3582aa39]{color:green;margin-top:10px}.error[data-v-3582aa39]{color:red;margin-top:10px}@media (max-width: 768px){.container[data-v-3582aa39]{flex-direction:column;padding:20px}.left-box[data-v-3582aa39]{display:none}.right-box[data-v-3582aa39]{width:100%;max-width:100%}.left-image[data-v-3582aa39],.left-image2[data-v-3582aa39]{height:150px}.left-box h2[data-v-3582aa39]{font-size:24px}.left-box p[data-v-3582aa39]{font-size:14px;max-width:100%}.logo-wrapper[data-v-3582aa39]{margin-left:0;margin-bottom:40px;gap:8px}.logo-image[data-v-3582aa39]{width:50px}.logo-text[data-v-3582aa39]{font-size:20px}h2[data-v-3582aa39]{margin-top:2px;font-size:27px}.signin-container[data-v-3582aa39]{width:100%}.input-group input[data-v-3582aa39],.input-group[data-v-3582aa39]{width:100%;box-sizing:border-box}.register-container[data-v-3582aa39]{width:100%;max-width:100%;padding:0 20px;box-sizing:border-box}.signin-btn[data-v-3582aa39]{width:100%}}[data-v-e0cd738e]{font-family:Inter,sans-serif}.container[data-v-e0cd738e]{display:flex;min-height:100vh;overflow-y:auto}.left-box[data-v-e0cd738e]{width:45%;background-color:#1a4e44;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0 40px 60px;border-radius:10px;color:#fff;box-sizing:border-box;overflow:hidden;position:relative}.left-box h2[data-v-e0cd738e]{font-size:35px;margin-bottom:5px}.left-box p[data-v-e0cd738e]{font-size:16px;max-width:80%;line-height:1.5}.left-image[data-v-e0cd738e],.left-image2[data-v-e0cd738e]{width:calc(100% + 80px);margin:0 -40px;object-fit:cover;height:300px}.left-image2[data-v-e0cd738e]{margin-bottom:20px;border-radius:0}.logo-wrapper[data-v-e0cd738e]{display:flex;align-items:center;gap:12px;margin-left:50px;margin-bottom:40px;align-self:flex-start}.right-box[data-v-e0cd738e]{width:55%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:10px;overflow:hidden}.logo-image[data-v-e0cd738e]{width:75px;object-fit:cover;border-radius:10px 10px 0 0;margin-left:25px}.logo-text[data-v-e0cd738e]{font-family:Protest Strike,sans-serif;font-size:26px;color:#08607a}.register-container[data-v-e0cd738e]{width:80%;max-width:450px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:100px}h2[data-v-e0cd738e]{font-size:32px;margin-bottom:10px}.subtitle[data-v-e0cd738e]{font-size:14px;color:gray}.verification-label[data-v-e0cd738e]{font-weight:700;font-size:20px}.token-input-wrapper[data-v-e0cd738e]{display:flex;gap:16px;justify-content:center;margin:30px 0}.token-underline[data-v-e0cd738e]{width:40px;font-size:24px;text-align:center;border:none;border-bottom:2px solid #ccc;outline:none;background:transparent;transition:border-color .3s}.token-underline[data-v-e0cd738e]:focus{border-bottom:2px solid #08607A}.signin-btn[data-v-e0cd738e]{width:100%;padding:15px;background-color:#4f93af;color:#fff;border:none;border-radius:20px;cursor:pointer;margin-top:15px;transition:background-color .3s}.signin-btn[data-v-e0cd738e]:hover{background-color:#165d52}.signin-btn[data-v-e0cd738e]:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 1024px){.container[data-v-e0cd738e]{flex-direction:column;padding:20px}.left-box[data-v-e0cd738e],.right-box[data-v-e0cd738e]{width:100%;max-width:100%}.left-image[data-v-e0cd738e],.left-image2[data-v-e0cd738e]{height:280px}.logo-wrapper[data-v-e0cd738e]{margin-left:0;margin-bottom:40px}}[data-v-3daa89a1]{font-family:Inter,sans-serif}.layout[data-v-3daa89a1]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-3daa89a1]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-3daa89a1]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.quick-menu[data-v-3daa89a1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px}.menu-card[data-v-3daa89a1]{background-color:#4f93af;padding:20px;border-radius:12px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:5px;font-weight:500;color:#fff;font-weight:700;box-shadow:0 4px 8px #0000001a;transition:box-shadow .2s,background-color .2s}.menu-card[data-v-3daa89a1]:hover{background-color:#08607a}.menu-card[data-v-3daa89a1]:active{background-color:#08607a;box-shadow:0 6px 12px #0003}.menu-card .icon-wrapper[data-v-3daa89a1]{display:flex;justify-content:center;align-items:center;margin-left:15px}.menu-card p[data-v-3daa89a1]{color:#fff;font-size:20px;font-weight:600;margin:0;line-height:2.5;text-align:center}.title-wrapper[data-v-3daa89a1]{flex:1;display:flex;justify-content:center}.icon[data-v-3daa89a1]{width:35px;height:35px;object-fit:cover}.icon path[data-v-3daa89a1]{fill:#fff}.date-box[data-v-3daa89a1]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e0e0e0;border-radius:10px;font-family:Inter,sans-serif;font-size:13px;font-weight:800;color:#333436;background-color:#fff}@media (max-width: 768px){.layout[data-v-3daa89a1]{flex-direction:column}.sidebar[data-v-3daa89a1]{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch}.menu-section[data-v-3daa89a1]{flex:1;margin-top:0}.main-content[data-v-3daa89a1]{padding:16px;width:100%;box-sizing:border-box}.quick-menu[data-v-3daa89a1]{grid-template-columns:1fr!important;gap:12px}.menu-card[data-v-3daa89a1]{padding:16px;font-size:16px;gap:10px}.menu-card .icon-wrapper[data-v-3daa89a1]{margin-left:10px}.menu-card p[data-v-3daa89a1]{text-align:left;font-size:16px}.title-wrapper[data-v-3daa89a1]{justify-content:flex-start}.sidebar-footer[data-v-3daa89a1]{display:none}}[data-v-edbafbb0]{font-family:Inter,sans-serif}.layout[data-v-edbafbb0]{display:flex;height:100vh;background-color:#f7f7f7}.main-content[data-v-edbafbb0]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-edbafbb0]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.container[data-v-edbafbb0]{padding-bottom:3rem}.filters[data-v-edbafbb0]{display:flex;flex-direction:column;gap:16px;width:100%}.dropdown-group[data-v-edbafbb0]{display:flex;gap:16px;width:100%}.custom-dropdown[data-v-edbafbb0]{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;flex:1;position:relative}.custom-dropdown .icon[data-v-edbafbb0]{width:20px;height:20px}.dropdown-label[data-v-edbafbb0]{flex:1;color:#5a5a5a;font-size:14px}.dropdown-options[data-v-edbafbb0]{position:absolute;top:100%;left:0;z-index:100;width:100%;margin:4px 0 0;padding:0;border:1px solid #ccc;border-radius:6px;list-style:none;background-color:#fff}.dropdown-options li[data-v-edbafbb0]{padding:8px 12px;cursor:pointer;color:#5a5a5a;font-size:14px}.dropdown-options li[data-v-edbafbb0]:hover{background-color:#f5f5f5}.select-with-icon[data-v-edbafbb0]{position:relative}.arrow-icon[data-v-edbafbb0]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px}.table-container[data-v-edbafbb0]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-edbafbb0]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}.table-header h3[data-v-edbafbb0]{font-size:13px;color:#111216;font-weight:700}.table-header .add-button[data-v-edbafbb0]{font-size:13px;color:#074a5d;font-weight:700}.separator1[data-v-edbafbb0]{border-bottom:1px solid #e5e7eb;margin:30px 0 10px}.add-button[data-v-edbafbb0]{background-color:transparent;text-decoration:none;color:#06c;border:none;font-weight:700;cursor:pointer}table[data-v-edbafbb0]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-edbafbb0]{background-color:#f9f9f9}th[data-v-edbafbb0],td[data-v-edbafbb0]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-edbafbb0]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-edbafbb0]:first-child,td[data-v-edbafbb0]:first-child{width:50px;border-right:1px solid #ccc}th[data-v-edbafbb0]:nth-child(n+2),td[data-v-edbafbb0]:nth-child(n+2){width:1fr}.aksi button[data-v-edbafbb0]{background:none;border:none;margin-right:5px;font-size:16px;cursor:pointer}.aksi button img[data-v-edbafbb0]{width:20px;height:20px;object-fit:contain}.aksi button[data-v-edbafbb0]:not(:last-child){border-right:1px solid #ccc}.aksi button[data-v-edbafbb0]:last-child{margin-right:0}.aksi button[data-v-edbafbb0]:hover{opacity:.7}.input-wrapper[data-v-edbafbb0]{position:relative;display:flex;flex:1}.search-icon[data-v-edbafbb0]{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:20px;height:20px}input[type=text][data-v-edbafbb0]{padding-left:40px;width:100%;height:40px;font-size:14px;border:1px solid #e0e0e0;color:#7d7f81;border-radius:6px}@media (max-width: 768px){table[data-v-edbafbb0],thead[data-v-edbafbb0],tbody[data-v-edbafbb0],th[data-v-edbafbb0],td[data-v-edbafbb0],tr[data-v-edbafbb0]{display:block;border:none}thead[data-v-edbafbb0]{display:none}tr[data-v-edbafbb0]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#fff}td[data-v-edbafbb0]{position:relative;padding-left:45%;text-align:left;border-bottom:1px solid #eee;font-size:14px;display:flex;align-items:center;min-height:48px;box-sizing:border-box}td[data-v-edbafbb0]:first-child{border-right:1px solid #ffffff;padding-right:155px}td[data-v-edbafbb0]:before{position:absolute;top:10px;left:16px;width:40%;padding-right:10px;white-space:normal;font-weight:600;color:#555;content:attr(data-label);text-align:left}td[data-v-edbafbb0]:last-child{border-bottom:none}.table-header[data-v-edbafbb0]{flex-direction:column;align-items:stretch;text-align:center;gap:10px}.table-header .add-button[data-v-edbafbb0]{align-self:center;margin-bottom:0}.info-grid[data-v-edbafbb0]{grid-template-columns:repeat(2,1fr);gap:30px 20px}.layout[data-v-edbafbb0]{flex-direction:column}.main-content[data-v-edbafbb0]{padding:16px}.input-wrapper[data-v-edbafbb0]{width:100%}.input-wrapper input[data-v-edbafbb0]{width:100%;font-size:14px}.dropdown-group[data-v-edbafbb0]{flex-direction:column}}[data-v-4468a506]{font-family:Inter,sans-serif}.layout[data-v-4468a506]{display:flex;height:100vh;background-color:#f7f7f7}.main-content[data-v-4468a506]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-4468a506]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-4468a506]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-4468a506]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-4468a506]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-4468a506]{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:8px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s}.notif-btn[data-v-4468a506]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-4468a506]{width:20px;height:16px}.top-right[data-v-4468a506]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-4468a506]{width:30px;height:30px;border-radius:50%;object-fit:cover}.form-container[data-v-4468a506]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-4468a506]{font-size:15px;color:#074a5d;font-weight:700;margin-bottom:16px;margin-top:0;display:flex;flex-direction:column;gap:8px;width:100%}.section[data-v-4468a506]{margin-bottom:35px}.section h4[data-v-4468a506]{font-size:15px;font-weight:500;color:#070707;font-weight:700;margin-bottom:12px;border-top:1px solid #d1d5db;padding-top:14px;text-align:center}.section h4.no-border-top[data-v-4468a506]{border-top:none;padding-top:0}.form-row[data-v-4468a506]{display:grid;justify-content:flex-end;grid-template-columns:150px 1fr 150px 1fr;gap:16px;width:100%;margin-bottom:16px;align-items:center}.form-row input[data-v-4468a506],.form-row select[data-v-4468a506]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-4468a506]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-4468a506]{text-align:right}.justify-end[data-v-4468a506]{justify-content:flex-end}.button-row[data-v-4468a506]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-4468a506],.btn-submit[data-v-4468a506]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px}.btn-cancel[data-v-4468a506]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-4468a506]{background:#074a5d;color:#fff}.button-container[data-v-4468a506]{display:flex;justify-content:space-between;gap:10px}[data-v-4468a506] input::placeholder,[data-v-4468a506] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-4468a506]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.form-row[data-v-4468a506]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-row label[data-v-4468a506]{text-align:left!important;width:100%}.btn-cancel[data-v-4468a506],.btn-submit[data-v-4468a506]{width:100%}.button-row[data-v-4468a506]{flex-direction:column;align-items:stretch;gap:10px}}[data-v-df673f4d]{font-family:Inter,sans-serif}.layout[data-v-df673f4d]{display:flex;height:100vh;background-color:#f7f7f7}.main-content[data-v-df673f4d]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-df673f4d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-df673f4d]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-df673f4d]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-df673f4d]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-df673f4d]{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:8px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s}.notif-btn[data-v-df673f4d]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-df673f4d]{width:20px;height:16px}.top-right[data-v-df673f4d]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-df673f4d]{width:30px;height:30px;border-radius:50%;object-fit:cover}.form-container[data-v-df673f4d]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-df673f4d]{font-size:15px;color:#074a5d;font-weight:700;margin-bottom:16px;margin-top:0;display:flex;flex-direction:column;gap:8px;width:100%}.section[data-v-df673f4d]{margin-bottom:35px}.section h4[data-v-df673f4d]{font-size:15px;font-weight:500;color:#070707;font-weight:700;margin-bottom:12px;border-top:1px solid #d1d5db;padding-top:14px;text-align:center}.section h4.no-border-top[data-v-df673f4d]{border-top:none;padding-top:0}.form-row[data-v-df673f4d]{display:grid;justify-content:flex-end;grid-template-columns:150px 1fr 150px 1fr;gap:16px;width:100%;margin-bottom:16px;align-items:center}.form-row input[data-v-df673f4d],.form-row select[data-v-df673f4d]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-df673f4d]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-df673f4d]{text-align:right}.justify-end[data-v-df673f4d]{justify-content:flex-end}.button-row[data-v-df673f4d]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-df673f4d],.btn-submit[data-v-df673f4d]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px}.btn-cancel[data-v-df673f4d]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-df673f4d]{background:#074a5d;color:#fff}.button-container[data-v-df673f4d]{display:flex;justify-content:space-between;gap:10px}[data-v-df673f4d] input::placeholder,[data-v-df673f4d] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-df673f4d]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.form-row[data-v-df673f4d]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-row label[data-v-df673f4d]{text-align:left!important;width:100%}.btn-cancel[data-v-df673f4d],.btn-submit[data-v-df673f4d]{width:100%}.button-row[data-v-df673f4d]{flex-direction:column;align-items:stretch;gap:10px}}[data-v-26268ebf]{font-family:Inter,sans-serif}.layout[data-v-26268ebf]{display:flex;height:100vh;background-color:#f7f7f7}.main-content[data-v-26268ebf]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-26268ebf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-26268ebf]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-26268ebf]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-26268ebf]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-26268ebf]{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:8px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s}.notif-btn[data-v-26268ebf]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-26268ebf]{width:20px;height:16px}.top-right[data-v-26268ebf]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-26268ebf]{width:30px;height:30px;border-radius:50%;object-fit:cover}.form-container[data-v-26268ebf]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-26268ebf]{font-size:15px;color:#074a5d;font-weight:700;margin-bottom:16px;margin-top:0;display:flex;flex-direction:column;gap:8px;width:100%}.section[data-v-26268ebf]{margin-bottom:35px}.section h4[data-v-26268ebf]{font-size:15px;font-weight:500;color:#070707;font-weight:700;margin-bottom:12px;border-top:1px solid #d1d5db;padding-top:14px;text-align:center}.section h4.no-border-top[data-v-26268ebf]{border-top:none;padding-top:0}.form-row[data-v-26268ebf]{display:grid;justify-content:flex-end;grid-template-columns:150px 1fr 150px 1fr;gap:16px;width:100%;margin-bottom:16px;align-items:center}.form-row input[data-v-26268ebf],.form-row select[data-v-26268ebf]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-26268ebf]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-26268ebf]{text-align:right}.justify-end[data-v-26268ebf]{justify-content:flex-end}.button-row[data-v-26268ebf]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-26268ebf],.btn-submit[data-v-26268ebf]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px}.btn-cancel[data-v-26268ebf]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-26268ebf]{background:#074a5d;color:#fff}.button-container[data-v-26268ebf]{display:flex;justify-content:space-between;gap:10px}[data-v-26268ebf] input::placeholder,[data-v-26268ebf] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-26268ebf]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.form-row[data-v-26268ebf]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-row label[data-v-26268ebf]{text-align:left!important;width:100%}.btn-cancel[data-v-26268ebf],.btn-submit[data-v-26268ebf]{width:100%}.button-row[data-v-26268ebf]{flex-direction:column;align-items:stretch;gap:10px}}[data-v-c2b5b794]{font-family:Inter,sans-serif}.layout[data-v-c2b5b794]{display:flex;height:100vh;background-color:#f7f7f7}.main-content[data-v-c2b5b794]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-c2b5b794]{border-bottom:1px solid #e5e7eb;margin:20px 0}.table-container[data-v-c2b5b794]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-c2b5b794]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}.table-header h3[data-v-c2b5b794]{font-size:13px;color:#111216;font-weight:700}.table-header .add-button[data-v-c2b5b794]{font-size:13px;color:#074a5d;font-weight:700;text-decoration:none}table[data-v-c2b5b794]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-c2b5b794]{background-color:#f9f9f9}th[data-v-c2b5b794],td[data-v-c2b5b794]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-c2b5b794]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-c2b5b794]:last-child,td[data-v-c2b5b794]:last-child{border-right:none}th[data-v-c2b5b794]:first-child,td[data-v-c2b5b794]:first-child{width:50px}th[data-v-c2b5b794]:nth-child(n+2),td[data-v-c2b5b794]:nth-child(n+2){width:1fr}@media (max-width: 768px){table[data-v-c2b5b794],thead[data-v-c2b5b794],tbody[data-v-c2b5b794],th[data-v-c2b5b794],td[data-v-c2b5b794],tr[data-v-c2b5b794]{display:block;border:none}thead[data-v-c2b5b794]{display:none}.table-container[data-v-c2b5b794]{border:none;box-shadow:none}tr[data-v-c2b5b794]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px}td[data-v-c2b5b794]{text-align:left;position:relative;border-bottom:1px solid #eee}td[data-v-c2b5b794]:before{content:attr(data-label);position:absolute;left:16px;width:45%;padding-left:10px;font-weight:700;text-align:left;color:#fff}.table-header[data-v-c2b5b794]{border-bottom:none}td[data-v-c2b5b794]:last-child{border-bottom:none}}.posko-container[data-v-802da8e8]{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;background-color:#fff}.main-content[data-v-802da8e8]{display:flex;flex:1}.content-wrapper[data-v-802da8e8]{flex:1;padding:0 24px;overflow-x:auto}.page-title[data-v-802da8e8]{font-size:20px;font-weight:600;color:#1e293b;padding-bottom:18px;margin-bottom:24px;margin-top:24px;border-bottom:1px solid #edf2f7}.search-bar[data-v-802da8e8]{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #edf2f7;width:100%}.search-input[data-v-802da8e8]{position:relative;width:100%;max-width:100%;box-sizing:border-box}.search-input input[data-v-802da8e8]{width:100%;padding:15px 16px 15px 40px;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;transition:border-color .2s;box-sizing:border-box}.search-input input[data-v-802da8e8]:focus{outline:none;border-color:#3b82f6}.search-icon[data-v-802da8e8]{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:.6}.table-container[data-v-802da8e8]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.aksi button[data-v-802da8e8]{background:none;border:none;margin-right:5px;font-size:16px;cursor:pointer}.aksi button img[data-v-802da8e8]{width:20px;height:20px;object-fit:contain}.aksi button[data-v-802da8e8]:not(:last-child){border-right:1px solid #ccc}.aksi button[data-v-802da8e8]:last-child{margin-right:0}.aksi button[data-v-802da8e8]:hover{opacity:.7}.table-header[data-v-802da8e8]{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}.table-header h2[data-v-802da8e8]{font-size:13px;color:#111216;font-weight:700;flex:1}.table-header .add-btn[data-v-802da8e8]{font-size:13px;color:#074a5d;font-weight:700;white-space:nowrap}.separator1[data-v-802da8e8]{border-bottom:1px solid #e5e7eb;margin:30px 0 10px}.add-btn[data-v-802da8e8]{background-color:transparent;text-decoration:none;color:#06c;border:none;font-weight:700;cursor:pointer}table[data-v-802da8e8]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-802da8e8]{background-color:#f9f9f9}th[data-v-802da8e8],td[data-v-802da8e8]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-802da8e8]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-802da8e8]:last-child,td[data-v-802da8e8]:last-child{border-right:none}th[data-v-802da8e8]:first-child,td[data-v-802da8e8]:first-child{width:50px}th[data-v-802da8e8]:nth-child(n+2),td[data-v-802da8e8]:nth-child(n+2){width:1fr}@media (max-width: 768px){.search-input input[data-v-802da8e8]{width:100%;padding:12px 16px 12px 40px}table[data-v-802da8e8],thead[data-v-802da8e8],tbody[data-v-802da8e8],th[data-v-802da8e8],td[data-v-802da8e8],tr[data-v-802da8e8]{display:block;border:none}td[data-v-802da8e8]:first-child{padding-right:150px}thead[data-v-802da8e8]{display:none}tr[data-v-802da8e8]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#fff}td[data-v-802da8e8]{position:relative;padding-left:45%;text-align:left;border-bottom:1px solid #eee;font-size:14px;display:flex;align-items:center;min-height:48px;box-sizing:border-box}td[data-v-802da8e8]:before{position:absolute;top:50%;left:16px;transform:translateY(-50%);width:40%;padding-right:10px;white-space:normal;font-weight:600;color:#555;content:attr(data-label)}td[data-v-802da8e8]:last-child{border-bottom:none}.table-header[data-v-802da8e8]{flex-direction:column;align-items:stretch;text-align:center;gap:10px}.dropdown-group[data-v-802da8e8]{flex-direction:column}}.posko-container[data-v-586a1681]{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;background-color:#fff}.main-content[data-v-586a1681]{display:flex;flex:1}.content-wrapper[data-v-586a1681]{flex:1;padding:0 24px}.page-title[data-v-586a1681]{font-size:20px;font-weight:600;color:#1e293b;margin:24px 0;padding-bottom:18px;border-bottom:1px solid #edf2f7}.container[data-v-586a1681]{border-radius:12px;border:1px solid #e5e5e5;width:100%;background-color:#fff}.head-name[data-v-586a1681]{color:#111216;padding:16px;border-bottom:1px solid #e5e5e5;font:600 14px Inter,sans-serif}.sub-name[data-v-586a1681]{font-size:14px;text-align:center;padding:8px}.form-group[data-v-586a1681]{display:flex;padding:12px 54px;font:600 14px Inter,sans-serif;flex-wrap:nowrap}label[data-v-586a1681]{margin-bottom:6px;width:300px;flex-shrink:0}input[data-v-586a1681],select[data-v-586a1681]{padding:10px 17px;border:1px solid #e5e5e5;border-radius:10px;flex:1;padding:.8rem;min-width:0}.btn-add[data-v-586a1681]{display:flex;justify-content:space-between;padding:20px 54px!important;align-items:center}.left-btn[data-v-586a1681],.right-btn[data-v-586a1681]{flex:0 0 auto}.left-btn[data-v-586a1681]{font-size:16px;font-weight:400;border-radius:90px;background-color:transparent;cursor:pointer;border:2px solid #08607a;color:#08607a;padding:10px 20px}.right-btn[data-v-586a1681]{font-size:16px;font-weight:400;border-radius:90px;background-color:#08607a;color:#fff;cursor:pointer;padding:11px 20px;border:none}@media screen and (max-width: 768px){.form-group[data-v-586a1681]{flex-direction:column;padding:12px 16px;gap:.75rem}label[data-v-586a1681]{width:100%;margin-bottom:6px}select[data-v-586a1681]{width:100%;flex:unset;min-width:auto}.btn-add[data-v-586a1681]{flex-direction:column;padding:20px 16px!important;gap:12px;align-items:stretch}.left-btn[data-v-586a1681],.right-btn[data-v-586a1681]{flex:unset;width:100%}.left-btn button[data-v-586a1681],.right-btn button[data-v-586a1681]{width:100%;font-size:14px;padding:12px 0}}.posko-container[data-v-42482358]{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;background-color:#fff}.main-content[data-v-42482358]{display:flex;flex:1}.content-wrapper[data-v-42482358]{flex:1;padding:0 24px}.page-title[data-v-42482358]{font-size:20px;font-weight:600;color:#1e293b;margin:24px 0;padding-bottom:18px;border-bottom:1px solid #edf2f7}.container[data-v-42482358]{border-radius:12px;border:1px solid #e5e5e5;width:100%;background-color:#fff}.head-name[data-v-42482358]{color:#111216;padding:16px;border-bottom:1px solid #e5e5e5;font:600 14px Inter,sans-serif}.sub-name[data-v-42482358]{font-size:14px;text-align:center;padding:8px}.form-group[data-v-42482358]{display:flex;padding:12px 54px;font:600 14px Inter,sans-serif;flex-wrap:nowrap}label[data-v-42482358]{margin-bottom:6px;width:300px;flex-shrink:0}input[data-v-42482358],select[data-v-42482358]{padding:10px 17px;border:1px solid #e5e5e5;border-radius:10px;flex:1;padding:.8rem;min-width:0}.btn-add[data-v-42482358]{display:flex;justify-content:space-between;padding:20px 54px!important;align-items:center}.left-btn[data-v-42482358],.right-btn[data-v-42482358]{flex:0 0 auto}.left-btn[data-v-42482358]{font-size:16px;font-weight:400;border-radius:90px;background-color:transparent;cursor:pointer;border:2px solid #08607a;color:#08607a;padding:10px 20px}.right-btn[data-v-42482358]{font-size:16px;font-weight:400;border-radius:90px;background-color:#08607a;color:#fff;cursor:pointer;padding:11px 20px;border:none}@media screen and (max-width: 768px){.form-group[data-v-42482358]{flex-direction:column;padding:12px 16px;gap:.75rem}label[data-v-42482358]{width:100%;margin-bottom:6px}select[data-v-42482358]{width:100%;flex:unset;min-width:auto}.btn-add[data-v-42482358]{flex-direction:column;padding:20px 16px!important;gap:12px;align-items:stretch}.left-btn[data-v-42482358],.right-btn[data-v-42482358]{flex:unset;width:100%}.left-btn button[data-v-42482358],.right-btn button[data-v-42482358]{width:100%;font-size:14px;padding:12px 0}}[data-v-d703fa85],[data-v-d703fa85]:before,[data-v-d703fa85]:after{box-sizing:border-box}body[data-v-d703fa85]{font-family:Inter,sans-serif;margin:0;padding:0;background-color:#fff}.posko-container[data-v-d703fa85]{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;background-color:#fff}.main-content[data-v-d703fa85]{display:flex;flex:1}.content-wrapper[data-v-d703fa85]{flex:1;padding:0 24px}.page-title[data-v-d703fa85]{font-size:20px;font-weight:600;color:#1e293b;margin:24px 0;padding-bottom:18px;border-bottom:1px solid #edf2f7}.container[data-v-d703fa85]{border-radius:12px;border:1px solid #e5e5e5;width:100%;background-color:#fff}.head-name[data-v-d703fa85]{color:#111216;padding:16px;border-bottom:1px solid #e5e5e5;font:600 14px Inter,sans-serif}.sub-name[data-v-d703fa85]{font-size:14px;text-align:center;padding:8px}.form-group[data-v-d703fa85]{display:flex;padding:12px 54px;font:600 14px Inter,sans-serif;gap:3rem;flex-wrap:nowrap}label[data-v-d703fa85]{margin-bottom:6px;width:300px;flex-shrink:0}input[data-v-d703fa85],select[data-v-d703fa85]{padding:10px 17px;border:1px solid #e5e5e5;border-radius:10px;flex:1;padding:.8rem;min-width:0}.btn-add[data-v-d703fa85]{display:flex;justify-content:space-between;padding:20px 54px!important;align-items:center}.left-btn[data-v-d703fa85],.right-btn[data-v-d703fa85]{flex:0 0 auto}.left-btn[data-v-d703fa85]{font-size:16px;font-weight:400;border-radius:90px;background-color:transparent;cursor:pointer;border:2px solid #08607a;color:#08607a;padding:10px 20px}.right-btn[data-v-d703fa85]{font-size:16px;font-weight:400;border-radius:90px;background-color:#08607a;color:#fff;cursor:pointer;padding:11px 20px;border:none}@media screen and (max-width: 768px){.form-group[data-v-d703fa85]{flex-direction:column;padding:12px 16px;gap:.75rem}label[data-v-d703fa85]{width:100%;margin-bottom:6px}select[data-v-d703fa85]{width:100%;flex:unset;min-width:auto}.btn-add[data-v-d703fa85]{flex-direction:column;padding:20px 16px!important;gap:12px;align-items:stretch}.left-btn[data-v-d703fa85],.right-btn[data-v-d703fa85]{flex:unset;width:100%}.left-btn button[data-v-d703fa85],.right-btn button[data-v-d703fa85]{width:100%;font-size:14px;padding:12px 0}}[data-v-605fa481]{font-family:Inter,sans-serif}.layout[data-v-605fa481]{display:flex;height:100vh;background-color:#f7f7f7}.main-content[data-v-605fa481]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.container[data-v-605fa481]{padding-bottom:3rem}.separator[data-v-605fa481]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.table-container[data-v-605fa481]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-605fa481]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}.table-header h3[data-v-605fa481]{font-size:13px;color:#111216;font-weight:700}.table-header .add-button[data-v-605fa481]{font-size:13px;color:#074a5d;font-weight:700}.separator1[data-v-605fa481]{border-bottom:1px solid #e5e7eb;margin:30px 0 10px}.add-button[data-v-605fa481]{background-color:transparent;text-decoration:none;color:#06c;border:none;font-weight:700;cursor:pointer}table[data-v-605fa481]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-605fa481]{background-color:#f9f9f9}th[data-v-605fa481],td[data-v-605fa481]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-605fa481]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-605fa481]:last-child,td[data-v-605fa481]:last-child{border-right:none}th[data-v-605fa481]:first-child,td[data-v-605fa481]:first-child{width:50px}th[data-v-605fa481]:nth-child(n+2),td[data-v-605fa481]:nth-child(n+2){width:1fr}.aksi button[data-v-605fa481]{background:none;border:none;margin-right:5px;font-size:16px;cursor:pointer}.aksi button img[data-v-605fa481]{width:20px;height:20px;object-fit:contain}.aksi button[data-v-605fa481]:not(:last-child){border-right:1px solid #ccc}.aksi button[data-v-605fa481]:last-child{margin-right:0}.aksi button[data-v-605fa481]:hover{opacity:.7}.pagination-controls[data-v-605fa481]{display:flex;align-items:center;gap:12px;margin:16px}.pagination-controls button[data-v-605fa481]{padding:6px 12px;background-color:#074a5d;color:#fff;border:none;border-radius:4px;cursor:pointer}.pagination-controls button[data-v-605fa481]:disabled{background-color:#bdc3c7;cursor:not-allowed}@media (max-width: 768px){table[data-v-605fa481],thead[data-v-605fa481],tbody[data-v-605fa481],th[data-v-605fa481],td[data-v-605fa481],tr[data-v-605fa481]{display:block;border:none}thead[data-v-605fa481]{display:none}.table-container[data-v-605fa481]{border:none;box-shadow:none}tr[data-v-605fa481]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px}td[data-v-605fa481]{text-align:left;position:relative;border-bottom:1px solid #eee}td[data-v-605fa481]:before{content:attr(data-label);position:absolute;left:16px;width:45%;padding-left:10px;font-weight:700;text-align:left;color:#fff}.table-header[data-v-605fa481]{border-bottom:none}td[data-v-605fa481]:last-child{border-bottom:none}}[data-v-93d587a0]{font-family:Inter,sans-serif}.layout[data-v-93d587a0]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-93d587a0]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-93d587a0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-93d587a0]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-93d587a0]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-93d587a0]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-93d587a0]{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;padding:8px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s}.notif-btn[data-v-93d587a0]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-93d587a0]{width:20px;height:16px}.top-right[data-v-93d587a0]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-93d587a0]{width:30px;height:30px;border-radius:50%;object-fit:cover}.form-container[data-v-93d587a0]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-93d587a0]{font-size:15px;color:#074a5d;font-weight:700;margin-bottom:16px;margin-top:0;display:flex;flex-direction:column;gap:8px;width:100%}.section[data-v-93d587a0]{margin:35px}.section h4[data-v-93d587a0]{font-size:15px;font-weight:500;color:#070707;text-align:center}.section h4.no-border-top[data-v-93d587a0]{border-top:none;padding-bottom:12px}.time-range[data-v-93d587a0]{display:flex;align-items:center;gap:10px}.time-range input[data-v-93d587a0]{width:100px}.form-row[data-v-93d587a0]{display:flex;gap:20px;margin-bottom:16px;align-items:center}.form-row label[data-v-93d587a0]{min-width:150px;margin-right:8px}.form-row textarea[data-v-93d587a0]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;height:auto;resize:vertical;box-sizing:border-box;font-family:inherit;font-size:14px}.form-row input[data-v-93d587a0],.form-row select[data-v-93d587a0]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-93d587a0]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-93d587a0]{text-align:right}.justify-end[data-v-93d587a0]{justify-content:flex-end}.button-row[data-v-93d587a0]{display:flex;justify-content:space-between;gap:10px;width:100%;border-top:1px solid #edf2f7;padding-top:35px}.btn-cancel[data-v-93d587a0],.btn-submit[data-v-93d587a0]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;height:40px}.btn-cancel[data-v-93d587a0]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-93d587a0]{background:#074a5d;color:#fff}.button-container[data-v-93d587a0]{display:flex;justify-content:space-between;gap:10px}[data-v-93d587a0] input::placeholder,[data-v-93d587a0] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-93d587a0]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-93d587a0]{flex-direction:column}.menu-section[data-v-93d587a0]{flex:1;margin-top:0}.form-row[data-v-93d587a0]{display:flex;margin-bottom:20px;gap:1rem}.form-row label[data-v-93d587a0]{min-width:60px}.section[data-v-93d587a0]{margin:20px}.button-row[data-v-93d587a0]{flex-direction:column;align-items:center;gap:1rem;align-items:stretch;width:100%}.section[data-v-93d587a0]{margin:0}}[data-v-fcd59e25]{font-family:Inter,sans-serif}.layout[data-v-fcd59e25]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-fcd59e25]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-fcd59e25]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-fcd59e25]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.form-container[data-v-fcd59e25]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-fcd59e25]{font-size:15px;color:#074a5d;font-weight:700;margin-bottom:16px;margin-top:0;display:flex;flex-direction:column;gap:8px;width:100%}.section[data-v-fcd59e25]{margin:35px}.section h4[data-v-fcd59e25]{font-size:15px;font-weight:500;color:#070707;text-align:center}.section h4.no-border-top[data-v-fcd59e25]{border-top:none;padding-bottom:12px}.time-range[data-v-fcd59e25]{display:flex;align-items:center;gap:10px}.time-range input[data-v-fcd59e25]{width:100px}.form-row[data-v-fcd59e25]{display:flex;gap:20px;margin-bottom:16px;align-items:center}.form-row label[data-v-fcd59e25]{min-width:150px;margin-right:8px}.form-row textarea[data-v-fcd59e25]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;height:auto;resize:vertical;box-sizing:border-box;font-family:inherit;font-size:14px}.form-row input[data-v-fcd59e25],.form-row select[data-v-fcd59e25]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-fcd59e25]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-fcd59e25]{text-align:right}.justify-end[data-v-fcd59e25]{justify-content:flex-end}.button-row[data-v-fcd59e25]{display:flex;justify-content:space-between;border-top:1px solid #edf2f7;padding-top:35px}.btn-cancel[data-v-fcd59e25],.btn-submit[data-v-fcd59e25]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;height:40px}.btn-cancel[data-v-fcd59e25]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-fcd59e25]{background:#074a5d;color:#fff}.button-container[data-v-fcd59e25]{display:flex;justify-content:space-between;gap:10px}[data-v-fcd59e25] input::placeholder,[data-v-fcd59e25] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-fcd59e25]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-fcd59e25]{flex-direction:column}.menu-section[data-v-fcd59e25]{flex:1;margin-top:0}.form-row[data-v-fcd59e25]{display:flex;margin-bottom:20px;gap:1rem}.form-row label[data-v-fcd59e25]{min-width:60px}.section[data-v-fcd59e25]{margin:20px}.button-row[data-v-fcd59e25]{flex-direction:column;align-items:center;gap:1rem;align-items:stretch;width:100%}.section[data-v-fcd59e25]{margin:0}}[data-v-eeddcf6d]{font-family:Inter,sans-serif}.layout[data-v-eeddcf6d]{display:flex;height:100vh;background-color:#f7f7f7}.table-header[data-v-eeddcf6d]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}.table-header h3[data-v-eeddcf6d]{font-size:15px;color:#111216;font-weight:700}.table-header .add-button[data-v-eeddcf6d]{font-size:15px;color:#074a5d;font-weight:700}.add-button[data-v-eeddcf6d]{background-color:transparent;text-decoration:none;color:#06c;border:none;font-weight:700;cursor:pointer}.layout[data-v-eeddcf6d]{display:flex;min-height:50vh;background-color:#f7f7f7}.form-container[data-v-eeddcf6d]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.main-content[data-v-eeddcf6d]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-eeddcf6d]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.container[data-v-eeddcf6d]{min-height:30vh}.table-container[data-v-eeddcf6d]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.form-title[data-v-eeddcf6d]{font-size:15px;color:#074a5d;font-weight:700;margin-bottom:16px;margin-top:0;display:flex;flex-direction:column;gap:8px;width:100%}.section[data-v-eeddcf6d]{margin:35px}.section h4[data-v-eeddcf6d]{font-size:15px;font-weight:500;color:#070707;text-align:center}.section h4.no-border-top[data-v-eeddcf6d]{border-top:none;padding-bottom:12px}.time-range[data-v-eeddcf6d]{display:flex;align-items:center;gap:10px}.time-range input[data-v-eeddcf6d]{width:100px}.form-row[data-v-eeddcf6d]{display:flex;gap:20px;margin-bottom:16px;align-items:center}.form-row label[data-v-eeddcf6d]{min-width:150px;margin-right:8px}.form-row textarea[data-v-eeddcf6d]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;height:auto;resize:vertical;box-sizing:border-box;font-family:inherit;font-size:14px}.form-row input[data-v-eeddcf6d],.form-row select[data-v-eeddcf6d]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-eeddcf6d]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-eeddcf6d]{text-align:right}.justify-end[data-v-eeddcf6d]{justify-content:flex-end}[data-v-eeddcf6d] input::placeholder,[data-v-eeddcf6d] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-eeddcf6d]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-eeddcf6d]{flex-direction:column}.menu-section[data-v-eeddcf6d]{flex:1;margin-top:0}.form-row[data-v-eeddcf6d]{display:flex;margin-bottom:20px;gap:1rem}.form-row label[data-v-eeddcf6d]{min-width:60px}.section[data-v-eeddcf6d]{margin:20px}.button-row[data-v-eeddcf6d]{flex-direction:column;align-items:center;gap:1rem;align-items:stretch;width:100%}.section[data-v-eeddcf6d]{margin:0}}table[data-v-eeddcf6d]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-eeddcf6d]{background-color:#f9f9f9}th[data-v-eeddcf6d],td[data-v-eeddcf6d]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-eeddcf6d]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-eeddcf6d]:last-child,td[data-v-eeddcf6d]:last-child{border-right:none}th[data-v-eeddcf6d]:first-child,td[data-v-eeddcf6d]:first-child{width:50px}th[data-v-eeddcf6d]:nth-child(n+2),td[data-v-eeddcf6d]:nth-child(n+2){width:1fr}[data-v-4231af9f]{font-family:Inter,sans-serif}.layout[data-v-4231af9f]{display:flex;height:100vh;background-color:#f7f7f7}.status-wrapper.status-approved .custom-dropdown[data-v-4231af9f]{background-color:#e7fef8}.status-wrapper.status-pending .custom-dropdown[data-v-4231af9f]{background-color:#fff9c4}.status-wrapper.status-denied .custom-dropdown[data-v-4231af9f]{background-color:#ffcdd2}.btn-detail[data-v-4231af9f]{background-color:#c6f8ff;color:#000;padding:8px 16px;border:none;border-radius:10px;cursor:pointer;text-align:center;text-decoration:none}.sidebar[data-v-4231af9f]{width:280px;height:auto;background-color:#fff;border-right:1px solid #e5e7eb;padding:20px;display:flex;flex-direction:column;gap:24px}.logo-wrapper[data-v-4231af9f]{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.logo-image[data-v-4231af9f]{width:35px;object-fit:cover;border-radius:10px 10px 0 0;margin:-5px 0 0}.logo-text[data-v-4231af9f]{font-family:Protest Strike,sans-serif;font-size:20px;color:#08607a}.menu-section[data-v-4231af9f]{display:flex;flex-direction:column;gap:10px;margin-top:-15px}.menu-label[data-v-4231af9f]{font-size:12px;font-weight:600;color:#b0b385;margin-bottom:4px}.menu-list[data-v-4231af9f]{list-style:none;padding:0;margin:0}.menu-list li[data-v-4231af9f]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;color:#7d7f81;font-size:14px;cursor:pointer;transition:background-color .2s}.menu-list li[data-v-4231af9f]:hover{background-color:#f1f5f9}.menu-list li.active[data-v-4231af9f]{background-color:#84bbd1;color:#074a5d}.menu-list li.active a[data-v-4231af9f]{font-weight:700}.menu-list a[data-v-4231af9f]{text-decoration:none;color:inherit}.main-content[data-v-4231af9f]{padding:10px 30px 30px;flex:1;background-color:#fff}.top-header[data-v-4231af9f]{display:flex;align-items:center}.separator[data-v-4231af9f]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-4231af9f]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.dashboard-header[data-v-4231af9f]{display:flex;justify-content:space-between;align-items:center;margin-top:-10px}.table-container[data-v-4231af9f]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc}.table-header[data-v-4231af9f]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}table[data-v-4231af9f]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-4231af9f]{background-color:#f9f9f9}th[data-v-4231af9f],td[data-v-4231af9f]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-4231af9f]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-4231af9f]:last-child,td[data-v-4231af9f]:last-child{border-right:none}th[data-v-4231af9f]:first-child,td[data-v-4231af9f]:first-child{width:50px}th[data-v-4231af9f]:nth-child(n+2),td[data-v-4231af9f]:nth-child(n+2){width:1fr}.custom-dropdown[data-v-4231af9f]{background-color:#e7fef8;border-radius:18px;height:34px;width:162px;text-align:center;border:1px #e7fef8}.pagination-controls[data-v-4231af9f]{display:flex;align-items:center;gap:12px;margin:16px}.pagination-controls button[data-v-4231af9f]{padding:6px 12px;background-color:#074a5d;color:#fff;border:none;border-radius:4px;cursor:pointer}.pagination-controls button[data-v-4231af9f]:disabled{background-color:#bdc3c7;cursor:not-allowed}@media (max-width: 768px){table[data-v-4231af9f],thead[data-v-4231af9f],tbody[data-v-4231af9f],th[data-v-4231af9f],td[data-v-4231af9f],tr[data-v-4231af9f]{display:block;border:none}thead[data-v-4231af9f]{display:none}.table-container[data-v-4231af9f]{border:none;box-shadow:none}tr[data-v-4231af9f]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px}td[data-v-4231af9f]{text-align:left;position:relative;border-bottom:1px solid #eee}td[data-v-4231af9f]:before{content:attr(data-label);position:absolute;left:16px;width:45%;padding-left:10px;font-weight:700;text-align:left;color:#fff}.table-header[data-v-4231af9f]{border-bottom:none}td[data-v-4231af9f]:last-child{border-bottom:none}}[data-v-a13e94bb]{font-family:Inter,sans-serif;margin:0;padding:0}.layout[data-v-a13e94bb]{display:flex;min-height:100vh;background-color:#f7f7f7}.status-wrapper .custom-dropdown[data-v-a13e94bb]{width:20%;padding:px;margin-left:15px;border-radius:8px;border:1px solid #ccc;font-size:16px;background-color:#fff}.status-wrapper.status-approved .custom-dropdown[data-v-a13e94bb]{background-color:#e7fef8}.status-wrapper.status-pending .custom-dropdown[data-v-a13e94bb]{background-color:#fff9c4}.status-wrapper.status-denied .custom-dropdown[data-v-a13e94bb]{background-color:#ffcdd2}.sidebar[data-v-a13e94bb]{width:280px;height:auto;background-color:#fff;border-right:1px solid #e5e7eb;padding:20px;display:flex;flex-direction:column;gap:24px}.logo-wrapper[data-v-a13e94bb]{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.logo-image[data-v-a13e94bb]{width:35px;object-fit:cover;border-radius:10px 10px 0 0;margin:-5px 0 0}.logo-text[data-v-a13e94bb]{font-family:Protest Strike,sans-serif;font-size:20px;color:#08607a}.menu-section[data-v-a13e94bb]{display:flex;flex-direction:column;gap:10px;margin-top:-15px}.menu-label[data-v-a13e94bb]{font-size:12px;font-weight:600;color:#b0b385;margin-bottom:4px}.menu-list[data-v-a13e94bb]{list-style:none;padding:0;margin:0}.menu-list li[data-v-a13e94bb]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;color:#7d7f81;font-size:14px;cursor:pointer;transition:background-color .2s}.menu-list li[data-v-a13e94bb]:hover{background-color:#f1f5f9}.menu-list li.active[data-v-a13e94bb]{background-color:#84bbd1;color:#074a5d}.menu-list li.active a[data-v-a13e94bb]{font-weight:700}.menu-list a[data-v-a13e94bb]{text-decoration:none;color:inherit}.main-content[data-v-a13e94bb]{flex:1;padding:20px;background-color:#fff;max-width:100%}.top-header[data-v-a13e94bb]{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;border-bottom:1px solid #ccc}.page-title[data-v-a13e94bb]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.dashboard-header[data-v-a13e94bb]{display:flex;justify-content:space-between;align-items:center;margin-top:-10px}.table-container[data-v-a13e94bb]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-a13e94bb]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}table[data-v-a13e94bb]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-a13e94bb]{background-color:#f9f9f9}th[data-v-a13e94bb],td[data-v-a13e94bb]{padding:12px 16px;text-align:left;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-a13e94bb]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-a13e94bb]:last-child,td[data-v-a13e94bb]:last-child{border-right:none}th[data-v-a13e94bb]:first-child,td[data-v-a13e94bb]:first-child{width:50px}th[data-v-a13e94bb]:nth-child(n+2),td[data-v-a13e94bb]:nth-child(n+2){width:1fr}.custom-dropdown[data-v-a13e94bb]{background-color:#e7f7f8;border-radius:18px;height:34px;width:162px;text-align:center;border:1px solid #e7f7f8;margin:8px 0}.detail-container[data-v-a13e94bb]{width:max;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:30px}.detail-container h3[data-v-a13e94bb]{font-size:22px;font-weight:600;color:#111827;padding-bottom:16px;border-bottom:1px solid #dbdbdb;margin-bottom:10px}.form-group[data-v-a13e94bb]{display:flex;margin-bottom:12px;align-items:center;gap:9rem}.form-group label[data-v-a13e94bb]{width:160px;font-weight:700;padding:8px 40px}.form-group .value[data-v-a13e94bb],.form-group select[data-v-a13e94bb]{flex:1}.status-wrapper select[data-v-a13e94bb]{padding:4px 8px}.photo-ktp[data-v-a13e94bb]{max-width:100%;margin-top:8px}.button-group[data-v-a13e94bb]{margin:20px 0}.btn-back[data-v-a13e94bb]{padding:10px 16px;border:none;background-color:#4f93af;color:#fff;border-radius:10px;cursor:pointer}@media (max-width: 768px){.form-group[data-v-a13e94bb]{display:flex;margin-bottom:5px;gap:1rem}.form-group label[data-v-a13e94bb]{width:100px;font-weight:700;padding:5px}.detail-container[data-v-a13e94bb]{padding:20px;font-size:13px}.detail-container h3[data-v-a13e94bb]{font-size:18px}}[data-v-1f7c2dcb]{font-family:Inter,sans-serif}.layout[data-v-1f7c2dcb]{display:flex;height:100vh;background-color:#f7f7f7}.status-wrapper.status-approved .custom-dropdown[data-v-1f7c2dcb]{background-color:#e7fef8}.status-wrapper.status-pending .custom-dropdown[data-v-1f7c2dcb]{background-color:#fff9c4}.status-wrapper.status-denied .custom-dropdown[data-v-1f7c2dcb]{background-color:#ffcdd2}.btn-detail[data-v-1f7c2dcb]{background-color:#c6f8ff;color:#000;padding:8px 16px;border:none;border-radius:10px;cursor:pointer;text-align:center;text-decoration:none}.sidebar[data-v-1f7c2dcb]{width:280px;height:auto;background-color:#fff;border-right:1px solid #e5e7eb;padding:20px;display:flex;flex-direction:column;gap:24px}.logo-wrapper[data-v-1f7c2dcb]{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.logo-image[data-v-1f7c2dcb]{width:35px;object-fit:cover;border-radius:10px 10px 0 0;margin:-5px 0 0}.logo-text[data-v-1f7c2dcb]{font-family:Protest Strike,sans-serif;font-size:20px;color:#08607a}.menu-section[data-v-1f7c2dcb]{display:flex;flex-direction:column;gap:10px;margin-top:-15px}.menu-label[data-v-1f7c2dcb]{font-size:12px;font-weight:600;color:#b0b385;margin-bottom:4px}.menu-list[data-v-1f7c2dcb]{list-style:none;padding:0;margin:0}.menu-list li[data-v-1f7c2dcb]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;color:#7d7f81;font-size:14px;cursor:pointer;transition:background-color .2s}.menu-list li[data-v-1f7c2dcb]:hover{background-color:#f1f5f9}.menu-list li.active[data-v-1f7c2dcb]{background-color:#84bbd1;color:#074a5d}.menu-list li.active a[data-v-1f7c2dcb]{font-weight:700}.menu-list a[data-v-1f7c2dcb]{text-decoration:none;color:inherit}.main-content[data-v-1f7c2dcb]{padding:10px 30px 30px;flex:1;background-color:#fff}.top-header[data-v-1f7c2dcb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-1f7c2dcb]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-1f7c2dcb]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.dashboard-header[data-v-1f7c2dcb]{display:flex;justify-content:space-between;align-items:center;margin-top:-10px}.table-container[data-v-1f7c2dcb]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc}.table-header[data-v-1f7c2dcb]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}table[data-v-1f7c2dcb]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-1f7c2dcb]{background-color:#f9f9f9}th[data-v-1f7c2dcb],td[data-v-1f7c2dcb]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-1f7c2dcb]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-1f7c2dcb]:last-child,td[data-v-1f7c2dcb]:last-child{border-right:none}th[data-v-1f7c2dcb]:first-child,td[data-v-1f7c2dcb]:first-child{width:50px}th[data-v-1f7c2dcb]:nth-child(n+2),td[data-v-1f7c2dcb]:nth-child(n+2){width:1fr}.custom-dropdown[data-v-1f7c2dcb]{background-color:#e7fef8;border-radius:18px;height:34px;width:162px;text-align:center;border:1px #e7fef8}.pagination-controls[data-v-1f7c2dcb]{display:flex;align-items:center;gap:12px;margin:16px}.pagination-controls button[data-v-1f7c2dcb]{padding:6px 12px;background-color:#074a5d;color:#fff;border:none;border-radius:4px;cursor:pointer}.pagination-controls button[data-v-1f7c2dcb]:disabled{background-color:#bdc3c7;cursor:not-allowed}@media (max-width: 768px){table[data-v-1f7c2dcb],thead[data-v-1f7c2dcb],tbody[data-v-1f7c2dcb],th[data-v-1f7c2dcb],td[data-v-1f7c2dcb],tr[data-v-1f7c2dcb]{display:block;border:none}thead[data-v-1f7c2dcb]{display:none}.table-container[data-v-1f7c2dcb]{border:none;box-shadow:none}.table-header[data-v-1f7c2dcb]{border-bottom:none}tr[data-v-1f7c2dcb]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px}td[data-v-1f7c2dcb]{text-align:left;position:relative;border-bottom:1px solid #eee}td[data-v-1f7c2dcb]:before{content:attr(data-label);position:absolute;left:16px;width:45%;padding-left:10px;font-weight:700;text-align:left;color:#fff}td[data-v-1f7c2dcb]:last-child{border-bottom:none}}[data-v-587b6b77]{font-family:Inter,sans-serif;margin:0;padding:0}.layout[data-v-587b6b77]{display:flex;height:100vh;background-color:#f7f7f7}.status-wrapper .custom-dropdown[data-v-587b6b77]{width:20%;padding:px;margin-left:15px;border-radius:8px;border:1px solid #ccc;font-size:16px;background-color:#fff}.status-wrapper.status-approved .custom-dropdown[data-v-587b6b77]{background-color:#e7fef8}.status-wrapper.status-pending .custom-dropdown[data-v-587b6b77]{background-color:#fff9c4}.status-wrapper.status-denied .custom-dropdown[data-v-587b6b77]{background-color:#ffcdd2}.sidebar[data-v-587b6b77]{width:280px;height:auto;background-color:#fff;border-right:1px solid #e5e7eb;padding:20px;display:flex;flex-direction:column;gap:24px}.logo-wrapper[data-v-587b6b77]{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.logo-image[data-v-587b6b77]{width:35px;object-fit:cover;border-radius:10px 10px 0 0;margin:-5px 0 0}.logo-text[data-v-587b6b77]{font-family:Protest Strike,sans-serif;font-size:20px;color:#08607a}.menu-section[data-v-587b6b77]{display:flex;flex-direction:column;gap:10px;margin-top:-15px}.menu-label[data-v-587b6b77]{font-size:12px;font-weight:600;color:#b0b385;margin-bottom:4px}.menu-list[data-v-587b6b77]{list-style:none;padding:0;margin:0}.menu-list li[data-v-587b6b77]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;color:#7d7f81;font-size:14px;cursor:pointer;transition:background-color .2s}.menu-list li[data-v-587b6b77]:hover{background-color:#f1f5f9}.menu-list li.active[data-v-587b6b77]{background-color:#84bbd1;color:#074a5d}.menu-list li.active a[data-v-587b6b77]{font-weight:700}.menu-list a[data-v-587b6b77]{text-decoration:none;color:inherit}.main-content[data-v-587b6b77]{flex:1;padding:20px;background-color:#fff;max-width:100%}.top-header[data-v-587b6b77]{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;border-bottom:1px solid #ccc}.page-title[data-v-587b6b77]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.dashboard-header[data-v-587b6b77]{display:flex;justify-content:space-between;align-items:center;margin-top:-10px}.table-container[data-v-587b6b77]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-587b6b77]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}table[data-v-587b6b77]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-587b6b77]{background-color:#f9f9f9}th[data-v-587b6b77],td[data-v-587b6b77]{padding:12px 16px;text-align:left;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-587b6b77]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-587b6b77]:last-child,td[data-v-587b6b77]:last-child{border-right:none}th[data-v-587b6b77]:first-child,td[data-v-587b6b77]:first-child{width:50px}th[data-v-587b6b77]:nth-child(n+2),td[data-v-587b6b77]:nth-child(n+2){width:1fr}.custom-dropdown[data-v-587b6b77]{background-color:#e7f7f8;border-radius:18px;height:34px;width:162px;text-align:center;border:1px solid #e7f7f8;margin:8px 0}.detail-container[data-v-587b6b77]{width:max;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:30px}.detail-container h3[data-v-587b6b77]{font-size:22px;font-weight:600;color:#111827;padding-bottom:16px;border-bottom:1px solid #dbdbdb;margin-bottom:10px}.form-group[data-v-587b6b77]{display:flex;margin-bottom:12px;align-items:center;gap:9rem}.form-group label[data-v-587b6b77]{width:160px;font-weight:700;padding:8px 40px}.form-group .value[data-v-587b6b77],.form-group select[data-v-587b6b77]{flex:1}.status-wrapper select[data-v-587b6b77]{padding:4px 8px}.photo-ktp[data-v-587b6b77]{max-width:100%;margin-top:8px}.button-group[data-v-587b6b77]{margin:20px 0}.btn-back[data-v-587b6b77]{padding:10px 16px;border:none;background-color:#4f93af;color:#fff;border-radius:10px;cursor:pointer}@media (max-width: 768px){.form-group[data-v-587b6b77]{display:flex;margin-bottom:5px;gap:1rem}.form-group label[data-v-587b6b77]{width:100px;font-weight:700;padding:5px}.detail-container[data-v-587b6b77]{padding:20px;font-size:13px}.detail-container h3[data-v-587b6b77]{font-size:18px}}[data-v-3a5731ce]{font-family:Inter,sans-serif}.layout[data-v-3a5731ce]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-3a5731ce]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-3a5731ce]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.table-container[data-v-3a5731ce]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-3a5731ce]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}.table-header h3[data-v-3a5731ce]{font-size:13px;color:#111216;font-weight:700}.form-row[data-v-3a5731ce]{display:flex;gap:50px;margin-bottom:16px;align-items:center}.form-row label[data-v-3a5731ce]{min-width:150px;margin-right:8px}.form-row label[data-v-3a5731ce]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-3a5731ce]{text-align:right}.form-row p[data-v-3a5731ce],.form-row input[data-v-3a5731ce]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.section[data-v-3a5731ce]{margin:35px}.section h4[data-v-3a5731ce]{font-size:15px;font-weight:500;color:#070707;text-align:center}.section h4.no-border-top[data-v-3a5731ce]{border-top:none;padding-bottom:12px}.btn[data-v-3a5731ce]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;background:#074a5d;color:#fff;text-decoration:none}.profile-picture[data-v-3a5731ce]{display:flex;justify-content:center;margin:20px}.profile-picture img[data-v-3a5731ce]{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid #ddd}@media (max-width: 768px){.form-row[data-v-3a5731ce]{display:flex;margin-bottom:20px;gap:1rem}.form-row label[data-v-3a5731ce]{min-width:80px}.section[data-v-3a5731ce]{margin:20px}}[data-v-313f1df1]{font-family:Inter,sans-serif}.layout[data-v-313f1df1]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-313f1df1]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.container[data-v-313f1df1]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.form-section[data-v-313f1df1]{align-items:center;padding:20px}.form-section h3[data-v-313f1df1]{font-size:13px;color:#111216;font-weight:700;border-bottom:1px solid #ccc;padding-bottom:20px}.form-row[data-v-313f1df1]{display:flex;gap:20px;margin-bottom:16px;align-items:center}.form-row label[data-v-313f1df1]{min-width:150px;margin-right:8px}.form-row label[data-v-313f1df1]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-313f1df1]{text-align:right}.form-row p[data-v-313f1df1],.form-row input[data-v-313f1df1],.form-row select[data-v-313f1df1]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.section[data-v-313f1df1]{margin:35px}.section h4[data-v-313f1df1]{font-size:15px;font-weight:500;color:#070707;text-align:center}.section h4.no-border-top[data-v-313f1df1]{border-top:none;padding-bottom:12px}.btn-save[data-v-313f1df1]{padding:10px 20px;border-radius:20px;border:none;cursor:pointer;background:#074a5d;color:#fff}.btn-cancel[data-v-313f1df1]{padding:10px 20px;border-radius:20px;background:#fff;border:1px solid #074a5d;color:#074a5d;text-decoration:none;text-align:center}.button-row[data-v-313f1df1]{display:flex;justify-content:space-between;padding:20px 0}@media (max-width: 768px){.form-row[data-v-313f1df1]{display:flex;margin-bottom:20px;gap:1rem}.form-row label[data-v-313f1df1]{min-width:80px}.section[data-v-313f1df1]{margin:20px}.button-row[data-v-313f1df1]{flex-direction:column;align-items:center;gap:1rem;align-items:stretch;width:100%}}[data-v-212c4b7d]{font-family:Inter,sans-serif}.layout[data-v-212c4b7d]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-212c4b7d]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-212c4b7d]{border-bottom:1px solid #e5e7eb}.container[data-v-212c4b7d]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.form-section[data-v-212c4b7d]{align-items:center;padding:20px}.form-section h3[data-v-212c4b7d]{font-size:16px;color:#111216;font-weight:700;padding-bottom:20px;border-bottom:1px solid #ccc}.form-row[data-v-212c4b7d]{display:flex;gap:200px;margin-bottom:16px;align-items:center}.form-row label[data-v-212c4b7d]{min-width:200px;font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left;flex-shrink:0}.form-row .right-align[data-v-212c4b7d]{text-align:right}.form-row input[data-v-212c4b7d]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;flex-grow:1;width:500px;box-sizing:border-box;height:40px}.btn-ubah[data-v-212c4b7d]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;height:40px;background:#074a5d;color:#fff}@media (max-width: 768px){.layout[data-v-212c4b7d]{flex-direction:column;padding:10px}.main-content[data-v-212c4b7d]{padding:15px}.form-row[data-v-212c4b7d]{flex-direction:column;align-items:flex-start;gap:8px}.form-row label[data-v-212c4b7d],.form-row input[data-v-212c4b7d]{width:130%;flex-grow:0}.btn-ubah[data-v-212c4b7d]{width:100%;padding:12px 0;font-size:16px}}