[data-v-daae056a]{box-sizing:border-box;margin:0;padding:0}.page-wrapper[data-v-daae056a]{--green-dark:#1a2e0f;--green-mid:#2d4a1a;--green-accent:#3d6b22;--gold:#c9a227;--gold-light:#e8c04a;--gold-btn:#d4a830;--white:#fff;--white-90:#ffffffe6;--white-60:#fff9;--white-30:#ffffff4d;--card-bg:#ffffffed;--shadow-card:0 8px 40px #0000002e, 0 2px 8px #0000001a;--shadow-btn:0 4px 16px #0003;flex-direction:column;min-height:100vh;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.bg-image[data-v-daae056a]{z-index:0;background-image:url(/assets/csu-CK9yNpHA.png);background-position:50%;background-size:cover;position:fixed;inset:0}.bg-overlay[data-v-daae056a]{z-index:1;background:linear-gradient(160deg,#12220ad1 0%,#1e3710bf 50%,#12220ad9 100%);position:fixed;inset:0}.navbar[data-v-daae056a]{z-index:10;-webkit-backdrop-filter:blur(10px);background:#ffffffb8;justify-content:space-between;align-items:center;padding:14px 36px;display:flex;position:relative}.navbar-brand[data-v-daae056a]{align-items:center;gap:12px;display:flex}.logo-wrap[data-v-daae056a]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;height:46px;display:flex;overflow:hidden}.logo[data-v-daae056a]{object-fit:contain;width:38px;height:38px}.brand-text[data-v-daae056a]{flex-direction:column;display:flex}.brand-name[data-v-daae056a]{color:#a38c08;letter-spacing:.01em;font-size:15px;font-weight:700;line-height:1.2}.brand-sub[data-v-daae056a]{color:#83710d;letter-spacing:.02em;font-size:11.5px;font-weight:400}.navbar-right[data-v-daae056a]{color:var(--white-90);align-items:center;gap:8px;display:flex}.qr-icon[data-v-daae056a]{color:#a38c08;align-items:center;display:flex}.qr-label[data-v-daae056a]{color:#a38c08;letter-spacing:.01em;font-size:13px;font-weight:500}.nav-divider[data-v-daae056a]{z-index:10;background:#ffffff1f;height:1px;position:relative}.main-content[data-v-daae056a]{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:48px;padding:60px 24px 40px;display:flex;position:relative}.hero-section[data-v-daae056a]{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.badge-pill[data-v-daae056a]{border:1.5px solid var(--gold);color:var(--gold-light);letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#c9a22714;border-radius:999px;padding:6px 20px;font-size:11px;font-weight:700;display:inline-block}.headline[data-v-daae056a]{color:var(--white);letter-spacing:-.02em;font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.1}.subheadline[data-v-daae056a]{color:var(--white-60);max-width:420px;font-size:15px;font-weight:400;line-height:1.6}.cards-row[data-v-daae056a]{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.role-card[data-v-daae056a]{background:var(--card-bg);width:300px;box-shadow:var(--shadow-card);cursor:default;border:1.5px solid #fff9;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:40px 36px 32px;transition:transform .25s,box-shadow .25s;display:flex}.role-card.hovered[data-v-daae056a]{transform:translateY(-6px);box-shadow:0 16px 56px #00000047,0 4px 12px #00000024}.card-icon[data-v-daae056a]{border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:4px;display:flex}.admin-icon[data-v-daae056a]{background:var(--green-mid);color:var(--gold-light)}.staff-icon[data-v-daae056a]{background:var(--gold);color:var(--green-dark)}.card-title[data-v-daae056a]{color:#1a1a1a;letter-spacing:-.01em;font-size:20px;font-weight:700}.card-desc[data-v-daae056a]{color:#666;text-align:center;margin-bottom:8px;font-size:13.5px;line-height:1.5}.btn[data-v-daae056a]{letter-spacing:.02em;cursor:pointer;width:100%;box-shadow:var(--shadow-btn);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:14px;font-weight:700;transition:filter .2s,transform .15s,box-shadow .2s;display:flex}.btn[data-v-daae056a]:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn[data-v-daae056a]:active{filter:brightness(.96);transform:translateY(0)}.btn-admin[data-v-daae056a]{background:var(--green-mid);color:var(--white)}.btn-staff[data-v-daae056a]{background:var(--gold-btn);color:var(--green-dark)}.card-note[data-v-daae056a]{color:#999;letter-spacing:.01em;font-size:11.5px}.footer[data-v-daae056a]{z-index:10;text-align:center;color:var(--white-60);letter-spacing:.02em;padding:20px;font-size:12.5px;position:relative}@media (width<=680px){.navbar[data-v-daae056a]{padding:12px 20px}.qr-label[data-v-daae056a]{display:none}.cards-row[data-v-daae056a]{flex-direction:column;align-items:center}.role-card[data-v-daae056a]{width:100%;max-width:340px}}[data-v-81426843]{box-sizing:border-box;margin:0;padding:0}.page-wrapper[data-v-81426843]{--green-dark:#1a2e0f;--green-mid:#2d4a1a;--green-header:#2c4a1e;--green-accent:#3d6b22;--gold:#c9a227;--gold-light:#e8c04a;--white:#fff;--white-90:#ffffffe6;--white-60:#fff9;--card-radius:18px;--shadow-card:0 20px 60px #0000004d, 0 4px 16px #00000026;flex-direction:column;min-height:100vh;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.bg-image[data-v-81426843]{z-index:0;background-image:url(/assets/csu-CK9yNpHA.png);background-position:50%;background-size:cover;position:fixed;inset:0}.bg-overlay[data-v-81426843]{z-index:1;background:linear-gradient(150deg,#101e08d6 0%,#1c320ec2 50%,#101e08e0 100%);position:fixed;inset:0}.navbar[data-v-81426843]{z-index:10;-webkit-backdrop-filter:blur(10px);background:#ffffffb8;justify-content:space-between;align-items:center;padding:13px 36px;display:flex;position:relative}.navbar-brand[data-v-81426843]{align-items:center;gap:12px;display:flex}.logo-wrap[data-v-81426843]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;height:44px;display:flex;overflow:hidden}.logo[data-v-81426843]{object-fit:contain;width:36px;height:36px}.brand-text[data-v-81426843]{flex-direction:column;display:flex}.brand-name[data-v-81426843]{color:#a38c08;letter-spacing:.01em;font-size:14.5px;font-weight:700;line-height:1.2}.brand-sub[data-v-81426843]{color:#83710d;letter-spacing:.02em;font-size:11px;font-weight:400}.navbar-right[data-v-81426843]{align-items:center;gap:8px;display:flex}.qr-icon[data-v-81426843]{color:#a38c08;align-items:center;display:flex}.qr-label[data-v-81426843]{color:#a38c08;font-size:13px;font-weight:500}.nav-divider[data-v-81426843]{z-index:10;background:#ffffff1a;height:1px;position:relative}.back-bar[data-v-81426843]{z-index:10;padding:16px 28px;position:relative}.back-btn[data-v-81426843]{color:var(--white-90);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:7px;padding:7px 16px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s;display:inline-flex}.back-btn[data-v-81426843]:hover{background:#ffffff29;border-color:#ffffff52}.main-content[data-v-81426843]{z-index:10;flex:1;justify-content:center;align-items:center;padding:20px 24px 40px;display:flex;position:relative}.login-card[data-v-81426843]{border-radius:var(--card-radius);width:100%;max-width:420px;box-shadow:var(--shadow-card);border:1px solid #ffffff24;animation:.45s cubic-bezier(.22,1,.36,1) both cardIn-81426843;overflow:hidden}@keyframes cardIn-81426843{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.card-header[data-v-81426843]{background:var(--green-header);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:36px 32px 32px;display:flex}.shield-icon[data-v-81426843]{background:var(--gold);width:72px;height:72px;color:var(--green-dark);border-radius:18px;justify-content:center;align-items:center;margin-bottom:4px;display:flex;box-shadow:0 6px 20px #00000040}.card-title[data-v-81426843]{color:var(--white);letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.1}.card-badge[data-v-81426843]{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);font-size:10.5px;font-weight:700}.card-body[data-v-81426843]{background:var(--white);padding:32px 32px 28px}.error-msg[data-v-81426843]{color:#c0392b;background:#fff2f2;border:1px solid #ffc9c9;border-radius:8px;align-items:center;gap:7px;margin-bottom:20px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.field-group[data-v-81426843]{margin-bottom:20px}.field-label[data-v-81426843]{color:#333;margin-bottom:7px;font-size:13.5px;font-weight:600;display:block}.input-wrap[data-v-81426843]{align-items:center;display:flex;position:relative}.input-icon[data-v-81426843]{color:#aaa;pointer-events:none;align-items:center;display:flex;position:absolute;left:13px}.field-input[data-v-81426843]{color:#222;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:10px;outline:none;width:100%;padding:12px 42px 12px 40px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.field-input[data-v-81426843]::placeholder{color:#bbb;font-size:13px;font-style:italic}.field-input[data-v-81426843]:focus{border-color:var(--green-accent);background:#fff;box-shadow:0 0 0 3px #3d6b221f}.field-input.input-error[data-v-81426843]{border-color:#e74c3c}.eye-btn[data-v-81426843]{cursor:pointer;color:#aaa;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:12px}.eye-btn[data-v-81426843]:hover{color:#555}.form-meta[data-v-81426843]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.remember-label[data-v-81426843]{color:#333;cursor:pointer;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.remember-check[data-v-81426843]{width:15px;height:15px;accent-color:var(--green-accent);cursor:pointer}.forgot-link[data-v-81426843]{color:var(--green-mid);font-size:13.5px;font-weight:700;text-decoration:none;transition:color .2s}.forgot-link[data-v-81426843]:hover{color:var(--green-accent);text-decoration:underline}.submit-btn[data-v-81426843]{background:var(--green-mid);width:100%;color:var(--white);letter-spacing:.02em;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:14px;font-size:14.5px;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #2d4a1a59}.submit-btn[data-v-81426843]:hover:not(:disabled){background:var(--green-accent);transform:translateY(-1px);box-shadow:0 6px 20px #2d4a1a73}.submit-btn[data-v-81426843]:active:not(:disabled){transform:translateY(0)}.submit-btn[data-v-81426843]:disabled{opacity:.65;cursor:not-allowed}.card-divider[data-v-81426843]{background:#ebebeb;height:1px;margin:24px 0 16px}.secure-note[data-v-81426843]{color:#aaa;letter-spacing:.01em;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.footer[data-v-81426843]{z-index:10;text-align:center;color:var(--white-60);letter-spacing:.02em;padding:18px;font-size:12.5px;position:relative}@media (width<=480px){.navbar[data-v-81426843]{padding:12px 18px}.qr-label[data-v-81426843]{display:none}.back-bar[data-v-81426843]{padding:12px 18px}.card-body[data-v-81426843]{padding:24px 20px 22px}.card-header[data-v-81426843]{padding:28px 20px 24px}}.card-subtitle[data-v-a6d8d4a6]{color:#1e2e08b3;letter-spacing:.12em;font-size:11px;font-weight:600}[data-v-a6d8d4a6]{box-sizing:border-box;margin:0;padding:0}.page-wrapper[data-v-a6d8d4a6]{--green-dark:#1a2e0f;--green-mid:#2d4a1a;--green-header:#2c4a1e;--green-accent:#3d6b22;--gold:#c9a227;--gold-light:#e8c04a;--white:#fff;--white-90:#ffffffe6;--white-60:#fff9;--card-radius:18px;--shadow-card:0 20px 60px #0000004d, 0 4px 16px #00000026;flex-direction:column;min-height:100vh;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.bg-image[data-v-a6d8d4a6]{z-index:0;background-image:url(/assets/csu-CK9yNpHA.png);background-position:50%;background-size:cover;position:fixed;inset:0}.bg-overlay[data-v-a6d8d4a6]{z-index:1;background:linear-gradient(150deg,#101e08d6 0%,#1c320ec2 50%,#101e08e0 100%);position:fixed;inset:0}.navbar[data-v-a6d8d4a6]{z-index:10;-webkit-backdrop-filter:blur(10px);background:#ffffffb8;justify-content:space-between;align-items:center;padding:13px 36px;display:flex;position:relative}.navbar-brand[data-v-a6d8d4a6]{align-items:center;gap:12px;display:flex}.logo-wrap[data-v-a6d8d4a6]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;height:44px;display:flex;overflow:hidden}.logo[data-v-a6d8d4a6]{object-fit:contain;width:36px;height:36px}.brand-text[data-v-a6d8d4a6]{flex-direction:column;display:flex}.brand-name[data-v-a6d8d4a6]{color:#a38c08;letter-spacing:.01em;font-size:14.5px;font-weight:700;line-height:1.2}.brand-sub[data-v-a6d8d4a6]{color:#83710d;letter-spacing:.02em;font-size:11px;font-weight:400}.navbar-right[data-v-a6d8d4a6]{align-items:center;gap:8px;display:flex}.qr-icon[data-v-a6d8d4a6]{color:#a38c08;align-items:center;display:flex}.qr-label[data-v-a6d8d4a6]{color:#a38c08;font-size:13px;font-weight:500}.nav-divider[data-v-a6d8d4a6]{z-index:10;background:#ffffff1a;height:1px;position:relative}.back-bar[data-v-a6d8d4a6]{z-index:10;padding:16px 28px;position:relative}.back-btn[data-v-a6d8d4a6]{color:var(--white-90);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:7px;padding:7px 16px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s;display:inline-flex}.back-btn[data-v-a6d8d4a6]:hover{background:#ffffff29;border-color:#ffffff52}.main-content[data-v-a6d8d4a6]{z-index:10;flex:1;justify-content:center;align-items:center;padding:20px 24px 40px;display:flex;position:relative}.login-card[data-v-a6d8d4a6]{border-radius:var(--card-radius);width:100%;max-width:420px;box-shadow:var(--shadow-card);border:1px solid #ffffff24;animation:.45s cubic-bezier(.22,1,.36,1) both cardIn-a6d8d4a6;overflow:hidden}@keyframes cardIn-a6d8d4a6{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.card-header[data-v-a6d8d4a6]{text-align:center;background:#d4a830;flex-direction:column;align-items:center;gap:12px;padding:36px 32px 32px;display:flex}.shield-icon[data-v-a6d8d4a6]{background:var(--gold);width:72px;height:72px;color:var(--green-dark);border-radius:18px;justify-content:center;align-items:center;margin-bottom:4px;display:flex;box-shadow:0 6px 20px #00000040}.card-title[data-v-a6d8d4a6]{color:var(--white);letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.1}.card-badge[data-v-a6d8d4a6]{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);font-size:10.5px;font-weight:700}.card-body[data-v-a6d8d4a6]{background:var(--white);padding:32px 32px 28px}.error-msg[data-v-a6d8d4a6]{color:#c0392b;background:#fff2f2;border:1px solid #ffc9c9;border-radius:8px;align-items:center;gap:7px;margin-bottom:20px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.field-group[data-v-a6d8d4a6]{margin-bottom:20px}.field-label[data-v-a6d8d4a6]{color:#333;margin-bottom:7px;font-size:13.5px;font-weight:600;display:block}.input-wrap[data-v-a6d8d4a6]{align-items:center;display:flex;position:relative}.input-icon[data-v-a6d8d4a6]{color:#aaa;pointer-events:none;align-items:center;display:flex;position:absolute;left:13px}.field-input[data-v-a6d8d4a6]{color:#222;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:10px;outline:none;width:100%;padding:12px 42px 12px 40px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.field-input[data-v-a6d8d4a6]::placeholder{color:#bbb;font-size:13px;font-style:italic}.field-input[data-v-a6d8d4a6]:focus{border-color:var(--green-accent);background:#fff;box-shadow:0 0 0 3px #3d6b221f}.field-input.input-error[data-v-a6d8d4a6]{border-color:#e74c3c}.eye-btn[data-v-a6d8d4a6]{cursor:pointer;color:#aaa;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:12px}.eye-btn[data-v-a6d8d4a6]:hover{color:#555}.form-meta[data-v-a6d8d4a6]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.remember-label[data-v-a6d8d4a6]{color:#333;cursor:pointer;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.remember-check[data-v-a6d8d4a6]{width:15px;height:15px;accent-color:var(--green-accent);cursor:pointer}.forgot-link[data-v-a6d8d4a6]{color:var(--green-mid);font-size:13.5px;font-weight:700;text-decoration:none;transition:color .2s}.forgot-link[data-v-a6d8d4a6]:hover{color:var(--green-accent);text-decoration:underline}.submit-btn[data-v-a6d8d4a6]{width:100%;color:var(--white);letter-spacing:.02em;cursor:pointer;background:#d4a830;border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:14px;font-size:14.5px;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #2d4a1a59}.submit-btn[data-v-a6d8d4a6]:hover:not(:disabled){background:#daac2f;transform:translateY(-1px);box-shadow:0 6px 20px #2d4a1a73}.submit-btn[data-v-a6d8d4a6]:active:not(:disabled){transform:#9c7b1e}.submit-btn[data-v-a6d8d4a6]:disabled{opacity:.65;cursor:not-allowed}.card-divider[data-v-a6d8d4a6]{background:#ebebeb;height:1px;margin:24px 0 16px}.secure-note[data-v-a6d8d4a6]{color:#aaa;letter-spacing:.01em;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.footer[data-v-a6d8d4a6]{z-index:10;text-align:center;color:var(--white-60);letter-spacing:.02em;padding:18px;font-size:12.5px;position:relative}@media (width<=480px){.navbar[data-v-a6d8d4a6]{padding:12px 18px}.qr-label[data-v-a6d8d4a6]{display:none}.back-bar[data-v-a6d8d4a6]{padding:12px 18px}.card-body[data-v-a6d8d4a6]{padding:24px 20px 22px}.card-header[data-v-a6d8d4a6]{padding:28px 20px 24px}}