.feedback-drawer{position:fixed;top:0;right:-300px;height:100vh;width:300px;background-color:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.15);z-index:9999;display:flex;transition:transform .3s ease}.feedback-drawer.drawer-open{transform:translateX(-300px)}.feedback-drawer .feedback-handle{position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:40px;height:265px;background:linear-gradient(135deg,#5381c7,#35527a);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px 0 0 8px;box-shadow:-2px 0 8px rgba(0,0,0,.1);transition:all .3s ease}.feedback-drawer .feedback-handle:hover{background:linear-gradient(135deg,#35527a,#5381c7);box-shadow:-3px 0 12px rgba(0,0,0,.2)}.feedback-drawer .feedback-handle .handle-text{writing-mode:vertical-rl;text-orientation:mixed;color:#fff;font-weight:600;font-size:13px;letter-spacing:1px;padding:15px 0;text-align:center;white-space:nowrap}.feedback-drawer .drawer-content{width:100%;display:flex;flex-direction:column;overflow-y:auto}.feedback-drawer .drawer-header{padding:20px;background:linear-gradient(135deg,#5381c7,#35527a);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.feedback-drawer .drawer-header h5{color:#fff;font-weight:600;margin:0;font-size:16px}.feedback-drawer .drawer-header .close-drawer{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.feedback-drawer .drawer-header .close-drawer:hover{background-color:hsla(0,0%,100%,.2)}.feedback-drawer .drawer-header .close-drawer:focus{outline:none}.feedback-drawer .drawer-body{padding:20px;flex:1;overflow-y:auto;word-wrap:break-word;overflow-wrap:break-word}.feedback-drawer .drawer-body .form-group{margin-bottom:20px}.feedback-drawer .drawer-body .form-group label{font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.feedback-drawer .drawer-body .form-group textarea.form-control{resize:vertical;min-height:120px;font-size:14px;border:1px solid #ddd;border-radius:6px;padding:12px;word-wrap:break-word;overflow-wrap:break-word}.feedback-drawer .drawer-body .form-group textarea.form-control:focus{border-color:#5381c7;box-shadow:0 0 0 .2rem rgba(83,129,199,.25)}.feedback-drawer .drawer-body .form-group .custom-control-label{font-size:13px;font-weight:400;color:#555;cursor:pointer;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.feedback-drawer .drawer-body #char-count{font-weight:600;color:#5381c7}.feedback-drawer .drawer-body .btn-primary{background:linear-gradient(135deg,#5381c7,#35527a);border:none;font-weight:600;padding:12px;border-radius:6px;transition:all .3s ease}.feedback-drawer .drawer-body .btn-primary:hover{background:linear-gradient(135deg,#35527a,#5381c7);transform:translateY(-2px);box-shadow:0 4px 12px rgba(83,129,199,.4)}.feedback-drawer .drawer-body .btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.feedback-drawer .drawer-body .alert{font-size:13px;margin-bottom:15px;border-radius:6px;padding:12px 15px;word-wrap:break-word;overflow-wrap:break-word}.feedback-drawer .drawer-body .form-text{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}@media (max-width:768px){.feedback-drawer{right:-250px;width:250px}.feedback-drawer.drawer-open{transform:translateX(-250px)}.feedback-drawer .feedback-handle{height:265px}.feedback-drawer .feedback-handle .handle-text{font-size:12px}.feedback-drawer .drawer-body{padding:15px}}@media (max-width:480px){.feedback-drawer{right:-280px;width:280px}.feedback-drawer.drawer-open{transform:translateX(-280px)}}