.faq-page{background-color:#f8f9fa}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:all .2s ease}.faq-item:hover{box-shadow:0 2px 8px #0000001a}.faq-item--inactive{background-color:#f8f9fa;opacity:.6}.faq-item__header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.faq-item__question{cursor:pointer;flex:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-item__question:hover h6{color:#37a77f}.faq-item__actions{align-items:center;display:flex;flex-shrink:0}.faq-item__content{border-top:1px solid #e9ecef;padding-top:1rem}.faq-item__answer{background-color:#f8f9fa;border-left:4px solid #37a77f;border-radius:4px;padding:1rem}.add-faq-page{background-color:#f8f9fa;min-height:100vh}.add-faq-page .card{border:none;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease}.add-faq-page .card:hover{box-shadow:0 8px 30px #0000001f}.add-faq-page .card-body{padding:2.5rem!important;position:relative}.add-faq-page .card-body:before{background:linear-gradient(90deg,#37a77f,#2d8a66);content:"";height:4px;left:0;position:absolute;right:0;top:0}.add-faq-page .form-label{align-items:center;color:#495057;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.add-faq-page .form-control{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.add-faq-page .form-control:focus{background-color:#fff;border-color:#37a77f;box-shadow:0 0 0 .2rem #37a77f1a}.add-faq-page .form-control:hover:not(:focus){border-color:#37a77f}.add-faq-page .form-control.is-invalid{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc35451a}.add-faq-page .invalid-feedback{font-size:.875rem;font-weight:500;margin-top:.5rem}.add-faq-page .form-text{color:#6c757d;font-size:.875rem;font-style:italic;margin-top:.5rem}.add-faq-page .btn-green{background:linear-gradient(135deg,#37a77f,#2d8a66);border:none;border-radius:8px;box-shadow:0 2px 8px #37a77f33;font-size:.95rem;font-weight:600;min-width:140px;padding:.875rem 2rem;transition:all .3s ease}.add-faq-page .btn-green:hover:not(:disabled){background:linear-gradient(135deg,#2d8a66,#256b52);box-shadow:0 4px 15px #37a77f4d;transform:translateY(-2px)}.add-faq-page .btn-green:active{transform:translateY(0)}.add-faq-page .btn-green:disabled{opacity:.7;transform:none!important}.add-faq-page .btn-outline-secondary{border:2px solid #6c757d;border-radius:8px;font-size:.95rem;font-weight:600;min-width:100px;padding:.875rem 2rem;transition:all .3s ease}.add-faq-page .btn-outline-secondary:hover{background-color:#6c757d;border-color:#6c757d;transform:translateY(-1px)}.add-faq-page .main-screen-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #e9ecef;position:relative}.add-faq-page .main-screen-header:after{background:linear-gradient(90deg,transparent,#37a77f 50%,transparent);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.add-faq-page .main-screen-header h1{color:#212529;font-weight:700}.add-faq-page .alert-danger{background-color:#f8d7da;border:none;border-left:4px solid #dc3545;border-radius:8px;color:#721c24;padding:1rem 1.25rem}.add-faq-page textarea.form-control{font-family:inherit;min-height:120px;resize:vertical}.add-faq-page .text-danger{color:#dc3545!important}.add-faq-page .btn-outline-secondary.me-3{backdrop-filter:blur(10px);background-color:#fffc;border-color:#dee2e6;border-radius:50px;border-width:1px;font-size:.875rem;padding:.5rem 1rem}.add-faq-page .btn-outline-secondary.me-3:hover{background-color:#6c757d;border-color:#6c757d;color:#fff;transform:translate(-2px)}.add-faq-page .spinner-border-sm{border-width:.15em;height:1rem;width:1rem}.add-faq-page .card{animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.faq-item__header{align-items:stretch;flex-direction:column}.faq-item__actions{justify-content:space-between;margin-top:1rem}.faq-item__actions .btn{flex:1;margin-left:0!important;margin-right:.5rem}.faq-item__actions .btn:last-child{margin-right:0}.add-faq-page .card-body{padding:1.5rem!important}.add-faq-page .main-screen-body,.add-faq-page .main-screen-header{padding:1rem!important}.add-faq-page .d-flex.gap-2{flex-direction:column}.add-faq-page .d-flex.gap-2 .btn{margin-bottom:.5rem}}.spinner-border{border-width:.2em;height:2rem;width:2rem}