@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary: #059669;--primary-hover: #047857;--secondary: #0f172a;--accent: #f59e0b;--bg-main: #f8fafc;--bg-sidebar: #0f172a;--text-main: #334155;--text-muted: #64748b;--card: #ffffff;--success: #10b981;--danger: #ef4444;--border: #e2e8f0;--nav-header: #475569;--nav-active-bg: rgba(255, 255, 255, .05);--nav-active-border: #f59e0b;--bg-soft-green: #ecfdf5;--bg-soft-blue: #eff6ff;--bg-soft-purple: #f5f3ff;--bg-soft-orange: #fff7ed;--bg-soft-red: #fef2f2;--bg-soft-yellow: #fffdf2;--bg-input: rgba(0, 0, 0, .03);--topbar-bg: #ffffff}[data-theme=dark]{--bg-main: #0f172a;--bg-sidebar: #020617;--card: #1e293b;--text-main: #f1f5f9;--text-muted: #94a3b8;--border: #334155;--secondary: #f8fafc;--nav-header: #64748b;--bg-soft-green: rgba(16, 185, 129, .1);--bg-soft-blue: rgba(37, 99, 235, .1);--bg-soft-purple: rgba(124, 58, 237, .1);--bg-soft-orange: rgba(245, 158, 11, .1);--bg-soft-red: rgba(239, 68, 68, .1);--bg-soft-yellow: rgba(251, 191, 36, .1);--bg-input: rgba(255, 255, 255, .05);--topbar-bg: #1e293b;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;-webkit-font-smoothing:antialiased;color:var(--text-main);background-color:var(--bg-main);letter-spacing:-.01em;line-height:1.5}h1{font-size:13px;font-weight:700;color:var(--secondary);margin-bottom:8px}h2{font-size:12px;font-weight:700;color:var(--secondary);margin-bottom:6px}h3{font-size:11px;font-weight:700;color:var(--secondary);margin-bottom:4px}h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}html,body{height:100%;overflow:hidden}#app{height:100vh;display:flex;overflow:hidden}.card{background:var(--card);border-radius:12px;box-shadow:var(--shadow-sm);padding:20px;border:1px solid var(--border);transition:box-shadow .3s ease,transform .3s ease}.card:hover{box-shadow:var(--shadow-md)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{border-collapse:separate;border-spacing:0;width:100%}th{background-color:#f1f5f9;text-transform:uppercase;letter-spacing:.08em;padding:12px 16px;text-align:left;border-bottom:2px solid var(--border);font-weight:700;color:var(--secondary);font-size:11px}td{padding:14px 16px;border-bottom:1px solid var(--border);font-size:11px}tr:hover td{background-color:#f1f5f9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;font-size:11px;outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary),#10b981);color:#fff;box-shadow:0 4px 6px -1px #10b98133}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),#059669);transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b9814d}.btn-secondary{background:#fff;color:var(--secondary);border:1px solid var(--border)}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media print{.sidebar,.top-nav,.no-print,.mobile-close,.sidebar-overlay,.actions-bottom,.header-section{display:none!important}#app,.content,.view-container{display:block!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}body{background:#fff!important}.view-container{width:100%!important}}.login-wrapper[data-v-af046ca1]{position:fixed;top:0;left:0;width:100%;height:100vh;background:#f8fafc;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;padding:24px}.login-wrapper[data-v-af046ca1]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#f8fafc80,#f8fafc80),url(/bg-login.png);background-size:cover;background-position:center;opacity:.75;z-index:0}.login-container[data-v-af046ca1]{width:100%;max-width:440px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 20px 50px #0000000d;border:1px solid rgba(255,255,255,.5);z-index:10;overflow:hidden;animation:scaleIn-af046ca1 .8s cubic-bezier(.16,1,.3,1)}.card-content[data-v-af046ca1]{padding:32px 40px}.branding-header[data-v-af046ca1]{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px;animation:fadeIn-af046ca1 .8s ease-out both}.logo-box[data-v-af046ca1]{width:56px;height:56px;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.logo-img[data-v-af046ca1]{width:100%;height:100%;object-fit:contain}.branding-text h1[data-v-af046ca1]{font-size:20px;font-weight:800;color:#064e3b;margin-bottom:4px;letter-spacing:-.02em}.campus-name[data-v-af046ca1]{font-size:11px;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.1em}.divider-line[data-v-af046ca1]{height:1px;background:linear-gradient(to right,transparent,#edf2f7,transparent);margin-bottom:24px}.form-header[data-v-af046ca1]{text-align:center;margin-bottom:20px;animation:fadeIn-af046ca1 .8s ease-out .2s both}.form-header h3[data-v-af046ca1]{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:2px}.form-header p[data-v-af046ca1]{font-size:12px;color:#64748b;font-weight:500}.login-form[data-v-af046ca1]{display:flex;flex-direction:column;gap:16px;animation:fadeIn-af046ca1 .8s ease-out .4s both}.input-group label[data-v-af046ca1]{display:block;font-size:11px;font-weight:700;color:#475569;margin-bottom:6px;margin-left:4px}.input-wrapper[data-v-af046ca1]{position:relative}.input-wrapper .icon[data-v-af046ca1]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;transition:all .2s}.input-wrapper input[data-v-af046ca1]{width:100%;padding:12px 14px 12px 42px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;color:#1e293b;transition:all .2s}.input-wrapper input[data-v-af046ca1]:focus{outline:none;background:#fff;border-color:#059669;box-shadow:0 0 0 4px #05966914}.input-wrapper input:focus+.icon[data-v-af046ca1]{color:#059669}.eye-btn[data-v-af046ca1]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px}.form-options[data-v-af046ca1]{display:flex;justify-content:flex-end;margin-top:4px}.forgot-link[data-v-af046ca1]{font-size:11px;font-weight:600;color:#fbbf24;text-decoration:none;transition:all .2s}.forgot-link[data-v-af046ca1]:hover{color:#d97706;text-decoration:underline}.btn-primary[data-v-af046ca1]{width:100%;padding:14px;background:#059669;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s;box-shadow:0 10px 15px -3px #0596691a;margin-top:8px}.btn-primary[data-v-af046ca1]:hover:not(:disabled){background:#047857;transform:translateY(-1px);box-shadow:0 12px 20px -3px #05966933}.btn-primary[data-v-af046ca1]:disabled{opacity:.6;cursor:not-allowed}.btn-ghost[data-v-af046ca1]{width:100%;padding:12px;background:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.btn-ghost[data-v-af046ca1]:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.error-msg[data-v-af046ca1],.success-msg[data-v-af046ca1]{padding:12px;border-radius:10px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;margin-bottom:16px}.error-msg[data-v-af046ca1]{background:#fef2f2;color:#991b1b;border:1px solid #fee2e2}.success-msg[data-v-af046ca1]{background:#f0fdf4;color:#166534;border:1px solid #dcfce7}.login-footer[data-v-af046ca1]{margin-top:24px;text-align:center;color:#94a3b8;font-size:11px}.register-hint[data-v-af046ca1]{text-align:center;margin-top:8px;font-size:13px}.register-hint span[data-v-af046ca1]{color:#64748b;margin-right:6px}.register-hint a[data-v-af046ca1]{color:#059669;font-weight:700;text-decoration:none}.register-hint a[data-v-af046ca1]:hover{text-decoration:underline}.login-footer p[data-v-af046ca1]{font-weight:600;margin-bottom:4px}.login-footer span[data-v-af046ca1]{opacity:.7}@keyframes scaleIn-af046ca1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn-af046ca1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes errorShake-af046ca1{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.error-shake[data-v-af046ca1]{animation:errorShake-af046ca1 .4s ease-in-out}.mode-fade-enter-active[data-v-af046ca1],.mode-fade-leave-active[data-v-af046ca1]{transition:all .3s ease}.mode-fade-enter-from[data-v-af046ca1]{opacity:0;transform:translate(10px)}.mode-fade-leave-to[data-v-af046ca1]{opacity:0;transform:translate(-10px)}@media (max-width: 480px){.login-wrapper[data-v-af046ca1]{background:#fff;padding:0}.login-container[data-v-af046ca1]{height:100vh;border-radius:0;box-shadow:none;border:none;max-width:100%;display:flex;align-items:center}.card-content[data-v-af046ca1]{padding:32px 24px;width:100%}}.login-wrapper[data-v-9ea618a0]{position:fixed;top:0;left:0;width:100%;height:100vh;background:#f8fafc;display:flex;align-items:flex-start;justify-content:center;z-index:9999;overflow-y:auto;padding:40px 24px}.login-wrapper[data-v-9ea618a0]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#f8fafc80,#f8fafc80),url(/bg-login.png);background-size:cover;background-position:center;opacity:.75;z-index:0;pointer-events:none}.login-container[data-v-9ea618a0]{width:100%;max-width:440px;margin:auto;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 20px 50px #0000000d;border:1px solid rgba(255,255,255,.5);z-index:10;animation:scaleIn-9ea618a0 .8s cubic-bezier(.16,1,.3,1)}.card-content[data-v-9ea618a0]{padding:32px 40px}.branding-header[data-v-9ea618a0]{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.logo-box[data-v-9ea618a0]{width:56px;height:56px;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.logo-img[data-v-9ea618a0]{width:100%;height:100%;object-fit:contain}.branding-text h1[data-v-9ea618a0]{font-size:20px;font-weight:800;color:#064e3b;margin-bottom:4px;letter-spacing:-.02em}.campus-name[data-v-9ea618a0]{font-size:11px;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.1em}.divider-line[data-v-9ea618a0]{height:1px;background:linear-gradient(to right,transparent,#edf2f7,transparent);margin-bottom:20px}.form-header[data-v-9ea618a0]{text-align:center;margin-bottom:20px}.form-header h3[data-v-9ea618a0]{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:2px}.form-header p[data-v-9ea618a0]{font-size:12px;color:#64748b;font-weight:500}.login-form[data-v-9ea618a0]{display:flex;flex-direction:column;gap:12px}.input-group label[data-v-9ea618a0]{display:block;font-size:11px;font-weight:700;color:#475569;margin-bottom:4px;margin-left:4px}.input-wrapper[data-v-9ea618a0]{position:relative}.input-wrapper .icon[data-v-9ea618a0]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;transition:all .2s}.input-wrapper input[data-v-9ea618a0]{width:100%;padding:10px 14px 10px 42px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;color:#1e293b;transition:all .2s}.input-wrapper input[data-v-9ea618a0]:focus{outline:none;background:#fff;border-color:#059669;box-shadow:0 0 0 4px #05966914}.input-wrapper input:focus+.icon[data-v-9ea618a0]{color:#059669}.eye-btn[data-v-9ea618a0]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px}.btn-primary[data-v-9ea618a0]{width:100%;padding:12px;background:#059669;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s;box-shadow:0 10px 15px -3px #0596691a;margin-top:8px}.btn-primary[data-v-9ea618a0]:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.btn-ghost[data-v-9ea618a0]{width:100%;padding:10px;background:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.error-msg[data-v-9ea618a0],.success-msg[data-v-9ea618a0]{padding:10px;border-radius:10px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;margin-bottom:12px}.error-msg[data-v-9ea618a0]{background:#fef2f2;color:#991b1b;border:1px solid #fee2e2}.success-msg[data-v-9ea618a0]{background:#f0fdf4;color:#166534;border:1px solid #dcfce7}.login-footer[data-v-9ea618a0]{margin-top:20px;text-align:center;color:#94a3b8;font-size:11px}@keyframes scaleIn-9ea618a0{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn-9ea618a0{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.login-wrapper[data-v-9ea618a0]{padding:0;align-items:flex-start}.login-container[data-v-9ea618a0]{max-height:none;min-height:100vh;border-radius:0;max-width:100%}}.login-wrapper[data-v-8e111d2d]{position:fixed;top:0;left:0;width:100%;height:100vh;background:#f8fafc;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;padding:24px}.login-wrapper[data-v-8e111d2d]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#f8fafc80,#f8fafc80),url(/bg-login.png);background-size:cover;background-position:center;opacity:.75;z-index:0}.login-container[data-v-8e111d2d]{width:100%;max-width:440px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 20px 50px #0000000d;border:1px solid rgba(255,255,255,.5);z-index:10;overflow:hidden}.card-content[data-v-8e111d2d]{padding:40px}.branding-header[data-v-8e111d2d]{text-align:center;margin-bottom:24px}.logo-icon.text-success[data-v-8e111d2d]{color:#059669}.branding-text h1[data-v-8e111d2d]{font-size:24px;font-weight:800;color:#1e293b;margin:12px 0 4px}.status-badge[data-v-8e111d2d]{display:inline-block;font-size:11px;font-weight:700;padding:4px 12px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}.status-badge.loading[data-v-8e111d2d]{background:#f1f5f9;color:#64748b}.status-badge.success[data-v-8e111d2d]{background:#ecfdf5;color:#059669}.status-badge.error[data-v-8e111d2d]{background:#fef2f2;color:#dc2626}.divider-line[data-v-8e111d2d]{height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent);margin-bottom:24px}.btn-primary[data-v-8e111d2d]{padding:12px;background:#059669;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-primary[data-v-8e111d2d]:hover{background:#047857;transform:translateY(-1px)}.btn-ghost[data-v-8e111d2d]{padding:12px;background:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.btn-ghost[data-v-8e111d2d]:hover{background:#f1f5f9}.animate-spin[data-v-8e111d2d]{animation:spin-8e111d2d 1s linear infinite}@keyframes spin-8e111d2d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in[data-v-8e111d2d]{animation:fadeIn-8e111d2d .5s ease-out}@keyframes fadeIn-8e111d2d{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-footer[data-v-8e111d2d]{text-align:center;font-size:11px;color:#94a3b8}.biodata-wrapper[data-v-77b2d6ef]{position:fixed;top:0;left:0;width:100%;height:100vh;background:#f8fafc;display:flex;align-items:flex-start;justify-content:center;z-index:9999;overflow-y:auto;padding:40px 24px}.biodata-wrapper[data-v-77b2d6ef]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#f8fafc80,#f8fafc80),url(/bg-login.png);background-size:cover;background-position:center;opacity:.75;z-index:0;pointer-events:none}.biodata-container[data-v-77b2d6ef]{width:100%;max-width:520px;margin:auto;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:28px;box-shadow:0 25px 60px #0000000f;border:1px solid rgba(255,255,255,.6);z-index:10}.card-content[data-v-77b2d6ef]{padding:36px 40px}.branding-header[data-v-77b2d6ef]{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.logo-box[data-v-77b2d6ef]{width:52px;height:52px;margin-bottom:10px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.logo-img[data-v-77b2d6ef]{width:100%;height:100%;object-fit:contain}.branding-text h1[data-v-77b2d6ef]{font-size:20px;font-weight:800;color:#064e3b;margin-bottom:2px;letter-spacing:-.02em}.campus-name[data-v-77b2d6ef]{font-size:11px;font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:.1em}.divider-line[data-v-77b2d6ef]{height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent);margin-bottom:24px}.form-header[data-v-77b2d6ef]{text-align:center;margin-bottom:20px}.header-icon-circle[data-v-77b2d6ef]{width:60px;height:60px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.form-header h2[data-v-77b2d6ef]{font-size:19px;font-weight:800;color:#1e293b;margin-bottom:6px}.form-header p[data-v-77b2d6ef]{font-size:12px;color:#64748b;line-height:1.5;font-weight:500}.info-box[data-v-77b2d6ef]{display:flex;align-items:flex-start;gap:10px;background:#eff6ff;color:#1e40af;border:1px solid #dbeafe;border-radius:12px;padding:12px 14px;font-size:11px;font-weight:500;margin-bottom:20px;line-height:1.5}.info-box svg[data-v-77b2d6ef]{flex-shrink:0;margin-top:1px}.biodata-form[data-v-77b2d6ef]{display:flex;flex-direction:column;gap:14px}.form-group label[data-v-77b2d6ef]{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#475569;margin-bottom:5px;margin-left:2px}.required[data-v-77b2d6ef]{color:#ef4444}.form-group input[data-v-77b2d6ef],.form-group select[data-v-77b2d6ef]{width:100%;padding:11px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:13px;color:#1e293b;font-family:inherit;transition:all .2s}.form-group input[data-v-77b2d6ef]:focus,.form-group select[data-v-77b2d6ef]:focus{outline:none;background:#fff;border-color:#059669;box-shadow:0 0 0 4px #05966914}.form-group input[data-v-77b2d6ef]::placeholder{color:#94a3b8}.form-group input[data-v-77b2d6ef]:disabled{opacity:.6;cursor:not-allowed}.btn-submit[data-v-77b2d6ef]{width:100%;padding:13px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:14px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s;box-shadow:0 10px 25px -5px #05966940;margin-top:6px}.btn-submit[data-v-77b2d6ef]:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);transform:translateY(-2px);box-shadow:0 15px 30px -5px #05966959}.btn-submit[data-v-77b2d6ef]:disabled{opacity:.7;cursor:not-allowed}.btn-logout[data-v-77b2d6ef]{width:100%;padding:10px;background:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-logout[data-v-77b2d6ef]:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.error-msg[data-v-77b2d6ef]{padding:12px 14px;border-radius:12px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;background:#fef2f2;color:#991b1b;border:1px solid #fee2e2}.success-state[data-v-77b2d6ef]{text-align:center;padding:24px 0}.success-icon[data-v-77b2d6ef]{color:#059669;margin-bottom:16px}.success-state h3[data-v-77b2d6ef]{font-size:18px;font-weight:800;color:#1e293b;margin-bottom:8px}.success-state p[data-v-77b2d6ef]{font-size:13px;color:#64748b;margin-bottom:16px}.redirect-notice[data-v-77b2d6ef]{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#94a3b8;font-weight:500}.biodata-footer[data-v-77b2d6ef]{margin-top:24px;text-align:center;color:#94a3b8;font-size:11px}.fade-in-up[data-v-77b2d6ef]{animation:fadeInUp-77b2d6ef .6s cubic-bezier(.22,1,.36,1)}@keyframes fadeInUp-77b2d6ef{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in[data-v-77b2d6ef]{animation:fadeIn-77b2d6ef .4s ease-out}@keyframes fadeIn-77b2d6ef{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-spin[data-v-77b2d6ef]{animation:spin-77b2d6ef 1s linear infinite}@keyframes spin-77b2d6ef{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.biodata-wrapper[data-v-77b2d6ef]{padding:0;align-items:flex-start}.biodata-container[data-v-77b2d6ef]{max-height:none;min-height:100vh;border-radius:0;max-width:100%}.card-content[data-v-77b2d6ef]{padding:28px 20px}}.toast-container[data-v-90556cc4]{position:fixed;top:80px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast[data-v-90556cc4]{display:flex;align-items:center;gap:12px;min-width:320px;max-width:420px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;border-left:4px solid;pointer-events:all;animation:slideIn-90556cc4 .3s ease-out}.toast-success[data-v-90556cc4]{border-left-color:#10b981}.toast-error[data-v-90556cc4]{border-left-color:#ef4444}.toast-info[data-v-90556cc4]{border-left-color:#3b82f6}.toast-warning[data-v-90556cc4]{border-left-color:#f59e0b}.toast-icon[data-v-90556cc4]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.toast-success .toast-icon[data-v-90556cc4]{background:#d1fae5;color:#10b981}.toast-error .toast-icon[data-v-90556cc4]{background:#fee2e2;color:#ef4444}.toast-info .toast-icon[data-v-90556cc4]{background:#dbeafe;color:#3b82f6}.toast-warning .toast-icon[data-v-90556cc4]{background:#fef3c7;color:#f59e0b}.toast-content[data-v-90556cc4]{flex:1}.toast-content p[data-v-90556cc4]{margin:0;font-size:14px;font-weight:500;color:#1e293b;line-height:1.5}.toast-close[data-v-90556cc4]{flex-shrink:0;background:transparent;border:none;padding:4px;cursor:pointer;color:#64748b;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.toast-close[data-v-90556cc4]:hover{background:#f1f5f9;color:#1e293b}.toast-enter-active[data-v-90556cc4],.toast-leave-active[data-v-90556cc4]{transition:all .3s ease}.toast-enter-from[data-v-90556cc4]{opacity:0;transform:translate(100%)}.toast-leave-to[data-v-90556cc4]{opacity:0;transform:translate(100%) scale(.95)}@keyframes slideIn-90556cc4{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 640px){.toast-container[data-v-90556cc4]{top:16px;right:16px;left:16px}.toast[data-v-90556cc4]{min-width:auto;max-width:none}}.confirm-overlay[data-v-18c0e036]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.confirm-dialog[data-v-18c0e036]{background:#fff;border-radius:16px;padding:32px;max-width:440px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideUp-18c0e036 .3s ease-out}.confirm-icon[data-v-18c0e036]{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 24px;background:#fee2e2;border-radius:50%;color:#ef4444}.confirm-content[data-v-18c0e036]{text-align:center;margin-bottom:32px}.confirm-content h3[data-v-18c0e036]{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 12px}.confirm-content p[data-v-18c0e036]{font-size:14px;color:#64748b;margin:0;line-height:1.6}.confirm-actions[data-v-18c0e036]{display:flex;gap:12px}.btn[data-v-18c0e036]{flex:1;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary[data-v-18c0e036]{background:#f1f5f9;color:#64748b}.btn-secondary[data-v-18c0e036]:hover{background:#e2e8f0;color:#475569}.btn-danger[data-v-18c0e036]{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-danger[data-v-18c0e036]:hover{background:#dc2626;box-shadow:0 6px 16px #ef444466}.modal-enter-active[data-v-18c0e036],.modal-leave-active[data-v-18c0e036]{transition:opacity .3s ease}.modal-enter-from[data-v-18c0e036],.modal-leave-to[data-v-18c0e036]{opacity:0}.modal-enter-active .confirm-dialog[data-v-18c0e036]{animation:slideUp-18c0e036 .3s ease-out}.modal-leave-active .confirm-dialog[data-v-18c0e036]{animation:slideDown-18c0e036 .3s ease-in}@keyframes slideUp-18c0e036{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown-18c0e036{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}@media (max-width: 640px){.confirm-dialog[data-v-18c0e036]{padding:24px}.confirm-actions[data-v-18c0e036]{flex-direction:column-reverse}}.dashboard-grid[data-v-67547978]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.loan-promo-banner[data-v-67547978]{grid-column:span 4;background:linear-gradient(135deg,#059669,#10b981);color:#fff;padding:24px 32px;border-radius:20px;display:flex;align-items:center;gap:24px;position:relative;overflow:hidden;cursor:pointer;transition:transform .3s;border:none}.loan-promo-banner[data-v-67547978]:hover{transform:translateY(-4px)}.promo-icon[data-v-67547978]{width:64px;height:64px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gift-icon[data-v-67547978]{animation:bounce-67547978 2s infinite}@keyframes bounce-67547978{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.promo-info[data-v-67547978]{flex:1;z-index:1}.promo-tag[data-v-67547978]{font-size:10px;font-weight:800;background:#fbbf24;color:#92400e;padding:2px 8px;border-radius:100px;display:inline-block;margin-bottom:8px}.promo-info h3[data-v-67547978]{font-size:20px;font-weight:800;margin-bottom:4px}.promo-info h3 span[data-v-67547978]{color:#fef3c7}.promo-info p[data-v-67547978]{font-size:13px;opacity:.9}.promo-action[data-v-67547978]{z-index:1}.btn-promo[data-v-67547978]{background:#fff;color:#059669;border:none;padding:12px 24px;border-radius:12px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-promo[data-v-67547978]:hover{background:#f0fdf4;gap:12px}.promo-bg-icon[data-v-67547978]{position:absolute;right:-20px;bottom:-20px;opacity:.1;transform:rotate(-15deg);pointer-events:none}.dashboard-banner[data-v-67547978]{grid-column:span 4;display:flex;justify-content:space-between;align-items:center;padding:36px 40px;background:#1e293b;background-image:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.banner-content h1[data-v-67547978]{font-size:32px;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.3))}.banner-content p[data-v-67547978]{font-size:13px;color:#ffffffb3!important;max-width:550px;line-height:1.6}.attendance-status-header-new[data-v-67547978]{grid-column:span 4;display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:#fff1f2;border:1px solid #fecdd3;border-radius:100px}.attendance-status-header-new.is-verified[data-v-67547978]{background:#f0fdf4;border-color:#dcfce7}.status-indicator[data-v-67547978]{display:flex;align-items:center;gap:12px}.status-label[data-v-67547978]{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.status-value[data-v-67547978]{font-size:14px;font-weight:800;color:#e11d48}.is-verified .status-value[data-v-67547978]{color:#166534}.status-time[data-v-67547978]{display:flex;align-items:center;gap:8px;font-size:12px;color:#166534;font-weight:600}.btn-absen-header[data-v-67547978]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1e293b;color:#fff;border:none;border-radius:100px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0000001a}.btn-absen-header[data-v-67547978]:hover{background:#000;transform:translateY(-2px);box-shadow:0 6px 15px #0003}.btn-absen-header svg[data-v-67547978]{color:#fbbf24}.pulse-dot[data-v-67547978]{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:alert-dot-anim-67547978 1s infinite}.is-verified .pulse-dot[data-v-67547978]{background:#10b981;animation:none}.banner-visual[data-v-67547978]{width:80px;height:80px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:24px;display:flex;align-items:center;justify-content:center;color:#ffffff1a}.attendance-alert-card[data-v-67547978]{grid-column:span 4;display:flex;align-items:center;gap:32px;padding:28px 32px;background:linear-gradient(135deg,#fff,#fffbeb);border:1px solid #fde68a;box-shadow:0 10px 40px -10px #f59e0b33}.attendance-alert-card.is-late[data-v-67547978]{background:linear-gradient(135deg,#fff,#fff1f2);border-color:#fecdd3;box-shadow:0 10px 40px -10px #ef444433}.alert-pulse-container[data-v-67547978]{position:relative;flex-shrink:0}.alert-ring-pulse[data-v-67547978]{position:absolute;width:100%;height:100%;border:4px solid #fbbf24;border-radius:20px;animation:alert-ring-anim-67547978 2s infinite}.is-late .alert-ring-pulse[data-v-67547978]{border-color:#f87171}@keyframes alert-ring-anim-67547978{0%{transform:scale(1);opacity:.8}to{transform:scale(1.4);opacity:0}}.alert-bell-icon-premium[data-v-67547978]{width:64px;height:64px;background:#f59e0b;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2;position:relative}.is-late .alert-bell-icon-premium[data-v-67547978]{background:var(--danger)}.alert-status-tag-premium[data-v-67547978]{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#b45309;margin-bottom:8px}.is-late .alert-status-tag-premium[data-v-67547978]{color:#b91c1c}.alert-status-tag-premium .dot[data-v-67547978]{width:6px;height:6px;background:currentColor;border-radius:50%;animation:alert-dot-anim-67547978 1s infinite}@keyframes alert-dot-anim-67547978{0%,to{opacity:1}50%{opacity:.3}}.btn-absensi-premium[data-v-67547978]{display:flex;align-items:center;gap:12px;padding:14px 28px;background:#1e293b;color:#fff;border:none;border-radius:16px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-absensi-premium[data-v-67547978]:hover{background:#000;transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px #00000026}.btn-absensi-premium svg[data-v-67547978]:first-child{color:#fbbf24}.attendance-alert-card[data-v-67547978]{grid-column:span 4;display:flex;align-items:center;gap:24px;padding:24px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;position:relative;overflow:hidden}.attendance-alert-card.is-late[data-v-67547978]{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-color:#fecdd3}.attendance-alert-card[data-v-67547978]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#f59e0b}.attendance-alert-card.is-late[data-v-67547978]:before{background:var(--danger)}.alert-bell-icon[data-v-67547978]{width:56px;height:56px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#f59e0b;box-shadow:0 8px 16px #f59e0b26}.is-late .alert-bell-icon[data-v-67547978]{color:var(--danger);box-shadow:0 8px 16px #ef444426}.alert-text-body[data-v-67547978]{flex:1}.alert-status-tag[data-v-67547978]{font-size:10px;font-weight:900;color:#b45309;letter-spacing:.1em;margin-bottom:6px}.is-late .alert-status-tag[data-v-67547978]{color:#b91c1c}.alert-text-body h4[data-v-67547978]{font-size:18px;font-weight:800;color:#1e293b;margin-bottom:4px}.alert-text-body p[data-v-67547978]{font-size:13px;color:#64748b}.btn-absensi-now[data-v-67547978]{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#1e293b;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:13px;cursor:pointer;transition:all .3s}.btn-absensi-now[data-v-67547978]:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 10px 20px #00000026}.btn-absensi-now svg[data-v-67547978]:first-child{color:#fbbf24}@media (max-width: 1024px){.dashboard-grid[data-v-67547978]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dashboard-grid[data-v-67547978]{grid-template-columns:1fr;gap:16px}}.stat-card[data-v-67547978]{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;padding:24px;border:1px solid rgba(255,255,255,.1)}.stat-card[data-v-67547978]:hover{transform:translateY(-5px);box-shadow:0 15px 30px -10px #0003}.stat-icon-premium[data-v-67547978]{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-bottom:16px;box-shadow:0 4px 12px #0000001a}.stat-content[data-v-67547978]{display:flex;flex-direction:column}.label-premium[data-v-67547978]{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#fffc;margin-bottom:6px}.value-premium[data-v-67547978]{font-size:20px;font-weight:800;color:#fff;line-height:1;margin-bottom:8px}.value-premium small[data-v-67547978]{font-size:11px;opacity:.7;margin-left:4px}.trend-premium[data-v-67547978]{font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px;color:#ffffffb3}.trend-premium.positive[data-v-67547978]{background:#ffffff26;padding:2px 8px;border-radius:100px;color:#fff}.trend-premium.white[data-v-67547978]{color:#fff;opacity:1}.purple-grad[data-v-67547978]{background:linear-gradient(135deg,#7c3aed,#a855f7)}.blue-grad[data-v-67547978]{background:linear-gradient(135deg,#2563eb,#3b82f6)}.green-grad[data-v-67547978]{background:linear-gradient(135deg,#059669,#10b981)}.orange-grad[data-v-67547978]{background:linear-gradient(135deg,#ea580c,#f97316)}.danger-grad[data-v-67547978]{background:linear-gradient(135deg,#e11d48,#fb7185)}.pulse[data-v-67547978]{animation:pulse-shadow-67547978 2s infinite;cursor:pointer}@keyframes pulse-shadow-67547978{0%{box-shadow:0 0 #e11d4866}70%{box-shadow:0 0 0 15px #e11d4800}to{box-shadow:0 0 #e11d4800}}.main-stats[data-v-67547978]{grid-column:span 3}.recent-activities[data-v-67547978]{grid-column:span 1}@media (max-width: 1200px){.dashboard-grid[data-v-67547978]{grid-template-columns:repeat(2,1fr)}.dashboard-banner[data-v-67547978],.attendance-alert-card[data-v-67547978],.attendance-status-header-new[data-v-67547978],.main-stats[data-v-67547978],.recent-activities[data-v-67547978]{grid-column:span 2}}@media (max-width: 640px){.dashboard-grid[data-v-67547978]{grid-template-columns:1fr;gap:16px}.dashboard-banner[data-v-67547978],.attendance-alert-card[data-v-67547978],.attendance-status-header-new[data-v-67547978],.main-stats[data-v-67547978],.recent-activities[data-v-67547978]{grid-column:span 1}.attendance-status-header-new[data-v-67547978]{flex-direction:column;gap:16px;text-align:center;padding:20px;border-radius:24px}.dashboard-banner[data-v-67547978]{padding:24px;flex-direction:column;text-align:center;gap:20px}.banner-content h1[data-v-67547978]{font-size:24px}.banner-content p[data-v-67547978]{font-size:13px}.banner-visual[data-v-67547978]{display:none}.status-indicator[data-v-67547978]{flex-direction:column;gap:8px}.btn-absen-header[data-v-67547978]{width:100%;justify-content:center;padding:12px}.attendance-alert-card[data-v-67547978]{flex-direction:column;text-align:center;gap:16px;padding:20px 16px}.alert-pulse-container[data-v-67547978]{margin:0 auto}.btn-absensi-premium[data-v-67547978]{width:100%;justify-content:center}}.card-header[data-v-67547978]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.card-header h4[data-v-67547978]{font-size:13px;font-weight:700;margin-bottom:2px;line-height:1.2}.card-header p[data-v-67547978]{font-size:11px;color:var(--text-muted);line-height:1.4}.btn-text[data-v-67547978]{background:transparent;border:none;color:var(--primary);font-size:11px;font-weight:600;cursor:pointer}.chart-placeholder[data-v-67547978]{height:280px;display:flex;flex-direction:column;padding:20px;border-top:1px solid var(--border)}.line-chart-container[data-v-67547978]{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.line-chart[data-v-67547978]{width:100%;height:200px;flex-shrink:0}.data-point[data-v-67547978]{cursor:pointer;transition:all .2s}.data-point[data-v-67547978]:hover{r:7;filter:drop-shadow(0 0 6px var(--primary))}.chart-labels[data-v-67547978]{display:flex;justify-content:space-between;padding:0 40px;margin-top:12px}.month-label[data-v-67547978]{font-size:11px;color:var(--text-muted);font-weight:600;text-align:center;flex:1}.chart-tooltip-premium[data-v-67547978]{position:absolute;background:#0f172a;color:#fff;padding:10px 14px;border-radius:10px;pointer-events:none;z-index:100;box-shadow:0 10px 25px -5px #0006;min-width:140px;border:1px solid rgba(255,255,255,.1)}.tooltip-month[data-v-67547978]{font-size:10px;font-weight:800;text-transform:uppercase;color:#ffffff80;margin-bottom:4px}.tooltip-amount[data-v-67547978]{font-size:14px;font-weight:800;color:#fff;margin-bottom:2px}.tooltip-meta[data-v-67547978]{font-size:10px;font-weight:600;color:#fbbf24}.trend-indicator-box[data-v-67547978]{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.trend-badge[data-v-67547978]{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:700}.trend-badge.up[data-v-67547978]{background:#f0fdf4;color:#166534}.trend-badge.down[data-v-67547978]{background:#fee2e2;color:#991b1b}.trend-label[data-v-67547978]{font-size:10px;color:var(--text-muted);font-weight:600}.activity-list[data-v-67547978]{display:flex;flex-direction:column;gap:12px}.activity-item-premium[data-v-67547978]{display:flex;align-items:center;gap:14px;padding:10px;border-radius:12px;transition:all .2s}.activity-item-premium[data-v-67547978]:hover{background:var(--bg-input)}.act-avatar-premium[data-v-67547978]{width:32px;height:32px;background:linear-gradient(135deg,var(--primary) 0%,#1e40af 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;box-shadow:0 4px 8px #2563eb33}.act-info[data-v-67547978]{flex:1}.act-text-premium[data-v-67547978]{font-size:12px;color:var(--secondary);margin-bottom:2px}.act-text-premium strong[data-v-67547978]{font-weight:700;color:#1e293b}.act-time-premium[data-v-67547978]{font-size:10px;color:var(--text-muted);font-weight:600}.act-badge-premium[data-v-67547978]{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.act-badge-premium.valid[data-v-67547978]{color:#059669;background:#ecfdf5}.act-badge-premium.invalid[data-v-67547978]{color:#e11d48;background:#fff1f2}.loading[data-v-67547978],.empty[data-v-67547978]{text-align:center;padding:40px 0;color:var(--text-muted);font-style:italic}.mobile-quick-actions[data-v-67547978]{grid-column:span 4;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:-10px;margin-bottom:10px}.quick-action-tile[data-v-67547978]{background:var(--card-bg, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d}.quick-action-tile[data-v-67547978]:active{transform:scale(.95);background:#f1f5f9}.tile-icon[data-v-67547978]{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.primary .tile-icon[data-v-67547978]{background:#eff6ff;color:#2563eb}.success .tile-icon[data-v-67547978]{background:#f0fdf4;color:#16a34a}.warning .tile-icon[data-v-67547978]{background:#fffbeb;color:#d97706}.danger .tile-icon[data-v-67547978]{background:#fef2f2;color:#dc2626}.tile-label[data-v-67547978]{font-size:13px;font-weight:700;color:var(--text-main, #1e293b);margin-bottom:4px}.tile-status[data-v-67547978]{font-size:10px;font-weight:600;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.02em}.tile-status.done[data-v-67547978]{color:#16a34a}@media (max-width: 768px){.dashboard-grid[data-v-67547978]{gap:16px}}@media (max-width: 768px){.dashboard-grid[data-v-67547978]{grid-template-columns:1fr;gap:16px}.dashboard-banner[data-v-67547978],.attendance-status-header-new[data-v-67547978],.attendance-alert-card[data-v-67547978],.main-stats[data-v-67547978],.recent-activities[data-v-67547978],.loan-promo-banner[data-v-67547978]{grid-column:span 1}.dashboard-banner[data-v-67547978]{flex-direction:column;text-align:center;padding:24px;gap:20px}.banner-content h1[data-v-67547978]{font-size:24px}.banner-content p[data-v-67547978]{font-size:12px}.attendance-status-header-new[data-v-67547978]{flex-direction:column;gap:12px;text-align:center;padding:16px}.status-indicator[data-v-67547978]{flex-direction:column;gap:4px}.btn-absen-header[data-v-67547978]{width:100%;justify-content:center}.stat-card[data-v-67547978]{padding:16px}.value-premium[data-v-67547978]{font-size:24px}.loan-promo-banner[data-v-67547978]{flex-direction:column;text-align:center;padding:20px}.promo-icon[data-v-67547978]{margin-bottom:8px}.promo-info h3[data-v-67547978]{font-size:18px}.promo-action[data-v-67547978]{width:100%}.btn-promo[data-v-67547978]{width:100%;justify-content:center}.promo-bg-icon[data-v-67547978]{width:80px;height:80px;bottom:-10px;right:-10px}}.global-error-overlay[data-v-3d5c5810]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:9999}.error-content[data-v-3d5c5810]{text-align:center;background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 40px #0003;max-width:400px;width:90%}.sidebar[data-v-3d5c5810]{width:240px;background:var(--bg-sidebar);color:#94a3b8;display:flex;flex-direction:column;padding:24px 0;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1001;position:sticky;top:0;height:100vh;overflow-y:hidden}.logo[data-v-3d5c5810]{padding:0 24px 32px;display:flex;align-items:center;gap:14px;color:#fff;font-weight:700;letter-spacing:.1em;position:relative}.logo-emblem[data-v-3d5c5810]{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:2px;box-shadow:0 4px 12px #00000026;border:1px solid rgba(255,255,255,.1);overflow:hidden}.logo-emblem img[data-v-3d5c5810]{width:100%;height:100%;object-fit:contain}.logo span[data-v-3d5c5810]{font-size:14px;line-height:1.1;font-weight:700}.logo span small[data-v-3d5c5810]{display:block;font-size:11px;font-weight:600;text-transform:uppercase;color:#64748b;letter-spacing:.1em;margin-top:2px}.mobile-close[data-v-3d5c5810]{display:none;background:transparent;border:none;color:#fff;cursor:pointer;position:absolute;right:16px}.sidebar-nav[data-v-3d5c5810]{flex:1;padding:0 12px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav[data-v-3d5c5810]::-webkit-scrollbar{display:none}.nav-divider[data-v-3d5c5810]{display:flex;align-items:center;gap:12px;margin:24px 12px 12px;position:relative}.nav-divider span[data-v-3d5c5810]{font-size:9px;font-weight:800;color:#475569;letter-spacing:.15em;white-space:nowrap}.nav-divider[data-v-3d5c5810]:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent)}.nav-divider[data-v-3d5c5810]:before{content:"";width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:.5}.nav-item[data-v-3d5c5810]{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:0 8px 8px 0;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:11px;margin-bottom:2px;border-left:3px solid transparent}.nav-item[data-v-3d5c5810]:hover{background:#ffffff0d;color:#fff}.nav-item.active[data-v-3d5c5810]{background:var(--nav-active-bg);color:#fff;border-left-color:var(--nav-active-border);font-weight:600}.sidebar-user-portal[data-v-3d5c5810]{margin-top:auto;padding:12px;background:linear-gradient(to top,rgba(15,23,42,.95),transparent);border-top:1px solid rgba(255,255,255,.03)}.user-card-premium[data-v-3d5c5810]{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.user-card-premium[data-v-3d5c5810]:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-4px) scale(1.02);box-shadow:0 20px 30px -10px #0000004d}.avatar-ring[data-v-3d5c5810]{position:relative;flex-shrink:0}.avatar-actual[data-v-3d5c5810]{width:32px;height:32px;background:linear-gradient(135deg,var(--primary) 0%,#1e40af 100%);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;box-shadow:0 4px 8px #2563eb33;border:1px solid rgba(255,255,255,.1)}.status-indicator-online[data-v-3d5c5810]{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;background:#10b981;border:1.5px solid #0f172a;border-radius:50%;box-shadow:0 0 8px #10b98166}.user-meta[data-v-3d5c5810]{flex:1;display:flex;flex-direction:column;min-width:0;gap:2px}.user-name[data-v-3d5c5810]{color:#fff;font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.user-role-badge[data-v-3d5c5810]{font-size:8px;font-weight:900;color:#fbbf24;text-transform:uppercase;letter-spacing:.1em;opacity:.9;background:#fbbf241a;padding:1px 6px;border-radius:4px;width:fit-content}.profile-portal-btn[data-v-3d5c5810]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);color:#64748b;cursor:pointer;border-radius:10px;transition:all .3s}.profile-portal-btn[data-v-3d5c5810]:hover{background:#2563eb1f;border-color:#2563eb33;color:var(--primary);transform:translateY(-2px)}.logout-btn-header[data-v-3d5c5810]:hover{background:#ef444414;color:#ef4444;border-color:#ef44441a}.sidebar-version-tag[data-v-3d5c5810]{display:flex;flex-direction:column;align-items:center;margin-top:10px;gap:2px;opacity:.4}.sidebar-version-tag span[data-v-3d5c5810],.footer-copy[data-v-3d5c5810]{font-size:8px;color:#64748b;font-weight:500;letter-spacing:.01em;text-align:center}.content[data-v-3d5c5810]{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-main)}.top-nav[data-v-3d5c5810]{height:64px;background:var(--topbar-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:999}.nav-left[data-v-3d5c5810]{display:flex;align-items:center;gap:16px}.menu-toggle[data-v-3d5c5810]{display:none;background:transparent;border:none;color:var(--text-main);cursor:pointer}.top-actions[data-v-3d5c5810]{display:flex;align-items:center;gap:20px}.icon-btn[data-v-3d5c5810]{background:var(--bg-input);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s}.icon-btn[data-v-3d5c5810]:hover{background:#fff;color:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-sm)}.dot-badge[data-v-3d5c5810]{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--danger);border:2px solid white;border-radius:50%}.notification-wrapper[data-v-3d5c5810]{position:relative}.notif-dropdown[data-v-3d5c5810]{position:absolute;top:52px;right:0;width:320px;padding:0;z-index:1000;border-radius:16px;border:1px solid var(--border)}.notif-header[data-v-3d5c5810]{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:11px;background:var(--card);border-top-left-radius:16px;border-top-right-radius:16px}.badge-count[data-v-3d5c5810]{background:var(--danger);color:#fff;padding:1px 6px;border-radius:100px;font-size:11px;font-weight:700}.notif-list[data-v-3d5c5810]{max-height:320px;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.notif-item[data-v-3d5c5810]{padding:12px 16px;display:flex;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000008}.notif-item[data-v-3d5c5810]:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border-color:var(--primary-light)}.notif-item.unread[data-v-3d5c5810]{background:#f0fdf4;border-color:#bbf7d0;box-shadow:0 2px 8px #22c55e14}.notif-icon-box[data-v-3d5c5810]{width:28px;height:28px;background:#dcfce7;color:#166534;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon-box.info[data-v-3d5c5810]{background:#e0f2fe;color:#075985}.notif-body p[data-v-3d5c5810]{font-size:11px;font-weight:500;margin-bottom:4px;line-height:1.4}.notif-body small[data-v-3d5c5810]{color:var(--text-muted);font-size:11px;font-style:italic}.notif-footer[data-v-3d5c5810]{width:100%;padding:14px 20px;background:#f8fafc;border:none;border-top:1px solid var(--border);color:var(--primary);font-size:11px;font-weight:700;cursor:pointer;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.notif-footer[data-v-3d5c5810]:hover{background:#f1f5f9;color:var(--primary-dark)}.date-now[data-v-3d5c5810]{font-size:11px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:8px;background:var(--card);padding:8px 16px;border-radius:8px;border:1px solid var(--border)}.date-now span[data-v-3d5c5810]{color:var(--secondary)}.app-title-header[data-v-3d5c5810]{display:flex;flex-direction:column}.app-title-header strong[data-v-3d5c5810]{font-size:14px;line-height:1.2;font-weight:800;background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0px 1px 1px rgba(0,0,0,.1));text-transform:uppercase;letter-spacing:.5px}.header-subtitle[data-v-3d5c5810]{font-size:10px;background:linear-gradient(135deg,#a67c00,#bf953f,#ffdf00,gold,#aa771c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-weight:700;letter-spacing:.2px}.view-container[data-v-3d5c5810]{flex:1;padding:32px;overflow-y:auto}.page-header[data-v-3d5c5810]{margin-bottom:24px}.page-header h1[data-v-3d5c5810]{font-size:13px;font-weight:700;margin-bottom:0;line-height:1.2}.page-header p[data-v-3d5c5810]{font-size:11px;color:var(--text-muted);line-height:1.4}@media (max-width: 1024px){.sidebar[data-v-3d5c5810]{position:fixed;left:-240px;top:0;bottom:0;height:100vh;z-index:1002;box-shadow:20px 0 50px #0000001a}.sidebar.sidebar-open[data-v-3d5c5810]{left:0}.sidebar-overlay[data-v-3d5c5810]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.menu-toggle[data-v-3d5c5810],.mobile-close[data-v-3d5c5810]{display:block}.top-nav[data-v-3d5c5810]{padding:0 16px}.view-container[data-v-3d5c5810]{padding:20px 16px}.app-title-header strong[data-v-3d5c5810]{font-size:12px}.date-now[data-v-3d5c5810]{display:none}}@media (max-width: 640px){.app-title-header[data-v-3d5c5810]{display:flex;max-width:200px}.app-title-header strong[data-v-3d5c5810]{font-size:10px;line-height:1.1}.header-subtitle[data-v-3d5c5810]{display:block;font-size:7px;line-height:1;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.top-actions[data-v-3d5c5810]{gap:10px}.logout-btn-header[data-v-3d5c5810]{display:flex}}@media (max-width: 380px){.app-title-header[data-v-3d5c5810]{max-width:150px}}.mobile-topbar[data-v-3d5c5810]{position:fixed;top:0;left:0;right:0;height:56px;background:linear-gradient(135deg,#047857,#059669);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:1000;box-shadow:0 2px 12px #00000026}.mobile-topbar-left[data-v-3d5c5810]{display:flex;align-items:center;gap:10px}.mobile-logo[data-v-3d5c5810]{width:32px;height:32px;border-radius:8px;background:#fff;padding:2px;object-fit:contain;box-shadow:0 2px 8px #00000026}.mobile-app-name[data-v-3d5c5810]{color:#fff;font-size:17px;font-weight:800;letter-spacing:1px}.mobile-topbar-right[data-v-3d5c5810]{display:flex;align-items:center;gap:8px}.mobile-icon-btn[data-v-3d5c5810]{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer;position:relative;transition:background .2s}.mobile-icon-btn[data-v-3d5c5810]:active{background:#ffffff4d}.mobile-notif-badge[data-v-3d5c5810]{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #047857}.mobile-content[data-v-3d5c5810]{margin-top:56px;margin-bottom:72px;padding:16px;min-height:calc(100vh - 128px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg-main)}.mobile-greeting[data-v-3d5c5810]{margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#059669,#10b981,#34d399);border-radius:16px;color:#fff;box-shadow:0 4px 20px #0596694d}.mobile-greeting h2[data-v-3d5c5810]{font-size:20px;font-weight:800;margin-bottom:4px}.mobile-greeting p[data-v-3d5c5810]{font-size:12px;opacity:.85}.mobile-logout-btn[data-v-3d5c5810]{width:100%;margin-top:24px;padding:14px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.mobile-logout-btn[data-v-3d5c5810]:active{background:#fee2e2;transform:scale(.98)}.mobile-bottom-nav[data-v-3d5c5810]{position:fixed;bottom:0;left:0;right:0;height:72px;background:#fff;display:flex;align-items:stretch;justify-content:space-around;border-top:1px solid #e2e8f0;z-index:1000;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 20px #0000000f}.bottom-nav-item[data-v-3d5c5810]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;padding:8px 4px;-webkit-tap-highlight-color:transparent}.bottom-nav-item span[data-v-3d5c5810]{font-size:10px;font-weight:600;letter-spacing:.02em;transition:all .25s}.bottom-nav-item.active[data-v-3d5c5810]{color:#059669}.bottom-nav-item.active[data-v-3d5c5810]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:#059669;border-radius:0 0 4px 4px}.bottom-nav-item.active span[data-v-3d5c5810]{font-weight:800;color:#059669}.bottom-nav-item[data-v-3d5c5810]:active{transform:scale(.9)}[data-theme=dark] .mobile-bottom-nav[data-v-3d5c5810]{background:#1e293b;border-top-color:#334155}[data-theme=dark] .bottom-nav-item[data-v-3d5c5810]{color:#64748b}[data-theme=dark] .bottom-nav-item.active[data-v-3d5c5810]{color:#34d399}[data-theme=dark] .bottom-nav-item.active[data-v-3d5c5810]:before{background:#34d399}[data-theme=dark] .mobile-logout-btn[data-v-3d5c5810]{background:#dc26261a;border-color:#dc262633;color:#f87171}