header[data-v-cacaefca]{line-height:1.5;max-height:100vh}.logo[data-v-cacaefca]{display:block;margin:0 auto 2rem}nav[data-v-cacaefca]{width:100%;font-size:12px;text-align:center;margin-top:2rem}nav a.router-link-exact-active[data-v-cacaefca]{color:var(--color-text)}nav a.router-link-exact-active[data-v-cacaefca]:hover{background-color:transparent}nav a[data-v-cacaefca]{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a[data-v-cacaefca]:first-of-type{border:0}@media (min-width: 1024px){header[data-v-cacaefca]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-cacaefca]{margin:0 2rem 0 0}header .wrapper[data-v-cacaefca]{display:flex;place-items:flex-start;flex-wrap:wrap}nav[data-v-cacaefca]{text-align:left;margin-left:-1rem;font-size:1rem;padding:1rem 0;margin-top:1rem}}.page-wrapper[data-v-3d203895]{min-height:100vh;display:flex;flex-direction:column}.site-header[data-v-3d203895]{background:#f0f5ff;padding:14px 24px;text-align:center;border-bottom:1px solid #d0dff0;display:flex;align-items:center;justify-content:center;position:relative}.site-name[data-v-3d203895]{margin:0;color:#1a3a6e;font-size:22px;font-weight:600;letter-spacing:3px}.header-right[data-v-3d203895]{position:absolute;right:24px;display:flex;align-items:center;gap:12px}.header-username[data-v-3d203895]{color:#1a3a6e;font-size:14px;font-weight:500}.btn-logout[data-v-3d203895]{padding:6px 14px;font-size:13px;color:#1a5fb4;background:#fff;border:1px solid #3584e4;border-radius:4px;cursor:pointer;transition:background .2s,color .2s}.btn-logout[data-v-3d203895]:hover{background:#f0f5ff;color:#14478a}.image-container[data-v-3d203895]{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.image-container img[data-v-3d203895]{width:100%;height:100%;object-fit:cover}.action-bar[data-v-3d203895]{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:10}.btn-primary[data-v-3d203895]{padding:10px 32px;font-size:15px;font-weight:500;color:#fff;background:linear-gradient(135deg,#3584e4,#1a5fb4);border:none;border-radius:6px;cursor:pointer;letter-spacing:1px;transition:background .3s,box-shadow .3s;box-shadow:0 2px 8px #1a5fb44d}.btn-primary[data-v-3d203895]:hover{background:linear-gradient(135deg,#1a5fb4,#14478a);box-shadow:0 4px 12px #1a5fb466}.footer-record[data-v-3d203895]{text-align:center;padding:12px 0;background:#f0f5ff;color:#1a5fb4;font-size:12px;line-height:1.6}.footer-record p[data-v-3d203895]:last-child{display:flex;justify-content:center;align-items:center;gap:12px}.footer-record a[data-v-3d203895]{color:#1a5fb4;text-decoration:none}.footer-record a[data-v-3d203895]:hover{text-decoration:underline}.record-gongan[data-v-3d203895]{display:inline-flex;align-items:center;gap:4px}.record-gongan img[data-v-3d203895]{width:16px;height:16px;object-fit:contain}.modal-overlay[data-v-3d203895]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,30,60,.5);display:flex;justify-content:center;align-items:center;z-index:100}.modal-dialog[data-v-3d203895]{background:#fff;border-radius:10px;width:420px;max-width:90vw;box-shadow:0 8px 32px #1a3a6e40;overflow:hidden}.modal-header[data-v-3d203895]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#3584e4,#1a5fb4);color:#fff}.modal-header h2[data-v-3d203895]{margin:0;font-size:18px;font-weight:600;letter-spacing:1px}.modal-close[data-v-3d203895]{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1;padding:0 4px;opacity:.8;transition:opacity .2s}.modal-close[data-v-3d203895]:hover{opacity:1}.modal-dialog form[data-v-3d203895]{padding:20px 24px}.form-group[data-v-3d203895]{margin-bottom:16px}.form-group label[data-v-3d203895]{display:block;margin-bottom:6px;font-size:14px;color:#1a3a6e;font-weight:500}.required[data-v-3d203895]{color:#e04040}.form-group input[data-v-3d203895],.form-group select[data-v-3d203895]{width:100%;padding:9px 12px;font-size:14px;border:1px solid #c8daf0;border-radius:6px;outline:none;color:#1a3a6e;background:#f8fbff;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.form-group input[data-v-3d203895]:focus,.form-group select[data-v-3d203895]:focus{border-color:#3584e4;box-shadow:0 0 0 2px #3584e433}.form-group input[data-v-3d203895]::placeholder{color:#a0b8d8}.form-actions[data-v-3d203895]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-cancel[data-v-3d203895]{padding:8px 24px;font-size:14px;color:#1a5fb4;background:#fff;border:1px solid #3584e4;border-radius:6px;cursor:pointer;transition:background .2s,color .2s}.btn-cancel[data-v-3d203895]:hover{background:#f0f5ff}.btn-submit[data-v-3d203895]{padding:8px 24px;font-size:14px;color:#fff;background:linear-gradient(135deg,#3584e4,#1a5fb4);border:none;border-radius:6px;cursor:pointer;transition:background .3s,box-shadow .3s;box-shadow:0 2px 6px #1a5fb44d}.btn-submit[data-v-3d203895]:hover{background:linear-gradient(135deg,#1a5fb4,#14478a);box-shadow:0 4px 10px #1a5fb466}.alert-overlay[data-v-3d203895]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,30,60,.45);display:flex;justify-content:center;align-items:center;z-index:200}.alert-dialog[data-v-3d203895]{background:#fff;border-radius:10px;width:320px;box-shadow:0 8px 32px #1a3a6e40;overflow:hidden}.alert-msg[data-v-3d203895]{margin:0;padding:28px 24px;font-size:15px;color:#1a3a6e;text-align:center;line-height:1.6}.alert-btn[data-v-3d203895]{display:block;width:100%;padding:12px 0;font-size:15px;color:#fff;background:linear-gradient(135deg,#3584e4,#1a5fb4);border:none;cursor:pointer;transition:background .3s}.alert-btn[data-v-3d203895]:hover{background:linear-gradient(135deg,#1a5fb4,#14478a)}.fade-enter-active[data-v-3d203895],.fade-leave-active[data-v-3d203895]{transition:opacity .25s}.fade-enter-from[data-v-3d203895],.fade-leave-to[data-v-3d203895]{opacity:0}.page-wrapper[data-v-4a62ed0b]{min-height:100vh;display:flex;flex-direction:column}.site-header[data-v-4a62ed0b]{background:#f0f5ff;padding:10px 16px;border-bottom:1px solid #d0dff0;display:flex;align-items:center;justify-content:space-between}.site-name[data-v-4a62ed0b]{margin:0;color:#1a3a6e;font-size:18px;font-weight:600;letter-spacing:2px}.header-right[data-v-4a62ed0b]{position:absolute;right:16px;display:flex;align-items:center;gap:8px}.header-username[data-v-4a62ed0b]{color:#1a3a6e;font-size:13px;font-weight:500}.btn-logout[data-v-4a62ed0b]{padding:5px 10px;font-size:12px;color:#1a5fb4;background:#fff;border:1px solid #3584e4;border-radius:4px;cursor:pointer}.btn-logout[data-v-4a62ed0b]:active{background:#f0f5ff;color:#14478a}.image-container[data-v-4a62ed0b]{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.image-container img[data-v-4a62ed0b]{width:100%;height:100%;object-fit:cover}.action-bar[data-v-4a62ed0b]{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:10}.btn-primary[data-v-4a62ed0b]{padding:12px 40px;font-size:16px;font-weight:500;color:#fff;background:linear-gradient(135deg,#3584e4,#1a5fb4);border:none;border-radius:8px;cursor:pointer;letter-spacing:1px;box-shadow:0 2px 8px #1a5fb44d}.btn-primary[data-v-4a62ed0b]:active{background:linear-gradient(135deg,#1a5fb4,#14478a)}.footer-record[data-v-4a62ed0b]{text-align:center;padding:8px;background:#f0f5ff;color:#1a5fb4;font-size:11px;line-height:1.6}.footer-record p[data-v-4a62ed0b]{margin:2px 0}.footer-record a[data-v-4a62ed0b]{color:#1a5fb4;text-decoration:none;word-break:break-all}.record-gongan[data-v-4a62ed0b]{display:inline-flex;align-items:center;gap:4px}.record-gongan img[data-v-4a62ed0b]{width:14px;height:14px;object-fit:contain}.modal-overlay[data-v-4a62ed0b]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,30,60,.5);display:flex;justify-content:center;align-items:center;z-index:100}.modal-dialog[data-v-4a62ed0b]{background:#fff;border-radius:10px;width:92vw;box-shadow:0 8px 32px #1a3a6e40;overflow:hidden}.modal-header[data-v-4a62ed0b]{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:linear-gradient(135deg,#3584e4,#1a5fb4);color:#fff}.modal-header h2[data-v-4a62ed0b]{margin:0;font-size:17px;font-weight:600}.modal-close[data-v-4a62ed0b]{background:none;border:none;color:#fff;font-size:26px;cursor:pointer;line-height:1;padding:0 4px;opacity:.8}.modal-close[data-v-4a62ed0b]:active{opacity:1}.modal-dialog form[data-v-4a62ed0b]{padding:16px}.form-group[data-v-4a62ed0b]{margin-bottom:14px}.form-group label[data-v-4a62ed0b]{display:block;margin-bottom:6px;font-size:14px;color:#1a3a6e;font-weight:500}.required[data-v-4a62ed0b]{color:#e04040}.form-group input[data-v-4a62ed0b],.form-group select[data-v-4a62ed0b]{width:100%;padding:10px 12px;font-size:16px;border:1px solid #c8daf0;border-radius:6px;outline:none;color:#1a3a6e;background:#f8fbff;box-sizing:border-box}.form-group input[data-v-4a62ed0b]:focus,.form-group select[data-v-4a62ed0b]:focus{border-color:#3584e4;box-shadow:0 0 0 2px #3584e433}.form-group input[data-v-4a62ed0b]::placeholder{color:#a0b8d8}.form-actions[data-v-4a62ed0b]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-cancel[data-v-4a62ed0b]{padding:10px 28px;font-size:15px;color:#1a5fb4;background:#fff;border:1px solid #3584e4;border-radius:6px;cursor:pointer}.btn-cancel[data-v-4a62ed0b]:active{background:#f0f5ff}.btn-submit[data-v-4a62ed0b]{padding:10px 28px;font-size:15px;color:#fff;background:linear-gradient(135deg,#3584e4,#1a5fb4);border:none;border-radius:6px;cursor:pointer;box-shadow:0 2px 6px #1a5fb44d}.btn-submit[data-v-4a62ed0b]:active{background:linear-gradient(135deg,#1a5fb4,#14478a)}.alert-overlay[data-v-4a62ed0b]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,30,60,.45);display:flex;justify-content:center;align-items:center;z-index:200}.alert-dialog[data-v-4a62ed0b]{background:#fff;border-radius:10px;width:80vw;max-width:320px;box-shadow:0 8px 32px #1a3a6e40;overflow:hidden}.alert-msg[data-v-4a62ed0b]{margin:0;padding:28px 20px;font-size:15px;color:#1a3a6e;text-align:center;line-height:1.6}.alert-btn[data-v-4a62ed0b]{display:block;width:100%;padding:12px 0;font-size:16px;color:#fff;background:linear-gradient(135deg,#3584e4,#1a5fb4);border:none;cursor:pointer}.alert-btn[data-v-4a62ed0b]:active{background:linear-gradient(135deg,#1a5fb4,#14478a)}.fade-enter-active[data-v-4a62ed0b],.fade-leave-active[data-v-4a62ed0b]{transition:opacity .25s}.fade-enter-from[data-v-4a62ed0b],.fade-leave-to[data-v-4a62ed0b]{opacity:0}.page-wrapper[data-v-d9ba80a2]{min-height:100vh;display:flex;flex-direction:column}.site-header[data-v-d9ba80a2]{background:#f0f5ff;padding:14px 24px;text-align:center;border-bottom:1px solid #d0dff0}.site-name[data-v-d9ba80a2]{margin:0;color:#1a3a6e;font-size:22px;font-weight:600;letter-spacing:3px}.image-container[data-v-d9ba80a2]{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.image-container img[data-v-d9ba80a2]{width:100%;height:100%;object-fit:cover}.login-panel[data-v-d9ba80a2]{position:absolute;right:8%;top:50%;transform:translateY(-50%);z-index:10;background:rgba(255,255,255,.92);border-radius:12px;padding:36px 32px;width:340px;box-shadow:0 8px 32px #1a3a6e40;backdrop-filter:blur(8px)}.login-title[data-v-d9ba80a2]{margin:0 0 28px;font-size:20px;font-weight:600;color:#1a3a6e;text-align:center;letter-spacing:2px}.form-group[data-v-d9ba80a2]{margin-bottom:20px}.form-group label[data-v-d9ba80a2]{display:block;margin-bottom:6px;font-size:14px;color:#1a3a6e;font-weight:500}.form-group input[data-v-d9ba80a2]{width:100%;padding:10px 12px;font-size:14px;border:1px solid #c8daf0;border-radius:6px;outline:none;color:#1a3a6e;background:#f8fbff;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.form-group input[data-v-d9ba80a2]:focus{border-color:#3584e4;box-shadow:0 0 0 2px #3584e433}.form-group input[data-v-d9ba80a2]::placeholder{color:#a0b8d8}.btn-login[data-v-d9ba80a2]{width:100%;padding:11px 0;font-size:15px;font-weight:500;color:#fff;background:linear-gradient(135deg,#3584e4,#1a5fb4);border:none;border-radius:6px;cursor:pointer;letter-spacing:2px;margin-top:8px;transition:background .3s,box-shadow .3s;box-shadow:0 2px 8px #1a5fb44d}.btn-login[data-v-d9ba80a2]:hover{background:linear-gradient(135deg,#1a5fb4,#14478a);box-shadow:0 4px 12px #1a5fb466}.footer-record[data-v-d9ba80a2]{text-align:center;padding:12px 0;background:#f0f5ff;color:#1a5fb4;font-size:12px;line-height:1.6}.footer-record p[data-v-d9ba80a2]:last-child{display:flex;justify-content:center;align-items:center;gap:12px}.footer-record a[data-v-d9ba80a2]{color:#1a5fb4;text-decoration:none}.footer-record a[data-v-d9ba80a2]:hover{text-decoration:underline}.record-gongan[data-v-d9ba80a2]{display:inline-flex;align-items:center;gap:4px}.record-gongan img[data-v-d9ba80a2]{width:16px;height:16px;object-fit:contain}.alert-overlay[data-v-d9ba80a2]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,30,60,.45);display:flex;justify-content:center;align-items:center;z-index:200}.alert-dialog[data-v-d9ba80a2]{background:#fff;border-radius:10px;width:320px;box-shadow:0 8px 32px #1a3a6e40;overflow:hidden}.alert-msg[data-v-d9ba80a2]{margin:0;padding:28px 24px;font-size:15px;color:#1a3a6e;text-align:center;line-height:1.6}.alert-btn[data-v-d9ba80a2]{display:block;width:100%;padding:12px 0;font-size:15px;color:#fff;background:linear-gradient(135deg,#3584e4,#1a5fb4);border:none;cursor:pointer;transition:background .3s}.alert-btn[data-v-d9ba80a2]:hover{background:linear-gradient(135deg,#1a5fb4,#14478a)}.fade-enter-active[data-v-d9ba80a2],.fade-leave-active[data-v-d9ba80a2]{transition:opacity .25s}.fade-enter-from[data-v-d9ba80a2],.fade-leave-to[data-v-d9ba80a2]{opacity:0}.page-wrapper[data-v-7f0e90a1]{min-height:100vh;display:flex;flex-direction:column}.site-header[data-v-7f0e90a1]{background:#f0f5ff;padding:10px 16px;text-align:center;border-bottom:1px solid #d0dff0}.site-name[data-v-7f0e90a1]{margin:0;color:#1a3a6e;font-size:18px;font-weight:600;letter-spacing:2px}.image-container[data-v-7f0e90a1]{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.image-container img[data-v-7f0e90a1]{width:100%;height:100%;object-fit:cover}.login-panel[data-v-7f0e90a1]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:rgba(255,255,255,.92);border-radius:12px;padding:28px 24px;width:85vw;max-width:320px;box-shadow:0 8px 32px #1a3a6e40;backdrop-filter:blur(8px)}.login-title[data-v-7f0e90a1]{margin:0 0 22px;font-size:18px;font-weight:600;color:#1a3a6e;text-align:center;letter-spacing:2px}.form-group[data-v-7f0e90a1]{margin-bottom:18px}.form-group label[data-v-7f0e90a1]{display:block;margin-bottom:6px;font-size:14px;color:#1a3a6e;font-weight:500}.form-group input[data-v-7f0e90a1]{width:100%;padding:10px 12px;font-size:16px;border:1px solid #c8daf0;border-radius:6px;outline:none;color:#1a3a6e;background:#f8fbff;box-sizing:border-box}.form-group input[data-v-7f0e90a1]:focus{border-color:#3584e4;box-shadow:0 0 0 2px #3584e433}.form-group input[data-v-7f0e90a1]::placeholder{color:#a0b8d8}.btn-login[data-v-7f0e90a1]{width:100%;padding:12px 0;font-size:16px;font-weight:500;color:#fff;background:linear-gradient(135deg,#3584e4,#1a5fb4);border:none;border-radius:8px;cursor:pointer;letter-spacing:2px;margin-top:8px;box-shadow:0 2px 8px #1a5fb44d}.btn-login[data-v-7f0e90a1]:active{background:linear-gradient(135deg,#1a5fb4,#14478a)}.footer-record[data-v-7f0e90a1]{text-align:center;padding:8px;background:#f0f5ff;color:#1a5fb4;font-size:11px;line-height:1.6}.footer-record p[data-v-7f0e90a1]{margin:2px 0}.footer-record a[data-v-7f0e90a1]{color:#1a5fb4;text-decoration:none;word-break:break-all}.record-gongan[data-v-7f0e90a1]{display:inline-flex;align-items:center;gap:4px}.record-gongan img[data-v-7f0e90a1]{width:14px;height:14px;object-fit:contain}.alert-overlay[data-v-7f0e90a1]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,30,60,.45);display:flex;justify-content:center;align-items:center;z-index:200}.alert-dialog[data-v-7f0e90a1]{background:#fff;border-radius:10px;width:80vw;max-width:320px;box-shadow:0 8px 32px #1a3a6e40;overflow:hidden}.alert-msg[data-v-7f0e90a1]{margin:0;padding:28px 20px;font-size:15px;color:#1a3a6e;text-align:center;line-height:1.6}.alert-btn[data-v-7f0e90a1]{display:block;width:100%;padding:12px 0;font-size:16px;color:#fff;background:linear-gradient(135deg,#3584e4,#1a5fb4);border:none;cursor:pointer}.alert-btn[data-v-7f0e90a1]:active{background:linear-gradient(135deg,#1a5fb4,#14478a)}.fade-enter-active[data-v-7f0e90a1],.fade-leave-active[data-v-7f0e90a1]{transition:opacity .25s}.fade-enter-from[data-v-7f0e90a1],.fade-leave-to[data-v-7f0e90a1]{opacity:0}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;margin:0;padding:0;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){#app{padding:0}}