@charset "UTF-8";.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.popup{align-items:center;background-color:#4bb543;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;display:flex;gap:10px;padding:15px 25px;position:fixed;right:20px;top:20px;transition:.3s ease;visibility:hidden;z-index:9999}.popup.show{animation:slideDown .5s ease;visibility:visible}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:18px}.custom-popup{background-color:#4bb543;border-radius:5px;box-shadow:0 0 10px #0000004d;color:#fff;opacity:0;padding:15px 25px;position:fixed;right:20px;top:20px;transition:opacity .5s ease;z-index:9999}.custom-popup.show{opacity:1}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-wrapper{align-items:center;background:#f5f7fa;display:flex;justify-content:center;min-height:80vh}.login-card{background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000014;max-width:400px;padding:35px;width:100%}.login-header h2{color:#333;font-size:22px;font-weight:600;margin-bottom:20px;text-align:center}.form-group{margin-bottom:20px;position:relative}.form-group input.login_input{border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.form-group label{color:#333;margin-bottom:8px}.form-control,input,select{border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.form-control:focus{border-color:#007bff}.btn-primary{background:#007bff;border-radius:6px;font-size:16px;padding:12px;transition:background .3s;width:100%}.btn-primary:hover{background:#0056b3}.error-box{background:#ffe6e6;border-radius:6px;color:#c00;font-size:14px;margin-bottom:20px;padding:10px 12px}.password-group{position:relative}.toggle-pass{cursor:pointer;font-size:18px;position:absolute;right:12px;top:36px}.auth-footer{background-color:initial;color:#666;font-size:13px;padding:20px 10px;text-align:center}.footer-container{align-items:center;display:flex;flex-direction:column}.footer-links{display:flex;gap:15px;margin-top:8px}.footer-links a{color:#007bff;text-decoration:none}.footer-links a:hover{text-decoration:underline}.right{align-items:center;display:flex;gap:15px;position:relative}.credit-balance{color:#333;font-weight:500;text-decoration:none}.admin-user{align-items:center;color:#222;cursor:pointer;display:flex;font-weight:600;gap:6px;position:relative;text-decoration:none}.profile_view{background:#fff;border-radius:8px;box-shadow:0 6px 20px #0000001a;margin-top:10px;position:absolute;right:0;top:100%;width:180px;z-index:1000}.profile_view ul{list-style:none;margin:0;padding:0}.profile_view ul li{align-items:center;color:#333;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:background .2s}.profile_view ul li:hover{background-color:#f0f0f0}.profile_view ul li i{color:#555;font-size:16px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.toolbar button{background:#f3f3f3;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px}.toolbar button.active{background-color:#007bff;border-color:#007bff;color:#fff}.editor-wrapper{background-color:#fff;border:1px solid #ccc;border-radius:5px;min-height:200px;padding:10px}.ProseMirror{height:95px}.edit_div{border:1.5px solid}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.hotel-top{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:25px}.hotel-img img{border-radius:10px;box-shadow:0 2px 8px #0000001a;height:120px;object-fit:cover;width:160px}.booking-view{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:25px}.booking-info{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px}.booking-info>div{flex:1 1;min-width:250px}.pax-price-section{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.pax-info,.price-info{background:#f9f9f9;border-radius:10px;flex:1 1;min-width:280px;padding:15px}.pax-box,.room-box{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:10px;padding:10px}.price-item{display:flex;justify-content:space-between;margin:8px 0}.price-item.total{border-top:2px solid #ccc;font-weight:700;margin-top:10px;padding-top:10px}.cancel-section,.room-section{margin-top:30px;width:48%}.cancel-table{border-collapse:collapse;margin-top:10px;width:100%}.cancel-table td,.cancel-table th{border:1px solid #ddd;padding:8px;text-align:left}.cancel-table th{background-color:#f3f3f3}.flight-detail-container{background:#f5f7fa;padding:24px}.fd-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.status.booked{background:#e6f4ea;border-radius:20px;color:#137333;font-size:14px;padding:6px 12px}.fd-card{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px}.summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.segment{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;padding:15px}.segment-row{align-items:center;display:flex;justify-content:space-between}.flight-line{color:#2563eb;font-weight:600}.segment-info{color:#666;display:flex;font-size:13px;justify-content:space-between;margin-top:6px}.layover{background:#f1f5f9;border-radius:6px;font-size:14px;margin:10px 0;padding:8px;text-align:center}.fd-table{border-collapse:collapse;width:100%}.fd-table td,.fd-table th{border:1px solid #ddd;padding:10px;text-align:center}.fd-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.fare-row{display:flex;justify-content:space-between;margin-bottom:8px}.fare-row.total{border-top:1px solid #ddd;font-weight:600;padding-top:8px}.tour-booking-wrapper{background:#f6f7fb;font-family:Arial,sans-serif;padding:20px}.tour-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tour-back-link{color:#6a00ff;cursor:pointer;font-size:14px}.tour-main-card{background:#fff;border-radius:12px;box-shadow:0 0 12px #0000000d;display:flex;gap:16px;margin-bottom:20px;padding:16px}.tour-image{border-radius:10px;height:90px;object-fit:cover;width:120px}.tour-name{margin:0}.tour-meta{color:#777;font-size:14px}.tour-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.tour-info-box{background:#fff;border-radius:12px;box-shadow:0 0 12px #0000000d;padding:16px}.tour-info-box h4{margin-bottom:10px}.tour-info-box span{font-weight:600}.tour-section{background:#fff;border-radius:12px;box-shadow:0 0 12px #0000000d;margin-bottom:20px;padding:16px}.tour-pax-card{background:#f9f9f9;border-radius:10px;padding:12px}.tour-price-row{display:flex;justify-content:space-between;padding:8px 0}.tour-price-total{border-top:1px solid #eee;font-weight:700;margin-top:8px}.tour-total{color:#2e7d32;font-weight:700}@media (max-width:768px){.tour-info-grid{grid-template-columns:1fr}.tour-main-card{flex-direction:column}}:root{--admin-bg:#f3f4f6;--admin-card-bg:#fff;--admin-primary:#4f46e5;--admin-primary-hover:#4338ca;--admin-danger:#ef4444;--admin-danger-hover:#dc2626;--admin-text-main:#1f2937;--admin-text-muted:#6b7280;--admin-border:#e5e7eb}.admin-page-section{background-color:#f3f4f6;background-color:var(--admin-bg);min-height:100vh;padding:2rem 1.5rem}.admin-card{background-color:#fff;background-color:var(--admin-card-bg);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden;padding:2rem}.card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--admin-border);margin-bottom:2rem;padding-bottom:1.5rem}.card-heading{color:#1f2937;color:var(--admin-text-main);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.breadcrumb-trail{align-items:center;color:#6b7280;color:var(--admin-text-muted);display:flex;font-size:.875rem;list-style:none;margin:0;padding:0}.breadcrumb-trail li{align-items:center;display:inline-flex}.breadcrumb-trail a{color:#4f46e5;color:var(--admin-primary);font-weight:500;text-decoration:none;transition:color .2s}.breadcrumb-trail a:hover{color:#4338ca;color:var(--admin-primary-hover);text-decoration:underline}.breadcrumb-trail li:not(:last-child):after{color:#6b7280;color:var(--admin-text-muted);content:"/";margin:0 8px}.table-wrapper{overflow-x:auto}.admin-table{text-align:left}.admin-table thead{background-color:#f9fafb}.admin-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--admin-border);color:#6b7280;color:var(--admin-text-muted);font-size:.75rem;letter-spacing:.05em;padding:1rem;text-transform:uppercase}.admin-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--admin-border);color:#1f2937;color:var(--admin-text-main);font-size:.95rem;padding:1rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background-color:#f9fafb}.btn-action{border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.btn-edit{background-color:#4f46e5;background-color:var(--admin-primary);margin-right:8px}.btn-edit:hover{background-color:#4338ca;background-color:var(--admin-primary-hover)}.btn-delete{background-color:#fff;border-color:#ef4444;border-color:var(--admin-danger);color:#ef4444;color:var(--admin-danger)}.btn-delete:hover{background-color:#ef4444;background-color:var(--admin-danger);color:#fff}@media (max-width:768px){.admin-card{padding:1rem}.admin-table td,.admin-table th{font-size:.85rem;padding:.75rem}.btn-action{font-size:.75rem;padding:.4rem .8rem}}.image-preview-container{margin-top:10px}.image-box{border:1px solid #ddd;border-radius:6px;height:120px;overflow:hidden}.image-box button{border-radius:4px;font-size:12px}.admin-container{font-family:Arial,Helvetica,sans-serif;margin:40px auto;max-width:1100px;padding:20px}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.admin-title{font-size:24px;font-weight:700}.btn{border-radius:4px;padding:8px 14px;transition:.2s}.btn-primary{background-color:#4f46e5}.btn-primary:hover{background-color:#4338ca}.btn-edit{background-color:#f59e0b;color:#fff;margin-right:6px}.btn-edit:hover{background-color:#d97706}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{background-color:#dc2626}.btn-cancel{background-color:#6b7280;color:#fff;margin-left:10px}.btn-cancel:hover{background-color:#4b5563}.admin-table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 0 10px #0000000d;overflow:hidden;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #eee;padding:12px 14px;text-align:left}.admin-table th{background-color:#f3f4f6;font-weight:600}.admin-table tr:hover{background-color:#f9fafb}.admin-form{background:#fff;border-radius:6px;box-shadow:0 0 10px #0000000d;margin-top:20px;padding:25px}.form-group{margin-bottom:18px}.form-group label{display:block;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:4px;font-size:14px;outline:none;padding:9px 12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4f46e5}textarea{min-height:80px;resize:vertical}.section-block{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:15px;padding:15px}.section-title{font-size:15px;margin-bottom:10px}@media (max-width:768px){.admin-header{align-items:flex-start;flex-direction:column;gap:10px}.admin-table td,.admin-table th{font-size:13px;padding:8px}}.section-title{border-bottom:2px solid #eee;font-size:20px;font-weight:600;margin-top:30px;padding-bottom:5px}.form-group,.section-title{margin-bottom:15px}input,select,textarea{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:8px 10px;width:100%}.array-row{display:flex;gap:10px;margin-bottom:8px}.array-row button{background:red;border:none;color:#fff;cursor:pointer;padding:5px 10px}.availability-box{display:flex;gap:10px;margin-bottom:10px}.image-preview-container{display:flex;flex-wrap:wrap;gap:10px}.image-box{height:100px;position:relative;width:120px}.image-box img{border-radius:6px;height:100%;object-fit:cover;width:100%}.image-box button{background:red;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:2px 6px;position:absolute;right:4px;top:4px}.btn-primary{border:none;border-radius:4px;cursor:pointer;margin-top:20px;padding:10px 18px}.duration-flex{display:flex;gap:10px}.duration-flex input{flex:2 1}.duration-flex select{flex:1 1}:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--bg-color:#f9fafb;--card-bg:#fff;--border-color:#e5e7eb;--text-primary:#111827;--text-secondary:#6b7280;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px}.tour-form-container{background-color:#f9fafb;background-color:var(--bg-color);margin-top:2rem!important;margin:0 20px;max-width:100vw;min-height:100vh;padding:2rem}.form-section{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem}.section-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);color:#111827;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.section-icon{font-size:1.75rem}.form-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin:0 -.75rem}.form-col{flex:1 1;min-width:250px;padding:0 .75rem}.col-half{flex-basis:calc(50% - 1.5rem)}.col-half,.col-third{flex-grow:0;flex-shrink:0}.col-third{flex-basis:calc(33.333% - 1.5rem)}.col-full{flex:0 0 100%}.form-group{margin-bottom:1.5rem}.form-label{color:#111827;color:var(--text-primary);display:block;font-size:.875rem;margin-bottom:.5rem}.required{color:#ef4444;color:var(--danger-color)}.form-input,.form-select,.form-textarea{background-color:#fff;background-color:var(--card-bg);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#d1d5db}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-textarea{font-family:inherit;min-height:100px;resize:vertical}.duration-group .duration-inputs{display:flex;gap:.75rem}.duration-group .duration-inputs .form-input{flex:2 1}.duration-group .duration-inputs .form-select{flex:1 1}.array-fields-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.array-item-card{background:#f9fafb;background:var(--bg-color);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);padding:1.5rem;transition:all .2s ease}.array-item-card:hover{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.array-item-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.array-item-number{color:#4f46e5;color:var(--primary-color);font-size:1rem;font-weight:700}.array-item-row{align-items:center;background:#f9fafb;background:var(--bg-color);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.75rem}.array-item-row .form-input{background:#0000;border:none;flex:1 1;padding:.5rem}.btn{border:none;border-radius:var(--radius-md);font-size:.9375rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:#4f46e5;background:var(--primary-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:#4338ca;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-add{background:#10b981;background:var(--success-color);color:#fff}.btn-add:hover{background:#059669;transform:translateY(-1px)}.btn-remove{align-items:center;background:#ef4444;background:var(--danger-color);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.btn-remove:hover{background:#dc2626;transform:scale(1.1)}.btn-remove-icon{align-items:center;background:#ef4444;background:var(--danger-color);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-remove-icon:hover{background:#dc2626;transform:scale(1.05)}.react-datepicker-wrapper{width:100%}.react-datepicker__input-container input{border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:.9375rem;padding:.75rem 1rem;width:100%}.file-upload-wrapper{display:inline-block;overflow:hidden;position:relative;width:100%}.file-input{left:-9999px;position:absolute}.file-upload-label{background:#f9fafb;background:var(--bg-color);border:2px dashed #e5e7eb;border:2px dashed var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:block;font-weight:600;padding:2rem;text-align:center;transition:all .2s ease}.file-upload-label:hover{background:#eef2ff;border-color:#4f46e5;border-color:var(--primary-color);color:#4f46e5;color:var(--primary-color)}.image-preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1.5rem}.image-preview-card{aspect-ratio:1;border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);overflow:hidden;position:relative;transition:all .2s ease}.image-preview-card:hover{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.preview-image{height:100%;object-fit:cover;width:100%}.btn-remove-image{align-items:center;background:#ef4444;background:var(--danger-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.875rem;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:28px}.btn-remove-image:hover{background:#dc2626;transform:scale(1.1)}.form-actions{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);margin-top:2rem;padding:1.5rem 2rem;text-align:center}.btn-submit{font-size:1.125rem;padding:1rem 3rem}@media (max-width:1024px){.col-half,.col-third{flex-basis:calc(50% - 1.5rem);flex-grow:0;flex-shrink:0}}@media (max-width:768px){.tour-form-container{padding:1rem}.form-section{padding:1.5rem}.form-col{min-width:100%}.col-half,.col-third,.form-col{flex:0 0 100%}.duration-group .duration-inputs{flex-direction:column}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.array-item-card,.array-item-row{animation:slideIn .3s ease}.btn:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--primary-color);outline-offset:2px}:root{--blue:#2563eb;--blue-soft:#eff6ff;--green-soft:#ecfdf5;--amber:#f59e0b;--amber-soft:#fffbeb;--ink:#1e293b;--ink3:#64748b;--ink4:#94a3b8;--surface:#fff;--surface2:#f8fafc;--border:#e2e8f0;--r:12px;--r-sm:8px;--mono:"JetBrains Mono",monospace}body{background-color:#f1f5f9;color:#1e293b;color:var(--ink);font-family:Inter,sans-serif;margin:0;padding:20px}.layout-grid{grid-gap:20px;align-items:flex-start;display:grid;gap:20px;grid-template-columns:1fr 320px}.layout-left,.layout-right{display:flex;flex-direction:column;gap:18px}.page-head h1{margin:0}.page-head p{color:#64748b;margin:4px 0 0}.page-head-actions{gap:10px}.card{background:var(--surface);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--r);box-shadow:0 1px 3px #0000000d}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.card-title{font-size:16px;font-weight:600}.card-subtitle{color:#64748b;color:var(--ink3);font-size:13px}.card-body{padding:20px}.card-footer{background:#f8fafc;background:var(--surface2);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:16px 20px}.card-body-tight{padding:14px 18px}.form-grid{grid-gap:16px;display:grid;gap:16px}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#475569;color:var(--ink2);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.req{color:#ef4444}.form-control{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);font-size:14px;outline:none;padding:10px 12px;transition:all .2s}.form-control:focus{border-color:#2563eb;border-color:var(--blue);box-shadow:0 0 0 3px #eff6ff;box-shadow:0 0 0 3px var(--blue-soft)}.readonly-input{background:#f8fafc;background:var(--surface2);cursor:default}.mb-18{margin-bottom:18px}.mb-14{margin-bottom:14px}.mt-14{margin-top:14px}.mt-8{margin-top:8px}.btn{border-radius:8px;border-radius:var(--r-sm)}.btn-primary{background:var(--blue)}.btn-primary:hover{background:#1d4ed8}.btn-secondary:hover{background:#f8fafc}.btn-ghost{color:#2563eb;color:var(--blue);padding:4px 8px}.btn-sm{font-size:12px;padding:6px 12px}.btn-full-left{justify-content:flex-start}.line-items-head{grid-gap:12px;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:grid;gap:12px;grid-template-columns:2fr 192px 180px 120px 80px 0;margin-bottom:12px;padding-bottom:12px}.li-head-label{color:#94a3b8;color:var(--ink4);font-size:11px;font-weight:700;text-transform:uppercase}.totals-wrap{display:flex;justify-content:flex-end}.totals-box{background:#eff6ff;background:var(--blue-soft);border-radius:10px;display:flex;flex-direction:column;gap:12px;opacity:1;padding:10px;width:300px}.totals-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.totals-row.grand{border-top:2px solid #e2e8f0;border-top:2px solid var(--border);color:#2563eb;color:var(--blue);font-size:18px;font-weight:800;margin-top:8px;padding-top:12px}.totals-label{color:#475569;color:var(--ink2)}.discount-input,.totals-value{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.discount-input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;font-size:13px;padding:3px 6px;text-align:right;width:50px}.payment-terms-select{max-width:300px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.badge-dot{border-radius:50%;height:6px;width:6px}.badge-pending{background:#fffbeb;background:var(--amber-soft);color:#92400e}.badge-pending .badge-dot{background:#f59e0b;background:var(--amber)}.badge-paid{background:#ecfdf5;background:var(--green-soft);color:#065f46}.badge-paid .badge-dot{background:#10b981;background:var(--green)}.badge-draft{background:#f1f5f9;color:#475569}.badge-draft .badge-dot{background:#94a3b8}.text-muted{color:#94a3b8;color:var(--ink4);font-size:12px}.text-mono{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.divider{border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border)}.sidebar-summary-grid{display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;justify-content:space-between}.summary-invoice{color:#2563eb;color:var(--blue)}.summary-invoice,.summary-value{font-size:12px;font-weight:600}.summary-total-row{align-items:baseline;display:flex;justify-content:space-between}.summary-total{color:#2563eb;color:var(--blue);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:20px;font-weight:800}.status-list{display:flex;flex-direction:column;gap:8px}.status-label{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);cursor:pointer;display:flex;gap:10px;padding:10px;transition:border .15s}.status-label:hover{border-color:#2563eb;border-color:var(--blue)}.status-radio{accent-color:#64748b;accent-color:var(--ink3)}.status-radio-pending{accent-color:#f59e0b;accent-color:var(--amber)}.status-radio-paid{accent-color:#10b981;accent-color:var(--green)}.status-radio-draft{accent-color:#64748b;accent-color:var(--ink3)}.upload-dropzone{border:2px dashed #e2e8f0;border:2px dashed var(--border);border-radius:12px;border-radius:var(--r);cursor:pointer;padding:20px;text-align:center;transition:border .2s}.upload-dropzone svg{color:#94a3b8;color:var(--ink4);height:28px;margin-bottom:8px;width:28px}.upload-dropzone-hover{border-color:#2563eb;border-color:var(--blue)}.upload-text{color:#64748b;color:var(--ink3);font-size:12px}.upload-subtext{margin-top:4px}.quick-actions-body{display:flex;flex-direction:column;gap:8px;padding:12px 18px}.filter-input{border:1px solid #e2e8f0;margin-left:40px}.line-item{display:flex;gap:5px}.view{max-width:98%;padding:24px 40px}.page-head{align-items:center}.page-head p{color:var(--text-muted)}.btn{border-radius:var(--radius);font-weight:600}.btn svg{height:18px;width:18px}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{border-color:var(--border);color:var(--text-main)}.btn-secondary:hover{background:var(--surface2)}.btn-ghost{color:var(--text-muted)}.btn-ghost:hover{color:var(--text-main)}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-wrap{flex:1 1;min-width:200px;position:relative}.search-wrap svg{color:var(--text-muted);left:12px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.search-wrap input{padding:8px 12px 8px 36px;width:100%}.filter-input,.search-wrap input{background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.filter-input{color:var(--text-main);font-size:14px;min-width:120px;padding:8px 12px}.spacer{flex:1 1}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{background:#fafafa;color:var(--text-muted);font-size:12px;letter-spacing:.05em;padding:12px 16px;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid var(--border)}.data-table td{font-size:14px;padding:16px;vertical-align:middle}.data-table tr:hover{background:#f8fafc}.status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.status:before{border-radius:50%;content:"";height:6px;width:6px}.status-paid{background:#ecfdf5;color:var(--green)}.status-paid:before{background:var(--green)}.status-pending{background:#fffbeb;color:var(--orange)}.status-pending:before{background:var(--orange)}.status-overdue{background:#fef2f2;color:var(--red)}.status-overdue:before{background:var(--red)}.type-tag{align-items:center;background:#eff6ff;border-radius:6px;color:var(--blue);display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.action-btns{display:flex;gap:8px;justify-content:flex-end}.icon-btn{background:#fff;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;padding:6px;transition:.2s}.icon-btn:hover{background:var(--surface2);color:var(--text-main)}.icon-btn-delete:hover{background:#fef2f2;border-color:#fee2e2;color:var(--red)}.pagination{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:16px}.page-info{color:var(--text-muted);font-size:13px}.page-btns{display:flex;gap:4px}.page-btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;font-size:13px;height:32px;justify-content:center;width:32px}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.page-btn:hover:not(.active){background:var(--surface2)}.status-badge,.type-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:500;padding:2px 8px}.status-paid{background-color:#e6f9ec;color:#15803d}.status-pending{background-color:#fef9c3;color:#92400e}.status-overdue{background-color:#fee2e2;color:#b91c1c}.status-draft{background-color:#e5e7eb;color:#4b5563}.status-cancelled{background-color:#f3f4f6;color:#1d2840}.type-flight{background-color:#bfcad9;color:#000}.type-hotel{background-color:#ff0;color:#000}.type-visa{background-color:#c1ef07;color:#051313}.type-hajj{background-color:#dcfce7;color:#129642}.type-tour{background-color:#f48d06;color:#070707}.type-car{background-color:#1bd40ac9;color:#060707}.type-custom{background-color:#5f5ff3;color:#000}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#fff;--danger:#ef4444;--danger-bg:#fef2f2;--green:#10b981;--green-m:#d1fae5;--green-l:#ecfdf5;--blue:#3b82f6;--blue-m:#dbeafe;--blue-l:#eff6ff;--ink1:#0f172a;--ink2:#475569;--ink3:#94a3b8;--bg-page:#f8fafc;--white:#fff;--r:8px;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}#view-detail{background-color:#f8fafc;background-color:var(--bg-page);color:#0f172a;color:var(--ink1);font-family:Inter,-apple-system,sans-serif;min-height:100vh;padding:40px}.page-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.page-head h1{font-size:24px;font-weight:700;margin:0 0 4px}.page-head p{color:#94a3b8;color:var(--ink3);font-size:14px;margin:0}.page-head-actions{display:flex;gap:12px}.btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.btn svg{height:16px;width:16px}.btn-primary{background:#2563eb;background:var(--primary);color:#fff}.btn-secondary{background:#fff;background:var(--white);border-color:#e2e8f0;color:#475569;color:var(--ink2)}.btn-secondary:hover{background:#f1f5f9}.btn-ghost{background:#0000;color:#475569;color:var(--ink2)}.btn-danger{background:#fef2f2;background:var(--danger-bg);border-color:#fee2e2;color:#ef4444;color:var(--danger)}.btn-sm{font-size:13px;padding:4px 12px}.invoice-preview{background:#fff;background:var(--white);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);margin:auto;overflow:hidden;width:80%}.inv-header{background:#020617;color:#fff;display:flex;justify-content:space-between;padding:32px 40px}.inv-logo{gap:12px}.inv-logo,.inv-logo-mark{align-items:center;display:flex}.inv-logo-mark{background:#2563eb;background:var(--primary);border-radius:8px;height:40px;justify-content:center;width:40px}.inv-logo-name{font-size:20px;font-weight:800;letter-spacing:-.02em}.inv-logo-tagline{color:#94a3b8;font-size:12px}.inv-meta{text-align:right}.inv-word{color:#94a3b8;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.inv-number{font-size:22px;font-weight:700;margin:4px 0 8px}.inv-date-row{font-size:13px}.inv-date-label{color:#64748b;margin-right:4px}.inv-body{padding:40px}.inv-parties{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px}.inv-party-label{color:#94a3b8;color:var(--ink3);font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.inv-party-name{font-size:16px;font-weight:700;margin-bottom:6px}.inv-party-detail{color:#475569;color:var(--ink2);font-size:13px;line-height:1.6}.inv-items-table{border-collapse:collapse;margin-bottom:30px;width:100%}.inv-items-table th{border-bottom:1px solid #f1f5f9;color:#94a3b8;color:var(--ink3);font-size:11px;letter-spacing:.05em;padding:12px 8px;text-align:left;text-transform:uppercase}.inv-items-table td{border-bottom:1px solid #f8fafc;font-size:14px;padding:16px 8px;vertical-align:top}.subtotal-row td,.total-row td{border-bottom:none;padding:8px}.total-row{color:#0f172a;color:var(--ink1);font-size:18px;font-weight:700}.total-row td{border-top:2px solid #f1f5f9;padding-top:20px!important}.inv-footer{align-items:flex-end;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:30px 40px}.inv-notes-label{color:#94a3b8;color:var(--ink3);font-size:11px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.inv-notes-text{color:#475569;color:var(--ink2);font-size:12px;line-height:1.5;max-width:450px}.inv-status-label{color:#94a3b8;color:var(--ink3);font-size:11px;font-weight:700;margin-bottom:8px;text-align:right;text-transform:uppercase}.inv-status-badge.paid{align-items:center;background:#fff;border:1px solid #d1fae5;border:1px solid var(--green-m);border-radius:20px;color:#10b981;color:var(--green);display:flex;font-size:12px;font-weight:800;gap:6px;padding:6px 14px}