.navbar[data-v-c2b4a762]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000}.navbar-container[data-v-c2b4a762]{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.navbar-brand[data-v-c2b4a762]{align-items:center;display:flex;gap:12px;text-decoration:none;transition:all .3s ease}.navbar-brand[data-v-c2b4a762]:hover{transform:translateY(-2px)}.logo-icon[data-v-c2b4a762]{animation:pulse-c2b4a762 2s infinite;font-size:2rem}@keyframes pulse-c2b4a762{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.project-name[data-v-c2b4a762]{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.5px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.mobile-menu-toggle[data-v-c2b4a762]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:1.75rem;height:45px;transition:all .3s ease;width:45px}.mobile-menu-toggle[data-v-c2b4a762]:hover{background:#ffffff4d;transform:scale(1.05)}.mobile-menu-toggle[data-v-c2b4a762]:active{transform:scale(.95)}.nav-item[data-v-c2b4a762],.navbar-menu[data-v-c2b4a762]{align-items:center;display:flex;gap:8px}.nav-item[data-v-c2b4a762]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-item[data-v-c2b4a762]:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-item[data-v-c2b4a762]:hover:before{left:100%}.nav-item[data-v-c2b4a762]:hover{background:#ffffff40;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.nav-item.router-link-active[data-v-c2b4a762]{background:#ffffff4d;box-shadow:0 4px 12px #0003}.nav-icon[data-v-c2b4a762]{align-items:center;display:flex;font-size:1.25rem}.nav-button[data-v-c2b4a762]{background:#ffffff1a;border:none;cursor:pointer;font-family:inherit}.staff-info[data-v-c2b4a762]{align-items:center;background:#ffffff26;border-radius:12px;display:flex;gap:12px;padding:8px 16px}.staff-name[data-v-c2b4a762]{font-size:.95rem}.btn-logout[data-v-c2b4a762],.staff-name[data-v-c2b4a762]{color:#fff;font-weight:600}.btn-logout[data-v-c2b4a762]{background:#ef4444e6;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.btn-logout[data-v-c2b4a762]:hover{background:#dc2626;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}@media(max-width:768px){.navbar-container[data-v-c2b4a762]{height:60px;padding:0 16px}.project-name[data-v-c2b4a762]{font-size:1rem}.logo-icon[data-v-c2b4a762]{font-size:1.5rem}.mobile-menu-toggle[data-v-c2b4a762]{align-items:center;display:flex;justify-content:center}.navbar-menu[data-v-c2b4a762]{background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 8px 16px #0003;flex-direction:column;gap:0;left:0;opacity:0;padding:16px;pointer-events:none;position:fixed;right:0;top:60px;transform:translateY(-100%);transition:all .3s ease}.navbar-menu.mobile-open[data-v-c2b4a762]{opacity:1;pointer-events:all;transform:translateY(0)}.nav-item[data-v-c2b4a762]{border-radius:8px;font-size:1.125rem;justify-content:flex-start;margin-bottom:8px;padding:16px 20px;width:100%}.nav-icon[data-v-c2b4a762]{font-size:1.5rem}.staff-info[data-v-c2b4a762]{justify-content:space-between;padding:12px 16px;width:100%}.btn-logout[data-v-c2b4a762],.staff-name[data-v-c2b4a762]{font-size:1rem}.btn-logout[data-v-c2b4a762]{padding:10px 18px}}@media(max-width:480px){.project-name[data-v-c2b4a762]{font-size:.875rem}.navbar-container[data-v-c2b4a762]{padding:0 12px}}@media(prefers-color-scheme:dark){.navbar[data-v-c2b4a762]{background:linear-gradient(135deg,#1e40af,#3b82f6)}}.modal-overlay[data-v-bd687669]{align-items:center;animation:fadeIn-bd687669 .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;justify-content:center;inset:0;position:fixed;z-index:9999}@keyframes fadeIn-bd687669{0%{opacity:0}to{opacity:1}}.modal-content[data-v-bd687669]{animation:slideUp-bd687669 .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;overflow:hidden;width:90%}@keyframes slideUp-bd687669{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-bd687669]{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;display:flex;justify-content:space-between;padding:24px}.modal-header h2[data-v-bd687669]{font-size:1.5rem;margin:0}.btn-close[data-v-bd687669]{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.btn-close[data-v-bd687669]:hover{background:#ffffff4d;transform:rotate(90deg)}.login-form[data-v-bd687669]{padding:24px}.error-message[data-v-bd687669]{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.9rem;margin-bottom:16px;padding:12px}.form-group[data-v-bd687669]{margin-bottom:20px}.form-group label[data-v-bd687669]{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-group input[data-v-bd687669]{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input[data-v-bd687669]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-login[data-v-bd687669]{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;padding:14px;transition:all .3s ease;width:100%}.btn-login[data-v-bd687669]:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.btn-login[data-v-bd687669]:disabled{cursor:not-allowed;opacity:.6}.demo-info[data-v-bd687669]{background:#f9fafb;border-top:1px solid #e5e7eb;color:#666;font-size:.85rem;padding:16px 24px 24px}.demo-info p[data-v-bd687669]{margin:4px 0}.demo-info code[data-v-bd687669]{background:#e5e7eb;border-radius:4px;color:#1e40af;font-family:monospace;padding:2px 6px}@media(max-width:640px){.modal-content[data-v-bd687669]{margin:16px;width:95%}.modal-header h2[data-v-bd687669]{font-size:1.25rem}}