.employee-page-hero {background: linear-gradient(180deg, #f3f5f8 0%, #eef2f6 100%);border-bottom: 1px solid #dfe6ee;padding: 46px 0 54px;}
.employee-page-hero .page-kicker {color: #0c426f;display: inline-block;font-size: 14px;font-weight: 800;letter-spacing: .08em;margin-bottom: 10px;text-transform: uppercase;}
.employee-page-hero h1 {color: #071f3e;font-size: clamp(34px, 4vw, 52px);font-weight: 500;line-height: 1.15;margin: 0 0 12px;}
.employee-page-hero p {color: #223548;font-size: 18px;line-height: 1.7;margin: 0;max-width: 980px;}
.employee-page-section {background: #f7f8fa;padding: 35px 0 70px;}
.employee-content-card,
.employee-form-card,
.employee-sidebar-card {background: #fff;border: 1px solid #dce6ef;border-radius: 16px;box-shadow: 0 10px 30px rgba(12, 66, 111, .08);}
.employee-content-card {line-height: 1.75;margin-bottom: 28px;overflow-wrap: anywhere;padding: 26px;}
.employee-content-card > :first-child {margin-top: 0;}
.employee-content-card > :last-child {margin-bottom: 0;}
.employee-layout {align-items: start;display: grid;gap: 28px;grid-template-columns: minmax(0, 1fr) 320px;}
.employee-form-card {padding: 32px;}
.employee-card-heading {align-items: flex-start;display: flex;gap: 20px;justify-content: space-between;margin-bottom: 28px;}
.employee-card-heading h2 {color: #17212b;font-size: 28px;margin: 6px 0 0;}
.employee-card-heading .section-kicker {color: #0c426f;display: inline-block;font-size: 13px;font-weight: 800;letter-spacing: .05em;text-transform: uppercase;}
.required-note {color: #586878;font-size: 13px;margin: 0;white-space: nowrap;}
.required-note strong,
.employee-form-group label span {color: #c62828;}
.employee-form-grid {display: grid;gap: 22px;grid-template-columns: repeat(2, minmax(0, 1fr));}
.employee-form-group {min-width: 0;}
.employee-form-group-full {grid-column: 1 / -1;}
.employee-form-group label {color: #1c2732;display: block;font-weight: 600;margin-bottom: 8px;}
.employee-form-group input,
.employee-form-group select,
.employee-form-group textarea {background: #fff;border: 1px solid #b8c8d6;border-radius: 10px;color: #1b2733;font-size: 15px;line-height: 1.4;padding: 12px 14px;transition: border-color .2s ease, box-shadow .2s ease;width: 100%;}
.employee-form-group input[type="file"] {padding: 9px 11px;}
.employee-form-group input:focus,
.employee-form-group select:focus,
.employee-form-group textarea:focus {border-color: #0c426f;box-shadow: 0 0 0 3px rgba(12, 66, 111, .12);outline: none;}
.employee-form-group textarea {resize: vertical;}
.employee-form-group input.is-invalid,
.employee-form-group select.is-invalid,
.employee-form-group textarea.is-invalid {border-color: #c62828;box-shadow: 0 0 0 3px rgba(198, 40, 40, .08);}
.field-help {color: #6b7785;display: block;font-size: 12px;margin-top: 7px;}
.field-help.is-success {color: #19703a;font-weight: 700;}
.field-help.is-error {color: #9a1f1f;font-weight: 700;}
.employee-form-actions {display: grid;gap: 14px;grid-template-columns: repeat(2, minmax(0, 1fr));margin-top: 30px;}
.employee-button {align-items: center;border-radius: 10px;cursor: pointer;display: inline-flex;font-size: 16px;font-weight: 700;justify-content: center;min-height: 52px;padding: 12px 18px;text-decoration: none;transition:background-color .2s ease,border-color .2s ease,color .2s ease;}
.employee-button-secondary {background: #fff;border: 1px solid #0c426f;color: #0c426f;}
.employee-button-secondary:hover {background: #edf5fb;}
.employee-button-primary {background: #0c426f;border: 1px solid #0c426f;color: #fff;}
.employee-button-primary:hover {background: #092f52;border-color: #092f52;}
.employee-button:disabled {cursor: not-allowed;opacity: .55;}
.employee-sidebar {display: grid;gap: 20px;}
.employee-sidebar-card {padding: 24px;}
.employee-sidebar-card h3 {color: #17324a;font-size: 21px;margin: 0 0 14px;}
.employee-sidebar-card p,
.employee-sidebar-card li {color: #52616f;line-height: 1.65;}
.employee-sidebar-card p {margin: 0;}
.employee-sidebar-card ul {margin: 0;padding-left: 20px;}
.employee-form-message {border-radius: 10px;font-weight: 600;margin-bottom: 20px;padding: 13px 15px;}
.employee-form-message.is-success {background: #eaf8ef;border: 1px solid #9bd3ad;color: #185c2d;}
.employee-form-message.is-error {background: #fff0f0;border: 1px solid #efb0b0;color: #8d1f1f;}
.is-hidden {display: none !important;}
.employee-processing-overlay {align-items: center;background: rgba(7, 23, 38, .62);display: flex;inset: 0;justify-content: center;position: fixed;z-index: 99999;}
.employee-processing-box {align-items: center;background: #fff;border-radius: 12px;box-shadow: 0 15px 45px rgba(0, 0, 0, .2);display: flex;gap: 12px;padding: 18px 22px;}
.employee-spinner {animation: employee-spin .8s linear infinite;border: 3px solid #d5e0e9;border-radius: 50%;border-top-color: #0c426f;height: 22px;width: 22px;}
@keyframes employee-spin {to {transform: rotate(360deg);}}
@media (max-width: 991px) {
    .employee-layout {grid-template-columns: 1fr;}
    .employee-sidebar {grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 767px) {
    .employee-page-hero {padding: 35px 0 40px;}
    .employee-page-hero p {font-size: 16px;}
    .employee-page-section {padding: 28px 0 50px;}
    .employee-form-card,
    .employee-content-card {padding: 20px;}
    .employee-form-grid,
    .employee-sidebar,
    .employee-form-actions {grid-template-columns: 1fr;}
    .employee-card-heading {display: block;}
    .required-note {margin-top: 8px;}
    
    /**/
    
    .lso-otp-section {
    margin-top: 24px;
    padding: 20px;
    border: 1px solid #d8dee6;
    border-radius: 10px;
    background: #f8fafc;
}

.lso-otp-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.lso-otp-heading strong {
    display: block;
    margin-bottom: 5px;
}

.lso-otp-heading .field-help {
    display: block;
}

.lso-otp-verify-block {
    margin-top: 18px;
}

.lso-otp-verify-block.is-hidden {
    display: none;
}

.mobile-otp-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
}

.mobile-otp-row input {
    flex: 1;
    min-width: 0;
}

[data-otp-input].is-verified {
    border-color: #198754;
}

[data-otp-timer].is-success {
    color: #198754;
}

[data-otp-timer].is-error {
    color: #b42318;
}

}
@media (max-width: 640px) {
    .lso-otp-heading,
    .mobile-otp-row {
        flex-direction: column;
        align-items: stretch;
    }

    .lso-otp-heading button,
    .mobile-otp-row button {
        width: 100%;
    }
}


/**/

.lso-otp-section input {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #cfd7e3;
    border-radius: 8px;
    background: #fff;
    color: var(--service-text);
    outline: none;
}
.lso-otp-section input:focus {
    border-color: var(--service-primary);
    box-shadow: 0 0 0 3px rgba(22, 77, 137, .12);
}

.lso-otp-section {
    margin-top: 22px;
    padding: 18px;
    border: 1px solid var(--service-border);
    border-radius: 10px;
    background: #f9fbfd;
}

.lso-otp-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.lso-otp-heading strong { display: block; }
.lso-otp-verify-block { margin-top: 16px; }

.mobile-otp-row {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 8px;
}

.mobile-otp-row input { flex: 1; }