@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-af3d7771]{font-family:Inter,sans-serif}.password-wrapper[data-v-af3d7771]{position:relative}.toggle-password[data-v-af3d7771]{position:absolute;right:50px;top:55%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:0}.eye-icon[data-v-af3d7771]{width:20px!important;height:20px!important}.input-with-icon img.input-icon[data-v-af3d7771]{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:25px;height:25px;opacity:.6}.container[data-v-af3d7771]{display:flex;min-height:100vh;overflow-y:auto}.left-box[data-v-af3d7771]{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-af3d7771]{font-size:35px;margin-bottom:5px}.left-box p[data-v-af3d7771]{font-size:16px;max-width:80%;line-height:1.5}.left-image[data-v-af3d7771],.left-image2[data-v-af3d7771]{width:calc(100% + 80px);margin:0 -40px;object-fit:cover;height:300px}.left-image2[data-v-af3d7771]{margin-bottom:20px;border-radius:0}.right-box[data-v-af3d7771]{width:55%;display:flex;flex-direction:column;align-items:center;padding-top:10px;overflow:hidden}.logo-wrapper[data-v-af3d7771]{display:flex;align-items:center;margin-left:50px;margin-bottom:40px;align-self:flex-start;gap:12px}.logo-image[data-v-af3d7771]{width:75px;object-fit:cover;border-radius:10px 10px 0 0;margin:0}.logo-text[data-v-af3d7771]{font-family:Protest Strike,sans-serif;font-size:26px;color:#08607a}.signin-container[data-v-af3d7771]{flex-direction:column;align-items:center;text-align:center;margin-bottom:10px}h2[data-v-af3d7771]{font-size:35px;margin-bottom:10px;font-weight:700}.subtitle[data-v-af3d7771]{font-size:14px;color:gray;margin-bottom:25px}.input-group[data-v-af3d7771]{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.input-group label[data-v-af3d7771]{font-size:16px;margin-bottom:8px;font-weight:700;color:#333}.input-group input[data-v-af3d7771]{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-af3d7771]::placeholder{color:#b0b3b5;font-size:15px}.input-with-icon[data-v-af3d7771]{position:relative;width:100%}.input-with-icon img[data-v-af3d7771]{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:26px;height:26px;opacity:.6}.input-with-icon input[data-v-af3d7771]{width:100%;padding:10px 10px 10px 50px;border:1px solid #ccc;border-radius:10px;box-sizing:border-box}.options[data-v-af3d7771]{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:14px;margin-bottom:20px;font-weight:700}.forgot-password[data-v-af3d7771]{color:#ffad54;text-decoration:none;text-align:left}.forgot-password[data-v-af3d7771]:hover{text-decoration:underline}.signin-btn[data-v-af3d7771]{width:100%;padding:15px;background-color:#4f93af;color:#fff;border:none;border-radius:20px;cursor:pointer;margin-top:15px}.signin-btn[data-v-af3d7771]:hover{background-color:#165d52}.divider[data-v-af3d7771]{text-align:center;margin:20px 0;color:gray;font-size:14px}.social-login[data-v-af3d7771]{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.google-btn[data-v-af3d7771],.apple-btn[data-v-af3d7771]{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-af3d7771],.apple-btn strong[data-v-af3d7771]{position:relative}.google-btn[data-v-af3d7771]:hover,.apple-btn[data-v-af3d7771]:hover{background-color:#f1f1f1}.google-btn img[data-v-af3d7771],.apple-btn img[data-v-af3d7771]{width:20px;height:20px;margin-right:10px}.signup-text[data-v-af3d7771]{font-size:14px;text-align:center}.signup-text a[data-v-af3d7771]{color:#ffad54;text-decoration:none;font-weight:700;padding-top:2px}.signup-text a[data-v-af3d7771]:hover{text-decoration:underline}@media (max-width: 768px){.container[data-v-af3d7771]{flex-direction:column;padding:20px}.left-box[data-v-af3d7771]{display:none}.right-box[data-v-af3d7771]{width:100%;max-width:100%}.left-image[data-v-af3d7771],.left-image2[data-v-af3d7771]{height:150px}.left-box h2[data-v-af3d7771]{font-size:24px}.left-box p[data-v-af3d7771]{font-size:14px;max-width:100%}.input-group input[data-v-af3d7771]::placeholder{font-size:13px}.options[data-v-af3d7771]{font-size:12px}.logo-wrapper[data-v-af3d7771]{margin-left:0;margin-bottom:40px;gap:8px}.logo-image[data-v-af3d7771]{width:50px}.logo-text[data-v-af3d7771]{font-size:20px}h2[data-v-af3d7771]{margin-top:2px;font-size:27px}.signin-container[data-v-af3d7771]{width:100%;max-width:100%;padding:0 20px;box-sizing:border-box}.input-group input[data-v-af3d7771],.signin-btn[data-v-af3d7771]{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-eb3f0a07]{font-family:Inter,sans-serif}.styled-select[data-v-eb3f0a07]{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-eb3f0a07],.styled-select option[disabled][data-v-eb3f0a07]{color:#aaa}.container[data-v-eb3f0a07]{display:flex;min-height:100vh;overflow-y:auto}.password-wrapper[data-v-eb3f0a07]{position:relative}.toggle-password[data-v-eb3f0a07]{position:absolute;right:10px;top:55%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:0}.eye-icon[data-v-eb3f0a07]{width:20px;height:20px}.left-box[data-v-eb3f0a07]{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-eb3f0a07]{font-size:35px;margin-bottom:5px}.left-box p[data-v-eb3f0a07]{font-size:16px;max-width:80%;line-height:1.5}.left-image[data-v-eb3f0a07],.left-image2[data-v-eb3f0a07]{width:calc(100% + 80px);margin:0 -40px;object-fit:cover;height:300px}.left-image2[data-v-eb3f0a07]{margin-bottom:20px;border-radius:0}.right-box[data-v-eb3f0a07]{width:55%;display:flex;flex-direction:column;align-items:center;padding-top:10px;overflow:hidden}.logo-wrapper[data-v-eb3f0a07]{display:flex;align-items:center;gap:12px;margin-left:50px;margin-bottom:40px;align-self:flex-start}.logo-image[data-v-eb3f0a07]{width:75px;object-fit:cover;border-radius:10px 10px 0 0;margin-left:25px}.logo-text[data-v-eb3f0a07]{font-family:Protest Strike,sans-serif;font-size:26px;color:#08607a}.register-container[data-v-eb3f0a07]{width:80%;max-width:450px;text-align:center;padding-top:50px}h2[data-v-eb3f0a07]{font-size:29px;margin-bottom:10px;font-weight:700}.subtitle[data-v-eb3f0a07]{font-size:14px;color:gray;margin-bottom:25px}.input-group[data-v-eb3f0a07]{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.input-group label[data-v-eb3f0a07]{font-size:16px;margin-bottom:5px;font-weight:700}.input-group input[data-v-eb3f0a07]{width:100%;padding:10px;border:1px solid #ccc;border-radius:10px}.input-group input[data-v-eb3f0a07]::placeholder{color:#b0b3b5;font-size:15px}.input-group input[data-v-eb3f0a07],.input-group select[data-v-eb3f0a07]{width:100%;padding:12px;font-size:15px;box-sizing:border-box}.input-group select[data-v-eb3f0a07]{border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#fff;font-size:15px;color:#333}.input-with-icon.full-width[data-v-eb3f0a07]{width:100%}.input-with-icon[data-v-eb3f0a07]{position:relative}.form-icon-right[data-v-eb3f0a07]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:.6}.input-with-icon input[data-v-eb3f0a07]{padding-right:40px}.signin-btn[data-v-eb3f0a07]{width:100%;padding:10px;background-color:#4f93af;color:#fff;border:none;border-radius:20px;cursor:pointer;margin-top:15px}.signin-btn[data-v-eb3f0a07]:hover{background-color:#165d52}.divider[data-v-eb3f0a07]{text-align:center;margin:20px 0;color:gray;font-size:14px}.social-login[data-v-eb3f0a07]{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.social-login[data-v-eb3f0a07]{display:flex;flex-direction:row;justify-content:center;gap:10px;margin-bottom:20px}.social-icon[data-v-eb3f0a07]{width:23px;height:23px;margin-right:10px;vertical-align:middle;flex-wrap:wrap}.apple-icon[data-v-eb3f0a07]{width:27px;height:23px;margin-right:5px;vertical-align:middle}.google-btn[data-v-eb3f0a07],.apple-btn[data-v-eb3f0a07]{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-eb3f0a07]:hover,.apple-btn[data-v-eb3f0a07]:hover{background-color:#f1f1f1}.signup-text[data-v-eb3f0a07]{font-size:14px;margin-top:10px}.signup-text a[data-v-eb3f0a07]{color:#ffad54;text-decoration:none;font-weight:700}.signup-text a[data-v-eb3f0a07]:hover{text-decoration:underline}.success[data-v-eb3f0a07]{color:green;margin-top:10px}.error[data-v-eb3f0a07]{color:red;margin-top:10px}@media (max-width: 768px){.container[data-v-eb3f0a07]{flex-direction:column;padding:20px}.left-box[data-v-eb3f0a07]{display:none}.right-box[data-v-eb3f0a07]{width:100%;max-width:100%}.left-image[data-v-eb3f0a07],.left-image2[data-v-eb3f0a07]{height:150px}.left-box h2[data-v-eb3f0a07]{font-size:24px}.left-box p[data-v-eb3f0a07]{font-size:14px;max-width:100%}.logo-wrapper[data-v-eb3f0a07]{margin-left:0;margin-bottom:40px;gap:8px}.logo-image[data-v-eb3f0a07]{width:50px}.logo-text[data-v-eb3f0a07]{font-size:20px}h2[data-v-eb3f0a07]{margin-top:2px;font-size:28px}.signin-container[data-v-eb3f0a07]{width:100%}.input-group input[data-v-eb3f0a07]{width:100%;box-sizing:border-box}.input-group[data-v-eb3f0a07]{width:100%;flex-direction:column}.input-group label[data-v-eb3f0a07]{font-size:14px}.styled-select[data-v-eb3f0a07]{appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;position:relative;z-index:10}select.styled-select[data-v-eb3f0a07]:focus{outline:none}.register-container[data-v-eb3f0a07]{width:100%;max-width:100%;padding:0 20px;box-sizing:border-box}.signin-btn[data-v-eb3f0a07]{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-de4723a2]{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-de4723a2]{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-de4723a2]{display:block}}.sidebar[data-v-de4723a2]{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-de4723a2]{transform:translate(-100%);position:fixed;left:0;top:0;height:100vh;background-color:#fff}.logo-wrapper[data-v-de4723a2]{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.logo-image[data-v-de4723a2]{width:35px;object-fit:cover;border-radius:10px 10px 0 0;margin-top:-5px}.logo-text[data-v-de4723a2]{font-family:Protest Strike,sans-serif;font-size:20px;color:#08607a}.menu-section[data-v-de4723a2]{display:flex;flex-direction:column;gap:10px;margin-top:-15px}.menu-label[data-v-de4723a2]{font-size:12px;font-weight:600;color:#b0b385;margin-bottom:4px}.menu-list[data-v-de4723a2]{list-style:none;padding:0;margin:0}.menu-list li[data-v-de4723a2]{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-de4723a2]:hover{background-color:#f1f5f9}.menu-list li.active[data-v-de4723a2]{background-color:#84bbd1;color:#074a5d;font-weight:700}.menu-list a[data-v-de4723a2]{text-decoration:none;color:inherit}.router-link-wrapper[data-v-de4723a2]{text-decoration:none;color:inherit;display:block}.menu-item[data-v-de4723a2]{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-de4723a2]:hover{background-color:#f1f5f9}.menu-item.active[data-v-de4723a2]{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-277083d0]{font-family:Inter,sans-serif;box-sizing:border-box}.layout[data-v-277083d0]{display:flex;height:100vh;background-color:#f7f7f7;flex-wrap:wrap}.main-content[data-v-277083d0]{flex:1;background-color:#fff;padding:10px 30px 30px}.separator[data-v-277083d0]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.dashboard-header[data-v-277083d0]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:-10px}.quick-menu[data-v-277083d0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px}.date-box[data-v-277083d0]{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-277083d0]{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-277083d0]:hover{background-color:#f1f5f9}.menu-card[data-v-277083d0]:active{background-color:#08607a;color:#fff;box-shadow:0 6px 12px #0003}.menu-card .icon-wrapper[data-v-277083d0]{display:flex;justify-content:center;align-items:center}.icon[data-v-277083d0]{width:24px;height:24px;object-fit:cover}.stats-section[data-v-277083d0]{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.stat-card[data-v-277083d0]{background-color:#fff;border:1px solid #ccc;font-weight:700;border-radius:10px;padding:16px;text-align:center}.stat-card .label[data-v-277083d0]{font-size:14px;color:#6b7280}.stat-card .value[data-v-277083d0]{font-size:20px;font-weight:700;color:#08607a}.section-title[data-v-277083d0]{margin-bottom:5px;margin-top:30px;font-weight:700;font-size:18px}.chart-section[data-v-277083d0]{margin-top:2rem}.chart-row[data-v-277083d0]{display:flex;flex-wrap:wrap;gap:20px}.chart-row[data-v-277083d0]>*{flex:1 1 calc(33.33% - 20px);min-width:250px;max-width:100%;box-sizing:border-box;padding:10px}.section-title.balita[data-v-277083d0]{margin-top:30px;margin-bottom:-5px}.section-title.ibu-hamil[data-v-277083d0]{margin-top:30px;margin-bottom:-10px}@media (max-width: 768px){.layout[data-v-277083d0]{flex-direction:column}.main-content[data-v-277083d0]{padding:16px}.dashboard-header[data-v-277083d0]{flex-direction:column;align-items:flex-start}.quick-menu[data-v-277083d0],.stats-section[data-v-277083d0]{grid-template-columns:1fr 1fr}.chart-row[data-v-277083d0]{flex-direction:column}.chart-row[data-v-277083d0]>*{flex:1 1 auto;width:100%;max-height:300px}.section-title[data-v-277083d0]{font-size:16px}.date-box[data-v-277083d0]{font-size:12px;padding:4px 10px}.menu-card[data-v-277083d0]{font-size:14px;padding:16px}.icon[data-v-277083d0]{width:20px;height:20px}.stat-card .value[data-v-277083d0]{font-size:18px}.stat-card .label[data-v-277083d0]{font-size:12px}}.container[data-v-1a8c1810]{display:flex;min-height:100vh;overflow-y:auto;font-family:Inter,sans-serif}.left-box[data-v-1a8c1810]{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-1a8c1810]{color:#fff;margin-bottom:5px;font-size:35px}.left-box p[data-v-1a8c1810]{font-size:16px;color:#b0b3b5;max-width:80%;line-height:1.5;font-weight:400}.left-image[data-v-1a8c1810],.left-image2[data-v-1a8c1810]{width:calc(100% + 80px);margin:0 -40px;object-fit:cover;height:300px}.left-image2[data-v-1a8c1810]{margin-bottom:20px;border-radius:0}.right-box[data-v-1a8c1810]{width:55%;display:flex;flex-direction:column;align-items:center;padding-top:10px;overflow:hidden}.logo-wrapper[data-v-1a8c1810]{display:flex;align-items:center;margin-left:50px;margin-bottom:40px;align-self:flex-start;gap:12px}.logo-image[data-v-1a8c1810]{width:75px;object-fit:cover;border-radius:10px 10px 0 0;margin:0}.logo-text[data-v-1a8c1810]{font-family:Protest Strike,sans-serif;font-size:26px;color:#08607a}.signin-container[data-v-1a8c1810]{flex-direction:column;align-items:center;text-align:center;width:60%}h2[data-v-1a8c1810]{font-size:35px;margin-bottom:10px;font-weight:700;color:#074a5d}.subtitle[data-v-1a8c1810]{font-size:14px;color:gray;margin-bottom:25px}.input-group[data-v-1a8c1810]{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.input-group label[data-v-1a8c1810]{font-size:16px;margin-bottom:8px;font-weight:700;color:#333}.input-group input[data-v-1a8c1810]{width:100%;padding:12px;font-size:16px;color:#333;border:1px solid #ccc;border-radius:10px;box-sizing:border-box}.submit[data-v-1a8c1810]{width:100%;padding:15px;background-color:#4f93af;color:#fff;border:none;border-radius:20px;cursor:pointer;margin-top:15px}.submit[data-v-1a8c1810]:hover{background-color:#165d52}.message[data-v-1a8c1810]{margin-top:15px;font-weight:700;color:green}@media (max-width: 768px){.container[data-v-1a8c1810]{flex-direction:column;padding:20px}.left-box[data-v-1a8c1810],.right-box[data-v-1a8c1810]{width:100%;max-width:100%}.left-image[data-v-1a8c1810],.left-image2[data-v-1a8c1810]{height:150px}.left-box h2[data-v-1a8c1810]{font-size:22px}.left-box p[data-v-1a8c1810]{font-size:14px;max-width:100%}.logo-wrapper[data-v-1a8c1810]{margin-left:0;margin-bottom:40px;gap:8px}.logo-image[data-v-1a8c1810]{width:50px}.logo-text[data-v-1a8c1810]{font-size:20px}h2[data-v-1a8c1810]{margin-top:2px;font-size:27px}.signin-container[data-v-1a8c1810]{width:100%}.input-group input[data-v-1a8c1810],.input-group[data-v-1a8c1810]{width:100%;box-sizing:border-box}.register-container[data-v-1a8c1810]{width:100%;max-width:100%;padding:0 20px;box-sizing:border-box}.signin-btn[data-v-1a8c1810]{width:100%}}.container[data-v-aa7f9c80]{display:flex;min-height:100vh;overflow-y:auto;font-family:Inter,sans-serif}.left-box[data-v-aa7f9c80]{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-aa7f9c80]{color:#fff;margin-bottom:5px;font-size:35px!important}.left-box p[data-v-aa7f9c80]{font-size:16px;color:#b0b3b5;max-width:80%;line-height:1.5;font-weight:400}.left-image[data-v-aa7f9c80],.left-image2[data-v-aa7f9c80]{width:calc(100% + 80px);margin:0 -40px;object-fit:cover;height:300px}.left-image2[data-v-aa7f9c80]{margin-bottom:20px;border-radius:0}.right-box[data-v-aa7f9c80]{width:55%;display:flex;flex-direction:column;align-items:center;padding-top:10px;overflow:hidden}.logo-wrapper[data-v-aa7f9c80]{display:flex;align-items:center;margin-left:50px;margin-bottom:40px;align-self:flex-start;gap:12px}.logo-image[data-v-aa7f9c80]{width:75px;object-fit:cover;border-radius:10px 10px 0 0;margin:0}.logo-text[data-v-aa7f9c80]{font-family:Protest Strike,sans-serif;font-size:26px;color:#08607a}.signin-container[data-v-aa7f9c80]{flex-direction:column;align-items:center;text-align:center;width:60%}h2[data-v-aa7f9c80]{font-size:35px;margin-bottom:10px;font-weight:700;color:#074a5d}.subtitle[data-v-aa7f9c80]{font-size:14px;color:gray;margin-bottom:25px}.input-group[data-v-aa7f9c80]{display:flex;align-items:flex-start;flex-direction:column;margin-bottom:20px}.input-group label[data-v-aa7f9c80]{font-size:16px;margin-bottom:8px;font-weight:700;color:#333}.input-group input[data-v-aa7f9c80]{width:100%;padding:12px;font-size:16px;color:#333;border:1px solid #ccc;border-radius:10px;box-sizing:border-box}.submit[data-v-aa7f9c80]{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-aa7f9c80]:hover{background-color:#165d52}.message[data-v-aa7f9c80]{margin:10px 0;padding:8px;color:#fff;background-color:#f44336;border-radius:5px}@media (max-width: 768px){.container[data-v-aa7f9c80]{flex-direction:column;padding:20px}.left-box[data-v-aa7f9c80],.right-box[data-v-aa7f9c80]{width:100%;max-width:100%;padding:0 20px 40px}.left-box h2[data-v-aa7f9c80]{font-size:24px!important;margin-bottom:10px}.left-box p[data-v-aa7f9c80]{font-size:14px;max-width:100%;line-height:1.4}.left-image[data-v-aa7f9c80],.left-image2[data-v-aa7f9c80]{height:150px;width:100%;margin:0}.logo-wrapper[data-v-aa7f9c80]{margin-left:0;margin-bottom:30px;gap:8px}.logo-image[data-v-aa7f9c80]{width:50px}.logo-text[data-v-aa7f9c80]{font-size:20px}.signin-container[data-v-aa7f9c80]{width:100%;padding:0 10px}h2[data-v-aa7f9c80]{font-size:28px;margin-bottom:15px}.subtitle[data-v-aa7f9c80]{font-size:13px;margin-bottom:20px}.input-group label[data-v-aa7f9c80]{font-size:14px;margin-bottom:6px}.input-group input[data-v-aa7f9c80]{font-size:14px;padding:10px}.submit[data-v-aa7f9c80]{padding:12px;font-size:16px}.message[data-v-aa7f9c80]{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-50153d4c]{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#333}[data-v-cfe26bf7]{font-family:Inter,sans-serif}.layout[data-v-cfe26bf7]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-cfe26bf7]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-cfe26bf7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-cfe26bf7]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-cfe26bf7]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-cfe26bf7]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-cfe26bf7]{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-cfe26bf7]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-cfe26bf7]{width:20px;height:16px}.top-right[data-v-cfe26bf7]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-cfe26bf7]{width:30px;height:30px;border-radius:50%;object-fit:cover}.filters[data-v-cfe26bf7]{display:flex;flex-direction:column;gap:16px;width:100%}.dropdown-group[data-v-cfe26bf7]{display:flex;gap:16px;width:100%}.custom-dropdown[data-v-cfe26bf7]{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-cfe26bf7]{width:20px;height:20px}.dropdown-label[data-v-cfe26bf7]{flex:1;color:#5a5a5a;font-size:14px}.dropdown-options[data-v-cfe26bf7]{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-cfe26bf7]{padding:8px 12px;cursor:pointer;color:#5a5a5a;font-size:14px}.dropdown-options li[data-v-cfe26bf7]:hover{background-color:#f5f5f5}.select-with-icon[data-v-cfe26bf7]{position:relative}.arrow-icon[data-v-cfe26bf7]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px}.table-container[data-v-cfe26bf7]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-cfe26bf7]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}.table-header h3[data-v-cfe26bf7]{font-size:13px;color:#111216;font-weight:700}.table-header .add-button[data-v-cfe26bf7]{font-size:13px;color:#074a5d;font-weight:700}.separator1[data-v-cfe26bf7]{border-bottom:1px solid #e5e7eb;margin:30px 0 10px}.add-button[data-v-cfe26bf7]{background-color:transparent;text-decoration:none;color:#06c;border:none;font-weight:700;cursor:pointer}table[data-v-cfe26bf7]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-cfe26bf7]{background-color:#f9f9f9}th[data-v-cfe26bf7],td[data-v-cfe26bf7]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-cfe26bf7]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-cfe26bf7]:last-child,td[data-v-cfe26bf7]:last-child{border-right:none}th[data-v-cfe26bf7]:first-child,td[data-v-cfe26bf7]:first-child{width:50px}th[data-v-cfe26bf7]:nth-child(n+2),td[data-v-cfe26bf7]:nth-child(n+2){width:1fr}.aksi button[data-v-cfe26bf7]{background:none;border:none;margin-right:5px;font-size:16px;cursor:pointer}.aksi button img[data-v-cfe26bf7]{width:20px;height:20px;object-fit:contain}.aksi button[data-v-cfe26bf7]:not(:last-child){border-right:1px solid #ccc}.aksi button[data-v-cfe26bf7]:last-child{margin-right:0}.aksi button[data-v-cfe26bf7]:hover{opacity:.7}.input-wrapper[data-v-cfe26bf7]{position:relative;display:flex;flex:1}.search-icon[data-v-cfe26bf7]{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:20px;height:20px}input[type=text][data-v-cfe26bf7]{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-cfe26bf7],thead[data-v-cfe26bf7],tbody[data-v-cfe26bf7],th[data-v-cfe26bf7],td[data-v-cfe26bf7],tr[data-v-cfe26bf7]{display:block;border:none}thead[data-v-cfe26bf7]{display:none}tr[data-v-cfe26bf7]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#fff}td[data-v-cfe26bf7]{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-cfe26bf7]: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-cfe26bf7]:first-child{padding-right:155px}td[data-v-cfe26bf7]:last-child{border-bottom:none}.table-header[data-v-cfe26bf7]{flex-direction:column;align-items:stretch;text-align:center;gap:10px}.table-header .add-button[data-v-cfe26bf7]{align-self:center;margin-bottom:0}.info-grid[data-v-cfe26bf7]{grid-template-columns:repeat(2,1fr);gap:30px 20px}.layout[data-v-cfe26bf7]{flex-direction:column}.main-content[data-v-cfe26bf7]{padding:16px}.input-wrapper[data-v-cfe26bf7]{width:100%}.input-wrapper input[data-v-cfe26bf7]{width:100%;font-size:14px}.dropdown-group[data-v-cfe26bf7]{flex-direction:column}}[data-v-0a2bb651]{font-family:Inter,sans-serif}.layout[data-v-0a2bb651]{display:flex;height:100vh;background-color:#f7f7f7}.main-content[data-v-0a2bb651]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-0a2bb651]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.container[data-v-0a2bb651]{width:100%;padding:0;font-family:Inter,sans-serif}.info-card[data-v-0a2bb651]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-0a2bb651]{display:flex;justify-content:space-between;align-items:center;padding:0;width:100%;font-size:14px}.table-header button[data-v-0a2bb651]{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-0a2bb651]{font-size:14px;color:#111216;font-weight:700;line-height:1.1;margin:0}.table-header .add-button[data-v-0a2bb651]{color:#074a5d;font-weight:700;margin-left:10px;text-decoration:none}.card[data-v-0a2bb651]{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #0000001a;margin-bottom:20px;border:1px solid #e5e5e5}.card-separator[data-v-0a2bb651]{height:1px;width:calc(100% + 40px);background-color:#e5e5e5;margin:10px 0 20px -20px}.table-card[data-v-0a2bb651]{padding:0;height:100%}.info-card h3[data-v-0a2bb651]{margin-top:5px;color:#070707;font-size:15px}.table-card h3[data-v-0a2bb651]{margin-top:20px;font-size:15px;color:#070707;padding-left:20px}.table-card table[data-v-0a2bb651]{width:100%;margin-top:10px;border-collapse:collapse}.info-grid[data-v-0a2bb651]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px 20px;font-size:14px}.info-grid div strong[data-v-0a2bb651]{display:block;margin-bottom:7px;font-weight:600;color:#111827}.info-grid .value[data-v-0a2bb651]{color:#333436}table[data-v-0a2bb651]{width:100%;border-collapse:collapse;font-size:14px}thead th[data-v-0a2bb651]{background-color:#fafafa;color:#7d7f81;font-weight:600;padding:8px;text-align:center}tbody tr:nth-child(odd) td[data-v-0a2bb651]{background-color:#fff;text-align:center;vertical-align:middle;color:#000}tbody tr:nth-child(2n) td[data-v-0a2bb651]{background-color:#f9fafb;text-align:center;vertical-align:middle}td[data-v-0a2bb651],th[data-v-0a2bb651]{padding:8px;border:1px solid #d1d5db}.aksi button[data-v-0a2bb651]{background:none;border:none;margin-right:5px;font-size:16px;cursor:pointer}.aksi button img[data-v-0a2bb651]{width:20px;height:20px;object-fit:contain}.aksi button[data-v-0a2bb651]:not(:last-child){border-right:1px solid #ccc}.aksi button[data-v-0a2bb651]:last-child{margin-right:0}.aksi button[data-v-0a2bb651]:hover{opacity:.7}@media (max-width: 768px){table[data-v-0a2bb651],thead[data-v-0a2bb651],tbody[data-v-0a2bb651],th[data-v-0a2bb651],td[data-v-0a2bb651],tr[data-v-0a2bb651]{display:block;border:none}thead[data-v-0a2bb651]{display:none}tr[data-v-0a2bb651]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#fff}td[data-v-0a2bb651]{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-0a2bb651]: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-0a2bb651]:last-child{border-bottom:none}.table-header[data-v-0a2bb651]{flex-direction:column;align-items:stretch;text-align:center;gap:10px}.table-header .add-button[data-v-0a2bb651]{align-self:center;margin-bottom:0}.info-grid[data-v-0a2bb651]{grid-template-columns:repeat(2,1fr);gap:30px 20px}.layout[data-v-0a2bb651]{flex-direction:column}.main-content[data-v-0a2bb651]{padding:16px}}[data-v-8fd3815e]{font-family:Inter,sans-serif}.layout[data-v-8fd3815e]{display:flex;height:100vh;background-color:#f7f7f7}.container[data-v-8fd3815e]{width:100%;padding:0;font-family:Inter,sans-serif}.info-card[data-v-8fd3815e]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-8fd3815e]{display:flex;justify-content:space-between;align-items:flex-start;padding:0;width:100%;font-size:14px}.table-header h3[data-v-8fd3815e]{font-size:14px;color:#111216;font-weight:700;line-height:1.1;margin:0}.table-header .add-button[data-v-8fd3815e]{color:#074a5d;font-weight:700;margin-left:10px;text-decoration:none}.card[data-v-8fd3815e]{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #0000001a;margin-bottom:20px;border:1px solid #e5e5e5}.card-separator[data-v-8fd3815e]{height:1px;width:calc(100% + 40px);background-color:#e5e5e5;margin:10px 0 20px -20px}.table-card[data-v-8fd3815e]{padding:0;height:100%}.info-card h3[data-v-8fd3815e]{margin-top:5px;color:#070707;font-size:15px}.table-card h3[data-v-8fd3815e]{margin-top:20px;font-size:15px;color:#070707;padding-left:20px}.table-card table[data-v-8fd3815e]{width:100%;margin-top:10px;border-collapse:collapse}.info-grid[data-v-8fd3815e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px 20px;font-size:14px}.info-grid div strong[data-v-8fd3815e]{display:block;margin-bottom:7px;font-weight:600;color:#111827}.info-grid .value[data-v-8fd3815e]{color:#333436}.main-content[data-v-8fd3815e]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-8fd3815e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-8fd3815e]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-8fd3815e]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-8fd3815e]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-8fd3815e]{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-8fd3815e]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-8fd3815e]{width:20px;height:16px}.top-right[data-v-8fd3815e]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-8fd3815e]{width:30px;height:30px;border-radius:50%;object-fit:cover}.form-container[data-v-8fd3815e]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-8fd3815e]{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-8fd3815e]{margin-bottom:35px}.section h4[data-v-8fd3815e]{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-8fd3815e]{border-top:none;padding-top:0}.form-row[data-v-8fd3815e]{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-8fd3815e],.form-row select[data-v-8fd3815e]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-8fd3815e]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-8fd3815e]{text-align:right}.justify-end[data-v-8fd3815e]{justify-content:flex-end}.button-row[data-v-8fd3815e]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-8fd3815e],.btn-submit[data-v-8fd3815e]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px}.btn-cancel[data-v-8fd3815e]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-8fd3815e]{background:#074a5d;color:#fff}.button-container[data-v-8fd3815e]{display:flex;justify-content:space-between;gap:10px}[data-v-8fd3815e] input::placeholder,[data-v-8fd3815e] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-8fd3815e]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-8fd3815e]{flex-direction:column}.menu-section[data-v-8fd3815e]{flex:1;margin-top:0}.main-content[data-v-8fd3815e]{padding:16px}.form-row[data-v-8fd3815e]{grid-template-columns:1fr;gap:12px}.form-row label[data-v-8fd3815e]{text-align:left;grid-column:1;font-weight:600}.form-row input[data-v-8fd3815e],.form-row select[data-v-8fd3815e]{width:100%;grid-column:1;height:40px}.form-row .right-align[data-v-8fd3815e]{text-align:left!important}.info-grid[data-v-8fd3815e]{grid-template-columns:repeat(2,1fr);gap:30px 20px}.btn-cancel[data-v-8fd3815e],.btn-submit[data-v-8fd3815e]{width:100%;margin-bottom:10px}.button-container[data-v-8fd3815e]{flex-direction:column;gap:10px}}[data-v-8e513fee]{font-family:Inter,sans-serif}.layout[data-v-8e513fee]{display:flex;min-height:50vh;background-color:#f7f7f7}.container[data-v-8e513fee]{width:100%;padding:0;font-family:Inter,sans-serif}.info-card[data-v-8e513fee]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-8e513fee]{display:flex;justify-content:space-between;align-items:flex-start;padding:0;width:100%;font-size:14px}.table-header h3[data-v-8e513fee]{font-size:14px;color:#111216;font-weight:700;line-height:1.1;margin:0}.table-header .add-button[data-v-8e513fee]{color:#074a5d;font-weight:700;margin-left:10px;text-decoration:none}.card[data-v-8e513fee]{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #0000001a;margin-bottom:20px;border:1px solid #e5e5e5}.card-separator[data-v-8e513fee]{height:1px;width:calc(100% + 40px);background-color:#e5e5e5;margin:10px 0 20px -20px}.table-card[data-v-8e513fee]{padding:0;height:100%}.info-card h3[data-v-8e513fee]{margin-top:5px;color:#070707;font-size:15px}.table-card h3[data-v-8e513fee]{margin-top:20px;font-size:15px;color:#070707;padding-left:20px}.table-card table[data-v-8e513fee]{width:100%;margin-top:10px;border-collapse:collapse}.info-grid[data-v-8e513fee]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px 20px;font-size:14px}.info-grid div strong[data-v-8e513fee]{display:block;margin-bottom:7px;font-weight:600;color:#111827}.info-grid .value[data-v-8e513fee]{color:#333436}.main-content[data-v-8e513fee]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-8e513fee]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-8e513fee]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-8e513fee]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-8e513fee]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-8e513fee]{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-8e513fee]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-8e513fee]{width:20px;height:16px}.top-right[data-v-8e513fee]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-8e513fee]{width:30px;height:30px;border-radius:50%;object-fit:cover}.form-container[data-v-8e513fee]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-8e513fee]{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-8e513fee]{margin-bottom:35px}.section h4[data-v-8e513fee]{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-8e513fee]{border-top:none;padding-top:0}.form-row[data-v-8e513fee]{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-8e513fee],.form-row select[data-v-8e513fee]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-8e513fee]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-8e513fee]{text-align:right}.justify-end[data-v-8e513fee]{justify-content:flex-end}.button-row[data-v-8e513fee]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-8e513fee],.btn-submit[data-v-8e513fee]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px}.btn-cancel[data-v-8e513fee]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-8e513fee]{background:#074a5d;color:#fff}.button-container[data-v-8e513fee]{display:flex;justify-content:space-between;gap:10px}[data-v-8e513fee] input::placeholder,[data-v-8e513fee] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-8e513fee]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-8e513fee]{flex-direction:column}.sidebar[data-v-8e513fee]{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;flex-direction:row;overflow-x:auto}.menu-section[data-v-8e513fee]{flex:1;margin-top:0}.main-content[data-v-8e513fee]{padding:16px}.sidebar-footer[data-v-8e513fee]{display:none}}[data-v-36d809af]{font-family:Inter,sans-serif}.layout[data-v-36d809af]{display:flex;height:100vh;background-color:#f7f7f7}.container[data-v-36d809af]{width:100%;padding:0;font-family:Inter,sans-serif}.info-card[data-v-36d809af]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-36d809af]{display:flex;justify-content:space-between;align-items:flex-start;padding:0;width:100%;font-size:14px}.table-header h3[data-v-36d809af]{font-size:14px;color:#111216;font-weight:700;line-height:1.1;margin:0}.table-header .add-button[data-v-36d809af]{color:#074a5d;font-weight:700;margin-left:10px;text-decoration:none}.card[data-v-36d809af]{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #0000001a;margin-bottom:20px;border:1px solid #e5e5e5}.card-separator[data-v-36d809af]{height:1px;width:calc(100% + 40px);background-color:#e5e5e5;margin:10px 0 20px -20px}.table-card[data-v-36d809af]{padding:0;height:100%}.info-card h3[data-v-36d809af]{margin-top:5px;color:#070707;font-size:15px}.table-card h3[data-v-36d809af]{margin-top:20px;font-size:15px;color:#070707;padding-left:20px}.table-card table[data-v-36d809af]{width:100%;margin-top:10px;border-collapse:collapse}.info-grid[data-v-36d809af]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px 20px;font-size:14px}.info-grid div strong[data-v-36d809af]{display:block;margin-bottom:7px;font-weight:600;color:#111827}.info-grid .value[data-v-36d809af]{color:#333436}.main-content[data-v-36d809af]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-36d809af]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-36d809af]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-36d809af]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-36d809af]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-36d809af]{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-36d809af]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-36d809af]{width:20px;height:16px}.top-right[data-v-36d809af]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-36d809af]{width:30px;height:30px;border-radius:50%;object-fit:cover}.form-container[data-v-36d809af]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-36d809af]{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-36d809af]{margin-bottom:35px}.section h4[data-v-36d809af]{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-36d809af]{border-top:none;padding-top:0}.form-row[data-v-36d809af]{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-36d809af],.form-row select[data-v-36d809af]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-36d809af]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-36d809af]{text-align:right}.justify-end[data-v-36d809af]{justify-content:flex-end}.button-row[data-v-36d809af]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-36d809af],.btn-submit[data-v-36d809af]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px}.btn-cancel[data-v-36d809af]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-36d809af]{background:#074a5d;color:#fff}.button-container[data-v-36d809af]{display:flex;justify-content:space-between;gap:10px}[data-v-36d809af] input::placeholder,[data-v-36d809af] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-36d809af]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-36d809af]{flex-direction:column}.menu-section[data-v-36d809af]{flex:1;margin-top:0}.main-content[data-v-36d809af]{padding:16px}.form-row[data-v-36d809af]{grid-template-columns:1fr;gap:12px}.form-row label[data-v-36d809af]{text-align:left;grid-column:1;font-weight:600}.form-row input[data-v-36d809af],.form-row select[data-v-36d809af]{width:100%;grid-column:1;height:40px}.form-row .right-align[data-v-36d809af]{text-align:left!important}.info-grid[data-v-36d809af]{grid-template-columns:repeat(2,1fr);gap:30px 20px}.btn-cancel[data-v-36d809af],.btn-submit[data-v-36d809af]{width:100%;margin-bottom:10px}.button-container[data-v-36d809af]{flex-direction:column;gap:10px}}[data-v-d4879669]{font-family:Inter,sans-serif}.layout[data-v-d4879669]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-d4879669]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-d4879669]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.form-container[data-v-d4879669]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-d4879669]{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-d4879669]{margin-bottom:35px}.section h4[data-v-d4879669]{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-d4879669]{border-top:none;padding-top:0}.form-row[data-v-d4879669]{display:flex;gap:24px;margin-bottom:16px}.form-group[data-v-d4879669]{flex:1;display:flex;align-items:center;gap:12px}.form-group label[data-v-d4879669]{font-weight:700;font-size:13px;color:#070707;width:100px;margin-bottom:0}.form-group input[data-v-d4879669]{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-d4879669]{text-align:right}.justify-end[data-v-d4879669]{justify-content:flex-end}.button-row[data-v-d4879669]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-d4879669],.btn-submit[data-v-d4879669]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px}.btn-cancel[data-v-d4879669]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-d4879669]{background:#074a5d;color:#fff;padding-top:5px}.button-container[data-v-d4879669]{display:flex;justify-content:space-between;gap:10px}[data-v-d4879669] input::placeholder,[data-v-d4879669] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-d4879669]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-d4879669]{flex-direction:column}.main-content[data-v-d4879669]{padding:16px}.form-row[data-v-d4879669]{flex-direction:column;gap:12px}.form-group[data-v-d4879669]{flex-direction:column;align-items:flex-start;gap:6px}.form-group label[data-v-d4879669],.form-group input[data-v-d4879669]{width:100%}.btn-cancel[data-v-d4879669],.btn-submit[data-v-d4879669]{width:48%}.button-row[data-v-d4879669]{flex-wrap:wrap;gap:10px}.card-separator[data-v-d4879669]{width:100%;margin-left:0}}[data-v-622c3a24]{font-family:Inter,sans-serif}.layout[data-v-622c3a24]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-622c3a24]{padding:30px 20px;flex:1 1 100%;background-color:#fff;display:flex;flex-direction:column}.separator[data-v-622c3a24]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.form-container[data-v-622c3a24]{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-622c3a24]{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-622c3a24]{margin-bottom:35px}.section h4[data-v-622c3a24]{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-622c3a24]{border-top:none;padding-top:0}.form-row[data-v-622c3a24]{display:flex;gap:24px;margin-bottom:16px;flex-wrap:wrap}.form-group[data-v-622c3a24]{flex:1 1 300px;display:flex;align-items:center;gap:12px;min-width:0}.form-group label[data-v-622c3a24]{font-weight:700;font-size:13px;color:#070707;width:120px;margin-bottom:0;flex-shrink:0}.form-group input[data-v-622c3a24]{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-622c3a24]{text-align:right}.justify-end[data-v-622c3a24]{justify-content:flex-end}.button-row[data-v-622c3a24]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-622c3a24],.btn-submit[data-v-622c3a24]{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-622c3a24]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-622c3a24]{background:#074a5d;color:#fff;padding-top:5px}[data-v-622c3a24] input::placeholder,[data-v-622c3a24] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-622c3a24]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-622c3a24]{flex-direction:column}.sidebar[data-v-622c3a24]{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;flex-direction:row;overflow-x:auto}.menu-section[data-v-622c3a24]{flex:1;margin-top:0}.main-content[data-v-622c3a24]{padding:16px 12px}.form-group label[data-v-622c3a24]{width:100px;font-size:12px}.button-row[data-v-622c3a24]{flex-direction:column;align-items:stretch}.btn-cancel[data-v-622c3a24],.btn-submit[data-v-622c3a24]{width:100%;max-width:100%}}.sidebar-footer[data-v-622c3a24]{display:none}[data-v-29dfa90d]{font-family:Inter,sans-serif}.styled-select[data-v-29dfa90d]{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-29dfa90d],.styled-select option[disabled][data-v-29dfa90d]{color:#aaa}.container[data-v-29dfa90d]{display:flex;min-height:100vh;overflow-y:auto}.password-wrapper[data-v-29dfa90d]{position:relative}.toggle-password[data-v-29dfa90d]{position:absolute;right:10px;top:55%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:0}.eye-icon[data-v-29dfa90d]{width:20px;height:20px}.left-box[data-v-29dfa90d]{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-29dfa90d]{font-size:35px;margin-bottom:5px}.left-box p[data-v-29dfa90d]{font-size:16px;max-width:80%;line-height:1.5}.left-image[data-v-29dfa90d],.left-image2[data-v-29dfa90d]{width:calc(100% + 80px);margin:0 -40px;object-fit:cover;height:300px}.left-image2[data-v-29dfa90d]{margin-bottom:20px;border-radius:0}.right-box[data-v-29dfa90d]{width:55%;display:flex;flex-direction:column;align-items:center;padding-top:10px;overflow:hidden}.logo-wrapper[data-v-29dfa90d]{display:flex;align-items:center;gap:12px;margin-left:50px;margin-bottom:40px;align-self:flex-start}.logo-image[data-v-29dfa90d]{width:75px;object-fit:cover;border-radius:10px 10px 0 0;margin-left:25px}.logo-text[data-v-29dfa90d]{font-family:Protest Strike,sans-serif;font-size:26px;color:#08607a}.register-container[data-v-29dfa90d]{width:80%;max-width:450px;text-align:center;padding-top:100px}h2[data-v-29dfa90d]{font-size:32px;margin-bottom:10px;font-weight:700}.subtitle[data-v-29dfa90d]{font-size:14px;color:gray;margin-bottom:25px}.input-group[data-v-29dfa90d]{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.input-group label[data-v-29dfa90d]{font-size:16px;margin-bottom:5px;font-weight:700}.input-group input[data-v-29dfa90d]{width:100%;padding:10px;border:1px solid #ccc;border-radius:10px}.input-group input[data-v-29dfa90d]::placeholder{color:#b0b3b5;font-size:15px}.input-group input[data-v-29dfa90d],.input-group select[data-v-29dfa90d]{width:100%;padding:12px;font-size:15px;box-sizing:border-box}.input-group select[data-v-29dfa90d]{border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#fff;font-size:15px;color:#333}.input-with-icon.full-width[data-v-29dfa90d]{width:100%}.input-with-icon[data-v-29dfa90d]{position:relative}.form-icon-right[data-v-29dfa90d]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:.6}.input-with-icon input[data-v-29dfa90d]{padding-right:40px}.signin-btn[data-v-29dfa90d]{width:100%;padding:10px;background-color:#4f93af;color:#fff;border:none;border-radius:20px;cursor:pointer;margin-top:15px}.signin-btn[data-v-29dfa90d]:hover{background-color:#165d52}.divider[data-v-29dfa90d]{text-align:center;margin:20px 0;color:#7d7f81;font-size:14px}.signup-text[data-v-29dfa90d]{font-size:14px;margin-top:10px;padding-top:10px;color:#7d7f81}.signup-text a[data-v-29dfa90d]{color:#ffad54;text-decoration:none;font-weight:700}.signup-text a[data-v-29dfa90d]:hover{text-decoration:underline}.success[data-v-29dfa90d]{color:green;margin-top:10px}.error[data-v-29dfa90d]{color:red;margin-top:10px}@media (max-width: 768px){.container[data-v-29dfa90d]{flex-direction:column;padding:20px}.left-box[data-v-29dfa90d]{display:none}.right-box[data-v-29dfa90d]{width:100%;max-width:100%}.left-image[data-v-29dfa90d],.left-image2[data-v-29dfa90d]{height:150px;object-fit:cover}.left-box h2[data-v-29dfa90d]{font-size:24px}.left-box p[data-v-29dfa90d]{font-size:14px;max-width:100%}.logo-wrapper[data-v-29dfa90d]{margin-left:0;margin-bottom:40px}.logo-image[data-v-29dfa90d]{width:50px;margin-left:0}.logo-text[data-v-29dfa90d]{font-size:20px}h2[data-v-29dfa90d]{margin-top:2px;font-size:26px}.register-container[data-v-29dfa90d]{width:100%;max-width:100%;padding:0 20px;box-sizing:border-box}.signin-container[data-v-29dfa90d],.input-group input[data-v-29dfa90d],.input-group select[data-v-29dfa90d],.signin-btn[data-v-29dfa90d]{width:100%}.signup-text[data-v-29dfa90d]{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-c9f95ca1]{font-family:Inter,sans-serif}.styled-select[data-v-c9f95ca1]{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-c9f95ca1],.styled-select option[disabled][data-v-c9f95ca1]{color:#aaa}.container[data-v-c9f95ca1]{display:flex;min-height:100vh;overflow-y:auto}.password-wrapper[data-v-c9f95ca1]{position:relative}.toggle-password[data-v-c9f95ca1]{position:absolute;right:10px;top:55%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:0}.eye-icon[data-v-c9f95ca1]{width:20px;height:20px}.left-box[data-v-c9f95ca1]{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-c9f95ca1]{font-size:35px;margin-bottom:5px}.left-box p[data-v-c9f95ca1]{font-size:16px;max-width:80%;line-height:1.5}.left-image[data-v-c9f95ca1],.left-image2[data-v-c9f95ca1]{width:calc(100% + 80px);margin:0 -40px;object-fit:cover;height:300px}.left-image2[data-v-c9f95ca1]{margin-bottom:20px;border-radius:0}.right-box[data-v-c9f95ca1]{width:55%;display:flex;flex-direction:column;align-items:center;padding-top:10px;overflow:hidden}.logo-wrapper[data-v-c9f95ca1]{display:flex;align-items:center;gap:12px;margin-left:50px;margin-bottom:40px;align-self:flex-start}.logo-image[data-v-c9f95ca1]{width:75px;object-fit:cover;border-radius:10px 10px 0 0;margin-left:25px}.logo-text[data-v-c9f95ca1]{font-family:Protest Strike,sans-serif;font-size:26px;color:#08607a}.register-container[data-v-c9f95ca1]{width:80%;max-width:450px;text-align:center;padding-top:70px}h2[data-v-c9f95ca1]{font-size:32px;margin-bottom:10px;font-weight:700}.subtitle[data-v-c9f95ca1]{font-size:14px;color:gray;margin-bottom:25px}.input-group[data-v-c9f95ca1]{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.input-group label[data-v-c9f95ca1]{font-size:16px;margin-bottom:5px;font-weight:700}.input-group input[data-v-c9f95ca1]{width:100%;padding:10px;border:1px solid #ccc;border-radius:10px}.input-group input[data-v-c9f95ca1]::placeholder{color:#b0b3b5;font-size:15px}.input-group input[data-v-c9f95ca1],.input-group select[data-v-c9f95ca1]{width:100%;padding:12px;font-size:15px;box-sizing:border-box}.input-group select[data-v-c9f95ca1]{border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#fff;font-size:15px;color:#333}.input-with-icon.full-width[data-v-c9f95ca1]{width:100%}.input-with-icon[data-v-c9f95ca1]{position:relative}.form-icon-right[data-v-c9f95ca1]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:.6}.input-with-icon input[data-v-c9f95ca1]{padding-right:40px}.signin-btn[data-v-c9f95ca1]{width:100%;padding:10px;background-color:#4f93af;color:#fff;border:none;border-radius:20px;cursor:pointer;margin-top:15px}.signin-btn[data-v-c9f95ca1]:hover{background-color:#165d52}.divider[data-v-c9f95ca1]{text-align:center;margin:20px 0;color:gray;font-size:14px}.social-login[data-v-c9f95ca1]{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.social-login[data-v-c9f95ca1]{display:flex;flex-direction:row;justify-content:center;gap:10px;margin-bottom:20px}.social-icon[data-v-c9f95ca1]{width:23px;height:23px;margin-right:10px;vertical-align:middle;flex-wrap:wrap}.apple-icon[data-v-c9f95ca1]{width:27px;height:23px;margin-right:5px;vertical-align:middle}.google-btn[data-v-c9f95ca1],.apple-btn[data-v-c9f95ca1]{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-c9f95ca1]:hover,.apple-btn[data-v-c9f95ca1]:hover{background-color:#f1f1f1}.signup-text[data-v-c9f95ca1]{font-size:14px;margin-top:10px}.signup-text a[data-v-c9f95ca1]{color:#ffad54;text-decoration:none;font-weight:700}.signup-text a[data-v-c9f95ca1]:hover{text-decoration:underline}.success[data-v-c9f95ca1]{color:green;margin-top:10px}.error[data-v-c9f95ca1]{color:red;margin-top:10px}@media (max-width: 768px){.container[data-v-c9f95ca1]{flex-direction:column;padding:20px}.left-box[data-v-c9f95ca1]{display:none}.right-box[data-v-c9f95ca1]{width:100%;max-width:100%}.left-image[data-v-c9f95ca1],.left-image2[data-v-c9f95ca1]{height:150px}.left-box h2[data-v-c9f95ca1]{font-size:24px}.left-box p[data-v-c9f95ca1]{font-size:14px;max-width:100%}.logo-wrapper[data-v-c9f95ca1]{margin-left:0;margin-bottom:40px;gap:8px}.logo-image[data-v-c9f95ca1]{width:50px}.logo-text[data-v-c9f95ca1]{font-size:20px}h2[data-v-c9f95ca1]{margin-top:2px;font-size:27px}.signin-container[data-v-c9f95ca1]{width:100%}.input-group input[data-v-c9f95ca1],.input-group[data-v-c9f95ca1]{width:100%;box-sizing:border-box}.register-container[data-v-c9f95ca1]{width:100%;max-width:100%;padding:0 20px;box-sizing:border-box}.signin-btn[data-v-c9f95ca1]{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-9998b7f2]{font-family:Inter,sans-serif}.layout[data-v-9998b7f2]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-9998b7f2]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-9998b7f2]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.quick-menu[data-v-9998b7f2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px}.menu-card[data-v-9998b7f2]{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-9998b7f2]:hover{background-color:#08607a}.menu-card[data-v-9998b7f2]:active{background-color:#08607a;box-shadow:0 6px 12px #0003}.menu-card .icon-wrapper[data-v-9998b7f2]{display:flex;justify-content:center;align-items:center;margin-left:15px}.menu-card p[data-v-9998b7f2]{color:#fff;font-size:20px;font-weight:600;margin:0;line-height:2.5;text-align:center}.title-wrapper[data-v-9998b7f2]{flex:1;display:flex;justify-content:center}.icon[data-v-9998b7f2]{width:35px;height:35px;object-fit:cover}.icon path[data-v-9998b7f2]{fill:#fff}.date-box[data-v-9998b7f2]{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-9998b7f2]{flex-direction:column}.sidebar[data-v-9998b7f2]{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch}.menu-section[data-v-9998b7f2]{flex:1;margin-top:0}.main-content[data-v-9998b7f2]{padding:16px;width:100%;box-sizing:border-box}.quick-menu[data-v-9998b7f2]{grid-template-columns:1fr!important;gap:12px}.menu-card[data-v-9998b7f2]{padding:16px;font-size:16px;gap:10px}.menu-card .icon-wrapper[data-v-9998b7f2]{margin-left:10px}.menu-card p[data-v-9998b7f2]{text-align:left;font-size:16px}.title-wrapper[data-v-9998b7f2]{justify-content:flex-start}.sidebar-footer[data-v-9998b7f2]{display:none}}[data-v-26c2cab6]{font-family:Inter,sans-serif}.layout[data-v-26c2cab6]{display:flex;height:100vh;background-color:#f7f7f7}.main-content[data-v-26c2cab6]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-26c2cab6]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.container[data-v-26c2cab6]{padding-bottom:3rem}.filters[data-v-26c2cab6]{display:flex;flex-direction:column;gap:16px;width:100%}.dropdown-group[data-v-26c2cab6]{display:flex;gap:16px;width:100%}.custom-dropdown[data-v-26c2cab6]{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-26c2cab6]{width:20px;height:20px}.dropdown-label[data-v-26c2cab6]{flex:1;color:#5a5a5a;font-size:14px}.dropdown-options[data-v-26c2cab6]{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-26c2cab6]{padding:8px 12px;cursor:pointer;color:#5a5a5a;font-size:14px}.dropdown-options li[data-v-26c2cab6]:hover{background-color:#f5f5f5}.select-with-icon[data-v-26c2cab6]{position:relative}.arrow-icon[data-v-26c2cab6]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px}.table-container[data-v-26c2cab6]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-26c2cab6]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}.table-header h3[data-v-26c2cab6]{font-size:13px;color:#111216;font-weight:700}.table-header .add-button[data-v-26c2cab6]{font-size:13px;color:#074a5d;font-weight:700}.separator1[data-v-26c2cab6]{border-bottom:1px solid #e5e7eb;margin:30px 0 10px}.add-button[data-v-26c2cab6]{background-color:transparent;text-decoration:none;color:#06c;border:none;font-weight:700;cursor:pointer}table[data-v-26c2cab6]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-26c2cab6]{background-color:#f9f9f9}th[data-v-26c2cab6],td[data-v-26c2cab6]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-26c2cab6]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-26c2cab6]:first-child,td[data-v-26c2cab6]:first-child{width:50px;border-right:1px solid #ccc}th[data-v-26c2cab6]:nth-child(n+2),td[data-v-26c2cab6]:nth-child(n+2){width:1fr}.aksi button[data-v-26c2cab6]{background:none;border:none;margin-right:5px;font-size:16px;cursor:pointer}.aksi button img[data-v-26c2cab6]{width:20px;height:20px;object-fit:contain}.aksi button[data-v-26c2cab6]:not(:last-child){border-right:1px solid #ccc}.aksi button[data-v-26c2cab6]:last-child{margin-right:0}.aksi button[data-v-26c2cab6]:hover{opacity:.7}.input-wrapper[data-v-26c2cab6]{position:relative;display:flex;flex:1}.search-icon[data-v-26c2cab6]{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:20px;height:20px}input[type=text][data-v-26c2cab6]{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-26c2cab6],thead[data-v-26c2cab6],tbody[data-v-26c2cab6],th[data-v-26c2cab6],td[data-v-26c2cab6],tr[data-v-26c2cab6]{display:block;border:none}thead[data-v-26c2cab6]{display:none}tr[data-v-26c2cab6]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#fff}td[data-v-26c2cab6]{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-26c2cab6]:first-child{border-right:1px solid #ffffff;padding-right:155px}td[data-v-26c2cab6]: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-26c2cab6]:last-child{border-bottom:none}.table-header[data-v-26c2cab6]{flex-direction:column;align-items:stretch;text-align:center;gap:10px}.table-header .add-button[data-v-26c2cab6]{align-self:center;margin-bottom:0}.info-grid[data-v-26c2cab6]{grid-template-columns:repeat(2,1fr);gap:30px 20px}.layout[data-v-26c2cab6]{flex-direction:column}.main-content[data-v-26c2cab6]{padding:16px}.input-wrapper[data-v-26c2cab6]{width:100%}.input-wrapper input[data-v-26c2cab6]{width:100%;font-size:14px}.dropdown-group[data-v-26c2cab6]{flex-direction:column}}[data-v-1e1051e5]{font-family:Inter,sans-serif}.layout[data-v-1e1051e5]{display:flex;height:100vh;background-color:#f7f7f7}.main-content[data-v-1e1051e5]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-1e1051e5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-1e1051e5]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-1e1051e5]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-1e1051e5]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-1e1051e5]{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-1e1051e5]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-1e1051e5]{width:20px;height:16px}.top-right[data-v-1e1051e5]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-1e1051e5]{width:30px;height:30px;border-radius:50%;object-fit:cover}.form-container[data-v-1e1051e5]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-1e1051e5]{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-1e1051e5]{margin-bottom:35px}.section h4[data-v-1e1051e5]{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-1e1051e5]{border-top:none;padding-top:0}.form-row[data-v-1e1051e5]{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-1e1051e5],.form-row select[data-v-1e1051e5]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-1e1051e5]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-1e1051e5]{text-align:right}.justify-end[data-v-1e1051e5]{justify-content:flex-end}.button-row[data-v-1e1051e5]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-1e1051e5],.btn-submit[data-v-1e1051e5]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px}.btn-cancel[data-v-1e1051e5]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-1e1051e5]{background:#074a5d;color:#fff}.button-container[data-v-1e1051e5]{display:flex;justify-content:space-between;gap:10px}[data-v-1e1051e5] input::placeholder,[data-v-1e1051e5] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-1e1051e5]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.form-row[data-v-1e1051e5]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-row label[data-v-1e1051e5]{text-align:left!important;width:100%}.btn-cancel[data-v-1e1051e5],.btn-submit[data-v-1e1051e5]{width:100%}.button-row[data-v-1e1051e5]{flex-direction:column;align-items:stretch;gap:10px}}[data-v-f85e7cc5]{font-family:Inter,sans-serif}.layout[data-v-f85e7cc5]{display:flex;height:100vh;background-color:#f7f7f7}.main-content[data-v-f85e7cc5]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-f85e7cc5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-f85e7cc5]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-f85e7cc5]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-f85e7cc5]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-f85e7cc5]{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-f85e7cc5]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-f85e7cc5]{width:20px;height:16px}.top-right[data-v-f85e7cc5]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-f85e7cc5]{width:30px;height:30px;border-radius:50%;object-fit:cover}.form-container[data-v-f85e7cc5]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-f85e7cc5]{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-f85e7cc5]{margin-bottom:35px}.section h4[data-v-f85e7cc5]{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-f85e7cc5]{border-top:none;padding-top:0}.form-row[data-v-f85e7cc5]{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-f85e7cc5],.form-row select[data-v-f85e7cc5]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-f85e7cc5]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-f85e7cc5]{text-align:right}.justify-end[data-v-f85e7cc5]{justify-content:flex-end}.button-row[data-v-f85e7cc5]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-f85e7cc5],.btn-submit[data-v-f85e7cc5]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px}.btn-cancel[data-v-f85e7cc5]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-f85e7cc5]{background:#074a5d;color:#fff}.button-container[data-v-f85e7cc5]{display:flex;justify-content:space-between;gap:10px}[data-v-f85e7cc5] input::placeholder,[data-v-f85e7cc5] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-f85e7cc5]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.form-row[data-v-f85e7cc5]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-row label[data-v-f85e7cc5]{text-align:left!important;width:100%}.btn-cancel[data-v-f85e7cc5],.btn-submit[data-v-f85e7cc5]{width:100%}.button-row[data-v-f85e7cc5]{flex-direction:column;align-items:stretch;gap:10px}}[data-v-c7899fd9]{font-family:Inter,sans-serif}.layout[data-v-c7899fd9]{display:flex;height:100vh;background-color:#f7f7f7}.main-content[data-v-c7899fd9]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-c7899fd9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-c7899fd9]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-c7899fd9]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-c7899fd9]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-c7899fd9]{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-c7899fd9]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-c7899fd9]{width:20px;height:16px}.top-right[data-v-c7899fd9]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-c7899fd9]{width:30px;height:30px;border-radius:50%;object-fit:cover}.form-container[data-v-c7899fd9]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-c7899fd9]{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-c7899fd9]{margin-bottom:35px}.section h4[data-v-c7899fd9]{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-c7899fd9]{border-top:none;padding-top:0}.form-row[data-v-c7899fd9]{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-c7899fd9],.form-row select[data-v-c7899fd9]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-c7899fd9]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-c7899fd9]{text-align:right}.justify-end[data-v-c7899fd9]{justify-content:flex-end}.button-row[data-v-c7899fd9]{display:flex;justify-content:space-between;gap:10px;width:100%}.btn-cancel[data-v-c7899fd9],.btn-submit[data-v-c7899fd9]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;width:12%;height:40px}.btn-cancel[data-v-c7899fd9]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-c7899fd9]{background:#074a5d;color:#fff}.button-container[data-v-c7899fd9]{display:flex;justify-content:space-between;gap:10px}[data-v-c7899fd9] input::placeholder,[data-v-c7899fd9] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-c7899fd9]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.form-row[data-v-c7899fd9]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-row label[data-v-c7899fd9]{text-align:left!important;width:100%}.btn-cancel[data-v-c7899fd9],.btn-submit[data-v-c7899fd9]{width:100%}.button-row[data-v-c7899fd9]{flex-direction:column;align-items:stretch;gap:10px}}[data-v-71e5cee6]{font-family:Inter,sans-serif}.layout[data-v-71e5cee6]{display:flex;height:100vh;background-color:#f7f7f7}.main-content[data-v-71e5cee6]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-71e5cee6]{border-bottom:1px solid #e5e7eb;margin:20px 0}.table-container[data-v-71e5cee6]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-71e5cee6]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}.table-header h3[data-v-71e5cee6]{font-size:13px;color:#111216;font-weight:700}.table-header .add-button[data-v-71e5cee6]{font-size:13px;color:#074a5d;font-weight:700;text-decoration:none}table[data-v-71e5cee6]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-71e5cee6]{background-color:#f9f9f9}th[data-v-71e5cee6],td[data-v-71e5cee6]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-71e5cee6]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-71e5cee6]:last-child,td[data-v-71e5cee6]:last-child{border-right:none}th[data-v-71e5cee6]:first-child,td[data-v-71e5cee6]:first-child{width:50px}th[data-v-71e5cee6]:nth-child(n+2),td[data-v-71e5cee6]:nth-child(n+2){width:1fr}@media (max-width: 768px){table[data-v-71e5cee6],thead[data-v-71e5cee6],tbody[data-v-71e5cee6],th[data-v-71e5cee6],td[data-v-71e5cee6],tr[data-v-71e5cee6]{display:block;border:none}thead[data-v-71e5cee6]{display:none}.table-container[data-v-71e5cee6]{border:none;box-shadow:none}tr[data-v-71e5cee6]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px}td[data-v-71e5cee6]{text-align:left;position:relative;border-bottom:1px solid #eee}td[data-v-71e5cee6]: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-71e5cee6]{border-bottom:none}td[data-v-71e5cee6]:last-child{border-bottom:none}}.posko-container[data-v-b76ec787]{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;background-color:#fff}.main-content[data-v-b76ec787]{display:flex;flex:1}.content-wrapper[data-v-b76ec787]{flex:1;padding:0 24px;overflow-x:auto}.page-title[data-v-b76ec787]{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-b76ec787]{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #edf2f7;width:100%}.search-input[data-v-b76ec787]{position:relative;width:100%;max-width:100%;box-sizing:border-box}.search-input input[data-v-b76ec787]{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-b76ec787]:focus{outline:none;border-color:#3b82f6}.search-icon[data-v-b76ec787]{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:.6}.table-container[data-v-b76ec787]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.aksi button[data-v-b76ec787]{background:none;border:none;margin-right:5px;font-size:16px;cursor:pointer}.aksi button img[data-v-b76ec787]{width:20px;height:20px;object-fit:contain}.aksi button[data-v-b76ec787]:not(:last-child){border-right:1px solid #ccc}.aksi button[data-v-b76ec787]:last-child{margin-right:0}.aksi button[data-v-b76ec787]:hover{opacity:.7}.table-header[data-v-b76ec787]{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-b76ec787]{font-size:13px;color:#111216;font-weight:700;flex:1}.table-header .add-btn[data-v-b76ec787]{font-size:13px;color:#074a5d;font-weight:700;white-space:nowrap}.separator1[data-v-b76ec787]{border-bottom:1px solid #e5e7eb;margin:30px 0 10px}.add-btn[data-v-b76ec787]{background-color:transparent;text-decoration:none;color:#06c;border:none;font-weight:700;cursor:pointer}table[data-v-b76ec787]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-b76ec787]{background-color:#f9f9f9}th[data-v-b76ec787],td[data-v-b76ec787]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-b76ec787]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-b76ec787]:last-child,td[data-v-b76ec787]:last-child{border-right:none}th[data-v-b76ec787]:first-child,td[data-v-b76ec787]:first-child{width:50px}th[data-v-b76ec787]:nth-child(n+2),td[data-v-b76ec787]:nth-child(n+2){width:1fr}@media (max-width: 768px){.search-input input[data-v-b76ec787]{width:100%;padding:12px 16px 12px 40px}table[data-v-b76ec787],thead[data-v-b76ec787],tbody[data-v-b76ec787],th[data-v-b76ec787],td[data-v-b76ec787],tr[data-v-b76ec787]{display:block;border:none}td[data-v-b76ec787]:first-child{padding-right:150px}thead[data-v-b76ec787]{display:none}tr[data-v-b76ec787]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px;background-color:#fff}td[data-v-b76ec787]{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-b76ec787]: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-b76ec787]:last-child{border-bottom:none}.table-header[data-v-b76ec787]{flex-direction:column;align-items:stretch;text-align:center;gap:10px}.dropdown-group[data-v-b76ec787]{flex-direction:column}}.posko-container[data-v-33a792c0]{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;background-color:#fff}.main-content[data-v-33a792c0]{display:flex;flex:1}.content-wrapper[data-v-33a792c0]{flex:1;padding:0 24px}.page-title[data-v-33a792c0]{font-size:20px;font-weight:600;color:#1e293b;margin:24px 0;padding-bottom:18px;border-bottom:1px solid #edf2f7}.container[data-v-33a792c0]{border-radius:12px;border:1px solid #e5e5e5;width:100%;background-color:#fff}.head-name[data-v-33a792c0]{color:#111216;padding:16px;border-bottom:1px solid #e5e5e5;font:600 14px Inter,sans-serif}.sub-name[data-v-33a792c0]{font-size:14px;text-align:center;padding:8px}.form-group[data-v-33a792c0]{display:flex;padding:12px 54px;font:600 14px Inter,sans-serif;flex-wrap:nowrap}label[data-v-33a792c0]{margin-bottom:6px;width:300px;flex-shrink:0}input[data-v-33a792c0],select[data-v-33a792c0]{padding:10px 17px;border:1px solid #e5e5e5;border-radius:10px;flex:1;padding:.8rem;min-width:0}.btn-add[data-v-33a792c0]{display:flex;justify-content:space-between;padding:20px 54px!important;align-items:center}.left-btn[data-v-33a792c0],.right-btn[data-v-33a792c0]{flex:0 0 auto}.left-btn[data-v-33a792c0]{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-33a792c0]{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-33a792c0]{flex-direction:column;padding:12px 16px;gap:.75rem}label[data-v-33a792c0]{width:100%;margin-bottom:6px}select[data-v-33a792c0]{width:100%;flex:unset;min-width:auto}.btn-add[data-v-33a792c0]{flex-direction:column;padding:20px 16px!important;gap:12px;align-items:stretch}.left-btn[data-v-33a792c0],.right-btn[data-v-33a792c0]{flex:unset;width:100%}.left-btn button[data-v-33a792c0],.right-btn button[data-v-33a792c0]{width:100%;font-size:14px;padding:12px 0}}.posko-container[data-v-5f1b52a0]{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;background-color:#fff}.main-content[data-v-5f1b52a0]{display:flex;flex:1}.content-wrapper[data-v-5f1b52a0]{flex:1;padding:0 24px}.page-title[data-v-5f1b52a0]{font-size:20px;font-weight:600;color:#1e293b;margin:24px 0;padding-bottom:18px;border-bottom:1px solid #edf2f7}.container[data-v-5f1b52a0]{border-radius:12px;border:1px solid #e5e5e5;width:100%;background-color:#fff}.head-name[data-v-5f1b52a0]{color:#111216;padding:16px;border-bottom:1px solid #e5e5e5;font:600 14px Inter,sans-serif}.sub-name[data-v-5f1b52a0]{font-size:14px;text-align:center;padding:8px}.form-group[data-v-5f1b52a0]{display:flex;padding:12px 54px;font:600 14px Inter,sans-serif;flex-wrap:nowrap}label[data-v-5f1b52a0]{margin-bottom:6px;width:300px;flex-shrink:0}input[data-v-5f1b52a0],select[data-v-5f1b52a0]{padding:10px 17px;border:1px solid #e5e5e5;border-radius:10px;flex:1;padding:.8rem;min-width:0}.btn-add[data-v-5f1b52a0]{display:flex;justify-content:space-between;padding:20px 54px!important;align-items:center}.left-btn[data-v-5f1b52a0],.right-btn[data-v-5f1b52a0]{flex:0 0 auto}.left-btn[data-v-5f1b52a0]{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-5f1b52a0]{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-5f1b52a0]{flex-direction:column;padding:12px 16px;gap:.75rem}label[data-v-5f1b52a0]{width:100%;margin-bottom:6px}select[data-v-5f1b52a0]{width:100%;flex:unset;min-width:auto}.btn-add[data-v-5f1b52a0]{flex-direction:column;padding:20px 16px!important;gap:12px;align-items:stretch}.left-btn[data-v-5f1b52a0],.right-btn[data-v-5f1b52a0]{flex:unset;width:100%}.left-btn button[data-v-5f1b52a0],.right-btn button[data-v-5f1b52a0]{width:100%;font-size:14px;padding:12px 0}}[data-v-53c1c392],[data-v-53c1c392]:before,[data-v-53c1c392]:after{box-sizing:border-box}body[data-v-53c1c392]{font-family:Inter,sans-serif;margin:0;padding:0;background-color:#fff}.posko-container[data-v-53c1c392]{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;background-color:#fff}.main-content[data-v-53c1c392]{display:flex;flex:1}.content-wrapper[data-v-53c1c392]{flex:1;padding:0 24px}.page-title[data-v-53c1c392]{font-size:20px;font-weight:600;color:#1e293b;margin:24px 0;padding-bottom:18px;border-bottom:1px solid #edf2f7}.container[data-v-53c1c392]{border-radius:12px;border:1px solid #e5e5e5;width:100%;background-color:#fff}.head-name[data-v-53c1c392]{color:#111216;padding:16px;border-bottom:1px solid #e5e5e5;font:600 14px Inter,sans-serif}.sub-name[data-v-53c1c392]{font-size:14px;text-align:center;padding:8px}.form-group[data-v-53c1c392]{display:flex;padding:12px 54px;font:600 14px Inter,sans-serif;gap:3rem;flex-wrap:nowrap}label[data-v-53c1c392]{margin-bottom:6px;width:300px;flex-shrink:0}input[data-v-53c1c392],select[data-v-53c1c392]{padding:10px 17px;border:1px solid #e5e5e5;border-radius:10px;flex:1;padding:.8rem;min-width:0}.btn-add[data-v-53c1c392]{display:flex;justify-content:space-between;padding:20px 54px!important;align-items:center}.left-btn[data-v-53c1c392],.right-btn[data-v-53c1c392]{flex:0 0 auto}.left-btn[data-v-53c1c392]{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-53c1c392]{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-53c1c392]{flex-direction:column;padding:12px 16px;gap:.75rem}label[data-v-53c1c392]{width:100%;margin-bottom:6px}select[data-v-53c1c392]{width:100%;flex:unset;min-width:auto}.btn-add[data-v-53c1c392]{flex-direction:column;padding:20px 16px!important;gap:12px;align-items:stretch}.left-btn[data-v-53c1c392],.right-btn[data-v-53c1c392]{flex:unset;width:100%}.left-btn button[data-v-53c1c392],.right-btn button[data-v-53c1c392]{width:100%;font-size:14px;padding:12px 0}}[data-v-fd59c112]{font-family:Inter,sans-serif}.layout[data-v-fd59c112]{display:flex;height:100vh;background-color:#f7f7f7}.main-content[data-v-fd59c112]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.container[data-v-fd59c112]{padding-bottom:3rem}.separator[data-v-fd59c112]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.table-container[data-v-fd59c112]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-fd59c112]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}.table-header h3[data-v-fd59c112]{font-size:13px;color:#111216;font-weight:700}.table-header .add-button[data-v-fd59c112]{font-size:13px;color:#074a5d;font-weight:700}.separator1[data-v-fd59c112]{border-bottom:1px solid #e5e7eb;margin:30px 0 10px}.add-button[data-v-fd59c112]{background-color:transparent;text-decoration:none;color:#06c;border:none;font-weight:700;cursor:pointer}table[data-v-fd59c112]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-fd59c112]{background-color:#f9f9f9}th[data-v-fd59c112],td[data-v-fd59c112]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-fd59c112]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-fd59c112]:last-child,td[data-v-fd59c112]:last-child{border-right:none}th[data-v-fd59c112]:first-child,td[data-v-fd59c112]:first-child{width:50px}th[data-v-fd59c112]:nth-child(n+2),td[data-v-fd59c112]:nth-child(n+2){width:1fr}.aksi button[data-v-fd59c112]{background:none;border:none;margin-right:5px;font-size:16px;cursor:pointer}.aksi button img[data-v-fd59c112]{width:20px;height:20px;object-fit:contain}.aksi button[data-v-fd59c112]:not(:last-child){border-right:1px solid #ccc}.aksi button[data-v-fd59c112]:last-child{margin-right:0}.aksi button[data-v-fd59c112]:hover{opacity:.7}.pagination-controls[data-v-fd59c112]{display:flex;align-items:center;gap:12px;margin:16px}.pagination-controls button[data-v-fd59c112]{padding:6px 12px;background-color:#074a5d;color:#fff;border:none;border-radius:4px;cursor:pointer}.pagination-controls button[data-v-fd59c112]:disabled{background-color:#bdc3c7;cursor:not-allowed}@media (max-width: 768px){table[data-v-fd59c112],thead[data-v-fd59c112],tbody[data-v-fd59c112],th[data-v-fd59c112],td[data-v-fd59c112],tr[data-v-fd59c112]{display:block;border:none}thead[data-v-fd59c112]{display:none}.table-container[data-v-fd59c112]{border:none;box-shadow:none}tr[data-v-fd59c112]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px}td[data-v-fd59c112]{text-align:left;position:relative;border-bottom:1px solid #eee}td[data-v-fd59c112]: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-fd59c112]{border-bottom:none}td[data-v-fd59c112]:last-child{border-bottom:none}}[data-v-d4d7a184]{font-family:Inter,sans-serif}.layout[data-v-d4d7a184]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-d4d7a184]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.top-header[data-v-d4d7a184]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-d4d7a184]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-d4d7a184]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.divider-vertical[data-v-d4d7a184]{width:1px;height:24px;background-color:#d1d5db}.notif-btn[data-v-d4d7a184]{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-d4d7a184]:hover{box-shadow:0 2px 6px #0000001a}.notif-btn .icon[data-v-d4d7a184]{width:20px;height:16px}.top-right[data-v-d4d7a184]{display:flex;align-items:center;gap:16px}.profile-pic[data-v-d4d7a184]{width:30px;height:30px;border-radius:50%;object-fit:cover}.form-container[data-v-d4d7a184]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-d4d7a184]{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-d4d7a184]{margin:35px}.section h4[data-v-d4d7a184]{font-size:15px;font-weight:500;color:#070707;text-align:center}.section h4.no-border-top[data-v-d4d7a184]{border-top:none;padding-bottom:12px}.time-range[data-v-d4d7a184]{display:flex;align-items:center;gap:10px}.time-range input[data-v-d4d7a184]{width:100px}.form-row[data-v-d4d7a184]{display:flex;gap:20px;margin-bottom:16px;align-items:center}.form-row label[data-v-d4d7a184]{min-width:150px;margin-right:8px}.form-row textarea[data-v-d4d7a184]{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-d4d7a184],.form-row select[data-v-d4d7a184]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-d4d7a184]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-d4d7a184]{text-align:right}.justify-end[data-v-d4d7a184]{justify-content:flex-end}.button-row[data-v-d4d7a184]{display:flex;justify-content:space-between;gap:10px;width:100%;border-top:1px solid #edf2f7;padding-top:35px}.btn-cancel[data-v-d4d7a184],.btn-submit[data-v-d4d7a184]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;height:40px}.btn-cancel[data-v-d4d7a184]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-d4d7a184]{background:#074a5d;color:#fff}.button-container[data-v-d4d7a184]{display:flex;justify-content:space-between;gap:10px}[data-v-d4d7a184] input::placeholder,[data-v-d4d7a184] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-d4d7a184]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-d4d7a184]{flex-direction:column}.menu-section[data-v-d4d7a184]{flex:1;margin-top:0}.form-row[data-v-d4d7a184]{display:flex;margin-bottom:20px;gap:1rem}.form-row label[data-v-d4d7a184]{min-width:60px}.section[data-v-d4d7a184]{margin:20px}.button-row[data-v-d4d7a184]{flex-direction:column;align-items:center;gap:1rem;align-items:stretch;width:100%}.section[data-v-d4d7a184]{margin:0}}[data-v-1b93d1eb]{font-family:Inter,sans-serif}.layout[data-v-1b93d1eb]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-1b93d1eb]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-1b93d1eb]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-1b93d1eb]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.form-container[data-v-1b93d1eb]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.form-title[data-v-1b93d1eb]{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-1b93d1eb]{margin:35px}.section h4[data-v-1b93d1eb]{font-size:15px;font-weight:500;color:#070707;text-align:center}.section h4.no-border-top[data-v-1b93d1eb]{border-top:none;padding-bottom:12px}.time-range[data-v-1b93d1eb]{display:flex;align-items:center;gap:10px}.time-range input[data-v-1b93d1eb]{width:100px}.form-row[data-v-1b93d1eb]{display:flex;gap:20px;margin-bottom:16px;align-items:center}.form-row label[data-v-1b93d1eb]{min-width:150px;margin-right:8px}.form-row textarea[data-v-1b93d1eb]{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-1b93d1eb],.form-row select[data-v-1b93d1eb]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-1b93d1eb]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-1b93d1eb]{text-align:right}.justify-end[data-v-1b93d1eb]{justify-content:flex-end}.button-row[data-v-1b93d1eb]{display:flex;justify-content:space-between;border-top:1px solid #edf2f7;padding-top:35px}.btn-cancel[data-v-1b93d1eb],.btn-submit[data-v-1b93d1eb]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;height:40px}.btn-cancel[data-v-1b93d1eb]{background:#fff;border:1px solid #074a5d;color:#074a5d}.btn-submit[data-v-1b93d1eb]{background:#074a5d;color:#fff}.button-container[data-v-1b93d1eb]{display:flex;justify-content:space-between;gap:10px}[data-v-1b93d1eb] input::placeholder,[data-v-1b93d1eb] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-1b93d1eb]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-1b93d1eb]{flex-direction:column}.menu-section[data-v-1b93d1eb]{flex:1;margin-top:0}.form-row[data-v-1b93d1eb]{display:flex;margin-bottom:20px;gap:1rem}.form-row label[data-v-1b93d1eb]{min-width:60px}.section[data-v-1b93d1eb]{margin:20px}.button-row[data-v-1b93d1eb]{flex-direction:column;align-items:center;gap:1rem;align-items:stretch;width:100%}.section[data-v-1b93d1eb]{margin:0}}[data-v-64f303e6]{font-family:Inter,sans-serif}.layout[data-v-64f303e6]{display:flex;height:100vh;background-color:#f7f7f7}.table-header[data-v-64f303e6]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}.table-header h3[data-v-64f303e6]{font-size:15px;color:#111216;font-weight:700}.table-header .add-button[data-v-64f303e6]{font-size:15px;color:#074a5d;font-weight:700}.add-button[data-v-64f303e6]{background-color:transparent;text-decoration:none;color:#06c;border:none;font-weight:700;cursor:pointer}.layout[data-v-64f303e6]{display:flex;min-height:50vh;background-color:#f7f7f7}.form-container[data-v-64f303e6]{background:#fff;padding:24px;border-radius:16px;box-shadow:0 0 8px #0000000d;margin-top:16px}.main-content[data-v-64f303e6]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-64f303e6]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.container[data-v-64f303e6]{min-height:30vh}.table-container[data-v-64f303e6]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.form-title[data-v-64f303e6]{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-64f303e6]{margin:35px}.section h4[data-v-64f303e6]{font-size:15px;font-weight:500;color:#070707;text-align:center}.section h4.no-border-top[data-v-64f303e6]{border-top:none;padding-bottom:12px}.time-range[data-v-64f303e6]{display:flex;align-items:center;gap:10px}.time-range input[data-v-64f303e6]{width:100px}.form-row[data-v-64f303e6]{display:flex;gap:20px;margin-bottom:16px;align-items:center}.form-row label[data-v-64f303e6]{min-width:150px;margin-right:8px}.form-row textarea[data-v-64f303e6]{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-64f303e6],.form-row select[data-v-64f303e6]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.form-row label[data-v-64f303e6]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-64f303e6]{text-align:right}.justify-end[data-v-64f303e6]{justify-content:flex-end}[data-v-64f303e6] input::placeholder,[data-v-64f303e6] select::placeholder{font-size:13px;color:#9ca3af}.card-separator[data-v-64f303e6]{height:1px;width:calc(100% + 47px);background-color:#d1d5db;margin:10px 0 20px -25px}@media (max-width: 768px){.layout[data-v-64f303e6]{flex-direction:column}.menu-section[data-v-64f303e6]{flex:1;margin-top:0}.form-row[data-v-64f303e6]{display:flex;margin-bottom:20px;gap:1rem}.form-row label[data-v-64f303e6]{min-width:60px}.section[data-v-64f303e6]{margin:20px}.button-row[data-v-64f303e6]{flex-direction:column;align-items:center;gap:1rem;align-items:stretch;width:100%}.section[data-v-64f303e6]{margin:0}}table[data-v-64f303e6]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-64f303e6]{background-color:#f9f9f9}th[data-v-64f303e6],td[data-v-64f303e6]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-64f303e6]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-64f303e6]:last-child,td[data-v-64f303e6]:last-child{border-right:none}th[data-v-64f303e6]:first-child,td[data-v-64f303e6]:first-child{width:50px}th[data-v-64f303e6]:nth-child(n+2),td[data-v-64f303e6]:nth-child(n+2){width:1fr}[data-v-cfd6e20a]{font-family:Inter,sans-serif}.layout[data-v-cfd6e20a]{display:flex;height:100vh;background-color:#f7f7f7}.status-wrapper.status-approved .custom-dropdown[data-v-cfd6e20a]{background-color:#e7fef8}.status-wrapper.status-pending .custom-dropdown[data-v-cfd6e20a]{background-color:#fff9c4}.status-wrapper.status-denied .custom-dropdown[data-v-cfd6e20a]{background-color:#ffcdd2}.btn-detail[data-v-cfd6e20a]{background-color:#c6f8ff;color:#000;padding:8px 16px;border:none;border-radius:10px;cursor:pointer;text-align:center;text-decoration:none}.sidebar[data-v-cfd6e20a]{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-cfd6e20a]{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.logo-image[data-v-cfd6e20a]{width:35px;object-fit:cover;border-radius:10px 10px 0 0;margin:-5px 0 0}.logo-text[data-v-cfd6e20a]{font-family:Protest Strike,sans-serif;font-size:20px;color:#08607a}.menu-section[data-v-cfd6e20a]{display:flex;flex-direction:column;gap:10px;margin-top:-15px}.menu-label[data-v-cfd6e20a]{font-size:12px;font-weight:600;color:#b0b385;margin-bottom:4px}.menu-list[data-v-cfd6e20a]{list-style:none;padding:0;margin:0}.menu-list li[data-v-cfd6e20a]{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-cfd6e20a]:hover{background-color:#f1f5f9}.menu-list li.active[data-v-cfd6e20a]{background-color:#84bbd1;color:#074a5d}.menu-list li.active a[data-v-cfd6e20a]{font-weight:700}.menu-list a[data-v-cfd6e20a]{text-decoration:none;color:inherit}.main-content[data-v-cfd6e20a]{padding:10px 30px 30px;flex:1;background-color:#fff}.top-header[data-v-cfd6e20a]{display:flex;align-items:center}.separator[data-v-cfd6e20a]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-cfd6e20a]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.dashboard-header[data-v-cfd6e20a]{display:flex;justify-content:space-between;align-items:center;margin-top:-10px}.table-container[data-v-cfd6e20a]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc}.table-header[data-v-cfd6e20a]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}table[data-v-cfd6e20a]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-cfd6e20a]{background-color:#f9f9f9}th[data-v-cfd6e20a],td[data-v-cfd6e20a]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-cfd6e20a]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-cfd6e20a]:last-child,td[data-v-cfd6e20a]:last-child{border-right:none}th[data-v-cfd6e20a]:first-child,td[data-v-cfd6e20a]:first-child{width:50px}th[data-v-cfd6e20a]:nth-child(n+2),td[data-v-cfd6e20a]:nth-child(n+2){width:1fr}.custom-dropdown[data-v-cfd6e20a]{background-color:#e7fef8;border-radius:18px;height:34px;width:162px;text-align:center;border:1px #e7fef8}.pagination-controls[data-v-cfd6e20a]{display:flex;align-items:center;gap:12px;margin:16px}.pagination-controls button[data-v-cfd6e20a]{padding:6px 12px;background-color:#074a5d;color:#fff;border:none;border-radius:4px;cursor:pointer}.pagination-controls button[data-v-cfd6e20a]:disabled{background-color:#bdc3c7;cursor:not-allowed}@media (max-width: 768px){table[data-v-cfd6e20a],thead[data-v-cfd6e20a],tbody[data-v-cfd6e20a],th[data-v-cfd6e20a],td[data-v-cfd6e20a],tr[data-v-cfd6e20a]{display:block;border:none}thead[data-v-cfd6e20a]{display:none}.table-container[data-v-cfd6e20a]{border:none;box-shadow:none}tr[data-v-cfd6e20a]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px}td[data-v-cfd6e20a]{text-align:left;position:relative;border-bottom:1px solid #eee}td[data-v-cfd6e20a]: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-cfd6e20a]{border-bottom:none}td[data-v-cfd6e20a]:last-child{border-bottom:none}}[data-v-aed27a51]{font-family:Inter,sans-serif;margin:0;padding:0}.layout[data-v-aed27a51]{display:flex;min-height:100vh;background-color:#f7f7f7}.status-wrapper .custom-dropdown[data-v-aed27a51]{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-aed27a51]{background-color:#e7fef8}.status-wrapper.status-pending .custom-dropdown[data-v-aed27a51]{background-color:#fff9c4}.status-wrapper.status-denied .custom-dropdown[data-v-aed27a51]{background-color:#ffcdd2}.sidebar[data-v-aed27a51]{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-aed27a51]{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.logo-image[data-v-aed27a51]{width:35px;object-fit:cover;border-radius:10px 10px 0 0;margin:-5px 0 0}.logo-text[data-v-aed27a51]{font-family:Protest Strike,sans-serif;font-size:20px;color:#08607a}.menu-section[data-v-aed27a51]{display:flex;flex-direction:column;gap:10px;margin-top:-15px}.menu-label[data-v-aed27a51]{font-size:12px;font-weight:600;color:#b0b385;margin-bottom:4px}.menu-list[data-v-aed27a51]{list-style:none;padding:0;margin:0}.menu-list li[data-v-aed27a51]{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-aed27a51]:hover{background-color:#f1f5f9}.menu-list li.active[data-v-aed27a51]{background-color:#84bbd1;color:#074a5d}.menu-list li.active a[data-v-aed27a51]{font-weight:700}.menu-list a[data-v-aed27a51]{text-decoration:none;color:inherit}.main-content[data-v-aed27a51]{flex:1;padding:20px;background-color:#fff;max-width:100%}.top-header[data-v-aed27a51]{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;border-bottom:1px solid #ccc}.page-title[data-v-aed27a51]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.dashboard-header[data-v-aed27a51]{display:flex;justify-content:space-between;align-items:center;margin-top:-10px}.table-container[data-v-aed27a51]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-aed27a51]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}table[data-v-aed27a51]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-aed27a51]{background-color:#f9f9f9}th[data-v-aed27a51],td[data-v-aed27a51]{padding:12px 16px;text-align:left;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-aed27a51]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-aed27a51]:last-child,td[data-v-aed27a51]:last-child{border-right:none}th[data-v-aed27a51]:first-child,td[data-v-aed27a51]:first-child{width:50px}th[data-v-aed27a51]:nth-child(n+2),td[data-v-aed27a51]:nth-child(n+2){width:1fr}.custom-dropdown[data-v-aed27a51]{background-color:#e7f7f8;border-radius:18px;height:34px;width:162px;text-align:center;border:1px solid #e7f7f8;margin:8px 0}.detail-container[data-v-aed27a51]{width:max;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:30px}.detail-container h3[data-v-aed27a51]{font-size:22px;font-weight:600;color:#111827;padding-bottom:16px;border-bottom:1px solid #dbdbdb;margin-bottom:10px}.form-group[data-v-aed27a51]{display:flex;margin-bottom:12px;align-items:center;gap:9rem}.form-group label[data-v-aed27a51]{width:160px;font-weight:700;padding:8px 40px}.form-group .value[data-v-aed27a51],.form-group select[data-v-aed27a51]{flex:1}.status-wrapper select[data-v-aed27a51]{padding:4px 8px}.photo-ktp[data-v-aed27a51]{max-width:100%;margin-top:8px}.button-group[data-v-aed27a51]{margin:20px 0}.btn-back[data-v-aed27a51]{padding:10px 16px;border:none;background-color:#4f93af;color:#fff;border-radius:10px;cursor:pointer}@media (max-width: 768px){.form-group[data-v-aed27a51]{display:flex;margin-bottom:5px;gap:1rem}.form-group label[data-v-aed27a51]{width:100px;font-weight:700;padding:5px}.detail-container[data-v-aed27a51]{padding:20px;font-size:13px}.detail-container h3[data-v-aed27a51]{font-size:18px}}[data-v-2c6ce981]{font-family:Inter,sans-serif}.layout[data-v-2c6ce981]{display:flex;height:100vh;background-color:#f7f7f7}.status-wrapper.status-approved .custom-dropdown[data-v-2c6ce981]{background-color:#e7fef8}.status-wrapper.status-pending .custom-dropdown[data-v-2c6ce981]{background-color:#fff9c4}.status-wrapper.status-denied .custom-dropdown[data-v-2c6ce981]{background-color:#ffcdd2}.btn-detail[data-v-2c6ce981]{background-color:#c6f8ff;color:#000;padding:8px 16px;border:none;border-radius:10px;cursor:pointer;text-align:center;text-decoration:none}.sidebar[data-v-2c6ce981]{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-2c6ce981]{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.logo-image[data-v-2c6ce981]{width:35px;object-fit:cover;border-radius:10px 10px 0 0;margin:-5px 0 0}.logo-text[data-v-2c6ce981]{font-family:Protest Strike,sans-serif;font-size:20px;color:#08607a}.menu-section[data-v-2c6ce981]{display:flex;flex-direction:column;gap:10px;margin-top:-15px}.menu-label[data-v-2c6ce981]{font-size:12px;font-weight:600;color:#b0b385;margin-bottom:4px}.menu-list[data-v-2c6ce981]{list-style:none;padding:0;margin:0}.menu-list li[data-v-2c6ce981]{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-2c6ce981]:hover{background-color:#f1f5f9}.menu-list li.active[data-v-2c6ce981]{background-color:#84bbd1;color:#074a5d}.menu-list li.active a[data-v-2c6ce981]{font-weight:700}.menu-list a[data-v-2c6ce981]{text-decoration:none;color:inherit}.main-content[data-v-2c6ce981]{padding:10px 30px 30px;flex:1;background-color:#fff}.top-header[data-v-2c6ce981]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.separator[data-v-2c6ce981]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.page-title[data-v-2c6ce981]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.dashboard-header[data-v-2c6ce981]{display:flex;justify-content:space-between;align-items:center;margin-top:-10px}.table-container[data-v-2c6ce981]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc}.table-header[data-v-2c6ce981]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}table[data-v-2c6ce981]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-2c6ce981]{background-color:#f9f9f9}th[data-v-2c6ce981],td[data-v-2c6ce981]{padding:12px 16px;text-align:center;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-2c6ce981]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-2c6ce981]:last-child,td[data-v-2c6ce981]:last-child{border-right:none}th[data-v-2c6ce981]:first-child,td[data-v-2c6ce981]:first-child{width:50px}th[data-v-2c6ce981]:nth-child(n+2),td[data-v-2c6ce981]:nth-child(n+2){width:1fr}.custom-dropdown[data-v-2c6ce981]{background-color:#e7fef8;border-radius:18px;height:34px;width:162px;text-align:center;border:1px #e7fef8}.pagination-controls[data-v-2c6ce981]{display:flex;align-items:center;gap:12px;margin:16px}.pagination-controls button[data-v-2c6ce981]{padding:6px 12px;background-color:#074a5d;color:#fff;border:none;border-radius:4px;cursor:pointer}.pagination-controls button[data-v-2c6ce981]:disabled{background-color:#bdc3c7;cursor:not-allowed}@media (max-width: 768px){table[data-v-2c6ce981],thead[data-v-2c6ce981],tbody[data-v-2c6ce981],th[data-v-2c6ce981],td[data-v-2c6ce981],tr[data-v-2c6ce981]{display:block;border:none}thead[data-v-2c6ce981]{display:none}.table-container[data-v-2c6ce981]{border:none;box-shadow:none}.table-header[data-v-2c6ce981]{border-bottom:none}tr[data-v-2c6ce981]{margin-bottom:16px;border:1px solid #ccc;border-radius:10px;padding:10px}td[data-v-2c6ce981]{text-align:left;position:relative;border-bottom:1px solid #eee}td[data-v-2c6ce981]: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-2c6ce981]:last-child{border-bottom:none}}[data-v-084f9197]{font-family:Inter,sans-serif;margin:0;padding:0}.layout[data-v-084f9197]{display:flex;height:100vh;background-color:#f7f7f7}.status-wrapper .custom-dropdown[data-v-084f9197]{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-084f9197]{background-color:#e7fef8}.status-wrapper.status-pending .custom-dropdown[data-v-084f9197]{background-color:#fff9c4}.status-wrapper.status-denied .custom-dropdown[data-v-084f9197]{background-color:#ffcdd2}.sidebar[data-v-084f9197]{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-084f9197]{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.logo-image[data-v-084f9197]{width:35px;object-fit:cover;border-radius:10px 10px 0 0;margin:-5px 0 0}.logo-text[data-v-084f9197]{font-family:Protest Strike,sans-serif;font-size:20px;color:#08607a}.menu-section[data-v-084f9197]{display:flex;flex-direction:column;gap:10px;margin-top:-15px}.menu-label[data-v-084f9197]{font-size:12px;font-weight:600;color:#b0b385;margin-bottom:4px}.menu-list[data-v-084f9197]{list-style:none;padding:0;margin:0}.menu-list li[data-v-084f9197]{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-084f9197]:hover{background-color:#f1f5f9}.menu-list li.active[data-v-084f9197]{background-color:#84bbd1;color:#074a5d}.menu-list li.active a[data-v-084f9197]{font-weight:700}.menu-list a[data-v-084f9197]{text-decoration:none;color:inherit}.main-content[data-v-084f9197]{flex:1;padding:20px;background-color:#fff;max-width:100%}.top-header[data-v-084f9197]{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;border-bottom:1px solid #ccc}.page-title[data-v-084f9197]{font-size:20px;font-weight:600;color:#111827;margin-bottom:-3px}.dashboard-header[data-v-084f9197]{display:flex;justify-content:space-between;align-items:center;margin-top:-10px}.table-container[data-v-084f9197]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-084f9197]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}table[data-v-084f9197]{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc}thead[data-v-084f9197]{background-color:#f9f9f9}th[data-v-084f9197],td[data-v-084f9197]{padding:12px 16px;text-align:left;font-size:14px;color:#333436;border:1px solid #ccc;word-wrap:break-word}th[data-v-084f9197]{font-size:15px;color:#7d7f81;font-weight:700}th[data-v-084f9197]:last-child,td[data-v-084f9197]:last-child{border-right:none}th[data-v-084f9197]:first-child,td[data-v-084f9197]:first-child{width:50px}th[data-v-084f9197]:nth-child(n+2),td[data-v-084f9197]:nth-child(n+2){width:1fr}.custom-dropdown[data-v-084f9197]{background-color:#e7f7f8;border-radius:18px;height:34px;width:162px;text-align:center;border:1px solid #e7f7f8;margin:8px 0}.detail-container[data-v-084f9197]{width:max;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:30px}.detail-container h3[data-v-084f9197]{font-size:22px;font-weight:600;color:#111827;padding-bottom:16px;border-bottom:1px solid #dbdbdb;margin-bottom:10px}.form-group[data-v-084f9197]{display:flex;margin-bottom:12px;align-items:center;gap:9rem}.form-group label[data-v-084f9197]{width:160px;font-weight:700;padding:8px 40px}.form-group .value[data-v-084f9197],.form-group select[data-v-084f9197]{flex:1}.status-wrapper select[data-v-084f9197]{padding:4px 8px}.photo-ktp[data-v-084f9197]{max-width:100%;margin-top:8px}.button-group[data-v-084f9197]{margin:20px 0}.btn-back[data-v-084f9197]{padding:10px 16px;border:none;background-color:#4f93af;color:#fff;border-radius:10px;cursor:pointer}@media (max-width: 768px){.form-group[data-v-084f9197]{display:flex;margin-bottom:5px;gap:1rem}.form-group label[data-v-084f9197]{width:100px;font-weight:700;padding:5px}.detail-container[data-v-084f9197]{padding:20px;font-size:13px}.detail-container h3[data-v-084f9197]{font-size:18px}}[data-v-3f9ddb89]{font-family:Inter,sans-serif}.layout[data-v-3f9ddb89]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-3f9ddb89]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-3f9ddb89]{border-bottom:1px solid #e5e7eb;margin:10px 0 20px}.table-container[data-v-3f9ddb89]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.table-header[data-v-3f9ddb89]{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;border-bottom:1px solid #ccc}.table-header h3[data-v-3f9ddb89]{font-size:13px;color:#111216;font-weight:700}.form-row[data-v-3f9ddb89]{display:flex;gap:50px;margin-bottom:16px;align-items:center}.form-row label[data-v-3f9ddb89]{min-width:150px;margin-right:8px}.form-row label[data-v-3f9ddb89]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-3f9ddb89]{text-align:right}.form-row p[data-v-3f9ddb89],.form-row input[data-v-3f9ddb89]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.section[data-v-3f9ddb89]{margin:35px}.section h4[data-v-3f9ddb89]{font-size:15px;font-weight:500;color:#070707;text-align:center}.section h4.no-border-top[data-v-3f9ddb89]{border-top:none;padding-bottom:12px}.btn[data-v-3f9ddb89]{padding:10px 20px;border-radius:20px;border:none;font-weight:500;cursor:pointer;background:#074a5d;color:#fff;text-decoration:none}.profile-picture[data-v-3f9ddb89]{display:flex;justify-content:center;margin:20px}.profile-picture img[data-v-3f9ddb89]{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid #ddd}@media (max-width: 768px){.form-row[data-v-3f9ddb89]{display:flex;margin-bottom:20px;gap:1rem}.form-row label[data-v-3f9ddb89]{min-width:80px}.section[data-v-3f9ddb89]{margin:20px}}[data-v-49f072ee]{font-family:Inter,sans-serif}.layout[data-v-49f072ee]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-49f072ee]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.container[data-v-49f072ee]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.form-section[data-v-49f072ee]{align-items:center;padding:20px}.form-section h3[data-v-49f072ee]{font-size:13px;color:#111216;font-weight:700;border-bottom:1px solid #ccc;padding-bottom:20px}.form-row[data-v-49f072ee]{display:flex;gap:20px;margin-bottom:16px;align-items:center}.form-row label[data-v-49f072ee]{min-width:150px;margin-right:8px}.form-row label[data-v-49f072ee]{font-weight:500;font-size:13px;color:#070707;font-weight:700;text-align:left}.form-row .right-align[data-v-49f072ee]{text-align:right}.form-row p[data-v-49f072ee],.form-row input[data-v-49f072ee],.form-row select[data-v-49f072ee]{padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fafafa;width:100%;box-sizing:border-box;height:40px}.section[data-v-49f072ee]{margin:35px}.section h4[data-v-49f072ee]{font-size:15px;font-weight:500;color:#070707;text-align:center}.section h4.no-border-top[data-v-49f072ee]{border-top:none;padding-bottom:12px}.btn-save[data-v-49f072ee]{padding:10px 20px;border-radius:20px;border:none;cursor:pointer;background:#074a5d;color:#fff}.btn-cancel[data-v-49f072ee]{padding:10px 20px;border-radius:20px;background:#fff;border:1px solid #074a5d;color:#074a5d;text-decoration:none;text-align:center}.button-row[data-v-49f072ee]{display:flex;justify-content:space-between;padding:20px 0}@media (max-width: 768px){.form-row[data-v-49f072ee]{display:flex;margin-bottom:20px;gap:1rem}.form-row label[data-v-49f072ee]{min-width:80px}.section[data-v-49f072ee]{margin:20px}.button-row[data-v-49f072ee]{flex-direction:column;align-items:center;gap:1rem;align-items:stretch;width:100%}}[data-v-5d69c42e]{font-family:Inter,sans-serif}.layout[data-v-5d69c42e]{display:flex;min-height:50vh;background-color:#f7f7f7}.main-content[data-v-5d69c42e]{padding:10px 30px 30px;flex:1;background-color:#fff;flex-direction:column}.separator[data-v-5d69c42e]{border-bottom:1px solid #e5e7eb}.container[data-v-5d69c42e]{background:#fff;border-radius:10px;box-shadow:0 2px #0000000d;overflow:hidden;border:1px solid #ccc;margin-top:30px}.form-section[data-v-5d69c42e]{align-items:center;padding:20px}.form-section h3[data-v-5d69c42e]{font-size:16px;color:#111216;font-weight:700;padding-bottom:20px;border-bottom:1px solid #ccc}.form-row[data-v-5d69c42e]{display:flex;gap:200px;margin-bottom:16px;align-items:center}.form-row label[data-v-5d69c42e]{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-5d69c42e]{text-align:right}.form-row input[data-v-5d69c42e]{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-5d69c42e]{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-5d69c42e]{flex-direction:column;padding:10px}.main-content[data-v-5d69c42e]{padding:15px}.form-row[data-v-5d69c42e]{flex-direction:column;align-items:flex-start;gap:8px}.form-row label[data-v-5d69c42e],.form-row input[data-v-5d69c42e]{width:130%;flex-grow:0}.btn-ubah[data-v-5d69c42e]{width:100%;padding:12px 0;font-size:16px}}