.leave-request-form-page,.leave-request-show-page{max-width:1000px;margin:0 auto;padding:0 1rem}.page-header{padding:1rem 0}.page-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.page-title i{color:#0d6efd}.page-subtitle{font-size:.875rem;color:#64748b}.leave-request-form-page .card,.leave-request-show-page .card{border-radius:1rem}.leave-request-form-page .card-title,.leave-request-show-page .card-title{color:#334155;font-size:1rem}.leave-request-form-page .card-title i,.leave-request-show-page .card-title i{color:#0d6efd}.leave-request-form-page .info-item,.leave-request-show-page .info-item{display:flex;gap:1rem;padding:1rem;background:#f8fafc;border-radius:.75rem}.leave-request-form-page .info-item-icon,.leave-request-show-page .info-item-icon{width:44px;height:44px;background:rgba(99,102,241,.1);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#0d6efd;flex-shrink:0}.info-item-icon.warning{background:rgba(245,158,11,.08);color:#b45309}.info-item-icon.success{background:rgba(34,197,94,.08);color:#15803d}.leave-request-form-page .info-item-content,.leave-request-show-page .info-item-content{flex:1}.info-item-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.info-item-value{font-weight:600;color:#334155}.info-item-sub{font-size:.8125rem;color:#94a3b8}.leave-request-form-page .info-box,.leave-request-show-page .info-box{display:flex;align-items:flex-start;padding:.75rem;background:#fefce8;border-radius:.5rem;line-height:1.5;color:#713f12}.leave-request-form-page .info-box i,.leave-request-show-page .info-box i{color:#ca8a04}.leave-request-show-page .info-box{background:#f8fafc;color:#64748b}.leave-request-show-page .info-box i{color:#94a3b8}.leave-request-show-page .info-box.pending{background:rgba(245,158,11,.08);color:#92400e}.leave-request-show-page .info-box.pending i{color:#b45309}.leave-request-show-page .info-box.success{background:rgba(34,197,94,.08);color:#166534}.leave-request-show-page .info-box.success i{color:#15803d}.leave-request-show-page .info-box.danger{background:rgba(239,68,68,.08);color:#991b1b}.leave-request-show-page .info-box.danger i{color:#b91c1c}.leave-request-form-page .form-section{margin-bottom:1.5rem}.form-label-custom{display:flex;align-items:center;font-weight:600;color:#334155;margin-bottom:.75rem;font-size:.9375rem}.form-label-custom i{color:#0d6efd}.required-badge{margin-left:auto;padding:.125rem .5rem;background:#f1f5f9;color:#64748b;border-radius:.25rem;font-size:.6875rem;font-weight:500;text-transform:uppercase}.leave-request-form-page .custom-select{border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem;font-size:.9375rem;color:#334155;background-color:#fff;transition:border-color .15s ease,box-shadow .15s ease}.leave-request-form-page .custom-select:focus{border-color:#0d6efd;box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.leave-request-form-page .date-field{display:flex;flex-direction:column;gap:.5rem}.date-field-label{font-size:.8125rem;font-weight:500;color:#64748b}.date-input-wrapper{position:relative}.date-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.leave-request-form-page .date-input{border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem 1rem .75rem 2.75rem;font-size:.9375rem;color:#334155;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.leave-request-form-page .date-input:focus{border-color:#0d6efd;box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.duration-preview-box{display:flex;align-items:center;padding:1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;color:#0369a1;font-weight:500}.duration-preview-box i{color:#0284c7}.reason-textarea{border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;font-size:.9375rem;line-height:1.6;resize:vertical;min-height:120px;transition:border-color .15s ease,box-shadow .15s ease}.reason-textarea:focus{border-color:#0d6efd;box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.reason-textarea::-moz-placeholder{color:#94a3b8}.reason-textarea::placeholder{color:#94a3b8}.leave-request-form-page .form-hint{font-size:.8125rem;color:#94a3b8;margin-top:.5rem}.char-count{color:#94a3b8}.leave-request-form-page .form-actions,.leave-request-show-page .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e2e8f0;margin-top:1rem}.leave-request-form-page .form-actions .btn,.leave-request-show-page .form-actions .btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600}.leave-request-form-page .form-actions .btn-primary:hover,.leave-request-show-page .form-actions .btn-primary:hover{background:#4f46e5;border-color:#4f46e5}.leave-request-form-page .form-actions .btn-primary:disabled{background:#c7d2fe;border-color:#c7d2fe;cursor:not-allowed}.leave-request-form-page .form-actions .btn-primary{background:#0d6efd;border-color:#0d6efd}.leave-request-show-page .form-actions .btn-outline-danger{color:#b91c1c;border-color:#fecaca}.leave-request-show-page .form-actions .btn-outline-danger:hover{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.guidelines-section{border-color:#e2e8f0 !important}.guidelines-section h6{color:#94a3b8}.guideline-item{display:flex;align-items:center;padding:.5rem 0;color:#64748b}.guideline-item i{color:#0d6efd;width:20px}.status-display{text-align:center;padding:1rem;background:#f8fafc;border-radius:.75rem}.status-badge-large{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;font-size:1rem;background:#f1f5f9;color:#475569}.status-badge-large.success{background:rgba(34,197,94,.1);color:#15803d}.status-badge-large.pending{background:rgba(245,158,11,.1);color:#b45309}.status-badge-large.danger{background:rgba(239,68,68,.1);color:#b91c1c}.leave-request-show-page .detail-section{margin-bottom:1.5rem}.leave-request-show-page .detail-label{display:flex;align-items:center;font-weight:600;color:#334155;margin-bottom:.75rem;font-size:.9375rem}.leave-request-show-page .detail-label i{color:#0d6efd}.detail-value-box{padding:1rem;background:#f8fafc;border-radius:.5rem}.leave-type-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;background:#f1f5f9;color:#475569}.leave-type-badge.regular{background:rgba(99,102,241,.1);color:#4f46e5}.leave-type-badge.emergency{background:rgba(245,158,11,.1);color:#b45309}.dates-display{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.date-box{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:.5rem;flex:1;min-width:200px}.date-box-icon{width:56px;height:56px;background:#0d6efd;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;flex-shrink:0}.date-box-content{flex:1}.date-box-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.date-box-value{font-weight:600;color:#334155}.date-box-sub{font-size:.8125rem;color:#94a3b8}.date-arrow{color:#cbd5e1;font-size:1.25rem}.duration-display{display:flex;align-items:center;padding:1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;color:#0369a1;font-weight:500}.duration-display i{color:#0284c7}.reason-display{padding:1.25rem;background:#f8fafc;border-radius:.5rem;color:#475569;line-height:1.6}@media(max-width: 991px){.leave-request-form-page .col-lg-4,.leave-request-show-page .col-lg-4{order:2}.leave-request-form-page .col-lg-8,.leave-request-show-page .col-lg-8{order:1}}@media(max-width: 767px){.leave-request-form-page,.leave-request-show-page{padding:0 .5rem}.leave-request-form-page .page-title,.leave-request-show-page .page-title{font-size:1.25rem}.leave-request-form-page .info-item,.leave-request-show-page .info-item{padding:.75rem}.leave-request-form-page .info-item-icon,.leave-request-show-page .info-item-icon{width:40px;height:40px}.leave-request-form-page .form-actions,.leave-request-show-page .form-actions{flex-direction:column}.leave-request-form-page .form-actions .btn,.leave-request-show-page .form-actions .btn{width:100%}.leave-request-form-page .form-actions .btn:first-child,.leave-request-show-page .form-actions .btn:first-child{order:2}.leave-request-form-page .form-actions .btn:last-child,.leave-request-show-page .form-actions .btn:last-child{order:1}.dates-display{flex-direction:column}.date-box{width:100%}.date-arrow{transform:rotate(90deg)}.date-box-icon{width:48px;height:48px;font-size:1.25rem}}
