.movie-list-container{background-color:#f9fafb;box-sizing:border-box;font-family:Poppins,sans-serif;height:100vh;width:100%}.movie-list-content{flex:1 1;margin-left:6px;max-width:100%;padding:32px}.movie-list-header{align-items:left;display:flex;justify-content:space-between;margin-bottom:24px;padding:0;position:relative}.movie-list-title{border-bottom:3px solid #ae8519;color:#111827;font-size:24px;font-weight:600;margin:0;padding-bottom:8px}.add-movies-btn{align-items:center;background-color:#f59e0b;border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-left:auto;padding:10px 20px;transition:all .2s;z-index:1}.add-movies-btn:hover{background-color:#d97706;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.add-movies-btn:active{transform:translateY(0)}.table-wrapper-movies{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden}.table-container-movies{flex:1 1;height:75vh;overflow-x:auto;overflow-y:auto}.movies-table{border-collapse:collapse;width:100%}.movies-table thead{background-color:#fafafa;border-bottom:2px solid #e5e7eb}.movies-table th{border-bottom:2px solid #e5e7eb;color:#000;font-size:12px;font-weight:600;padding:14px 16px;text-align:left;white-space:nowrap}.movies-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.movies-table th.sortable:hover{color:#000}.sort-icon{margin-left:4px;opacity:.4;transition:opacity .2s}.movies-table th.sortable:hover .sort-icon{opacity:.8}.checkbox-column{padding-left:20px!important;text-align:center;width:40px}.table-checkbox{accent-color:#000;border-radius:4px;cursor:pointer;height:18px;width:18px}.movies-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .15s}.movies-table tbody tr:last-child{border-bottom:none}.movies-table tbody tr:hover{background-color:#fafafa}.movies-table tbody tr.selected{background-color:#fff7ed}.movies-table td{color:#000;font-family:poppins,sans-serif;font-size:13px;padding:12px 10px;vertical-align:middle}.movie-image{align-items:right;background-color:#f3f4f6;border-radius:8px;display:flex;height:48px;justify-content:end;overflow:hidden;width:50px}.movie-image img{height:100%;object-fit:cover;vertical-align:middle;width:100%}.movie-title{color:#000;font-weight:400}.status-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:5px 12px}.status-online{background-color:#dcfce7;color:#16a34a}.status-offline{background-color:#fee2e2;color:#dc2626}.status-dot{border-radius:50%;height:7px;width:7px}.status-online .status-dot{background-color:#22c55e}.status-offline .status-dot{background-color:#ef4444}.action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s;width:32px}.action-btn:hover{background-color:#f3f4f6}.edit-btn:hover{color:#000}.delete-btn:hover{color:#dc2626}.table-footer{align-items:center;background-color:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:0;padding:16px 20px}.table-info{color:#6b7280;font-size:13px;font-weight:400}.pagination{align-items:center;display:flex;gap:6px}.pagination-btn,.pagination-ellipsis,.pagination-number{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 10px;transition:all .2s}.pagination-btn:hover:not(:disabled),.pagination-number:hover{background-color:#fafafa;border-color:#d1d5db}.pagination-btn:disabled{background-color:#fafafa;cursor:not-allowed;opacity:.3}.pagination-number.active{background-color:#f59e0b;border-color:#f59e0b;color:#fff;font-weight:600}.pagination-ellipsis{border:none;color:#9ca3af;cursor:default}.pagination-ellipsis,.pagination-ellipsis:hover{background-color:initial}@media (max-width:1200px){.movie-list-content{margin-left:0;padding:20px}.table-container-movies{overflow-x:auto}.movies-table{min-width:900px}}@media (max-width:768px){.movie-list-header{align-items:flex-start;flex-direction:column;gap:16px}.add-movies-btn{justify-content:center;width:100%}.table-container-movies{flex:1 1;overflow-x:auto}.movies-table{min-width:800px}.movies-table td,.movies-table th{font-size:12px;padding:10px 12px}.movie-image{height:40px;width:40px}.table-footer{align-items:flex-start;flex-direction:column;gap:16px}.pagination{justify-content:center;width:100%}.table-wrapper-movies{border-radius:8px}}@media (max-width:480px){.movie-list-content{padding:16px}.movie-list-title{font-size:20px}.movies-table{min-width:800px}.table-info{font-size:12px}.pagination-btn,.pagination-number{font-size:12px;height:28px;min-width:28px}}.movie-list-loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px}.movie-list-loader{animation:movie-list-spin 1s linear infinite;border:5px solid #ffe5cc;border-radius:50%;border-top-color:#ff8c00;height:60px;width:60px}@keyframes movie-list-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.movie-list-loader-text{animation:movie-list-fade 1.5s ease-in-out infinite;color:#ff8c00;font-size:16px;font-weight:500;margin-top:20px}@keyframes movie-list-fade{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:768px){.movie-list-loader{border-width:4px;height:50px;width:50px}.movie-list-loader-text{font-size:14px;margin-top:16px}.movie-list-loader-container{min-height:300px;padding:30px}}@media (max-width:480px){.movie-list-loader{border-width:3px;height:40px;width:40px}.movie-list-loader-text{font-size:13px;margin-top:12px}.movie-list-loader-container{min-height:250px;padding:20px}}.payment-report-container{font-family:Arial,sans-serif;max-width:90%;padding:2% 20px 20px}.payment-report-header{margin-bottom:30px}.payment-report-header h2{border-bottom:3px solid #fdb441;color:#000;display:inline-block;font-size:24px;font-weight:600;margin:0;padding-bottom:5px}.payment-report-main-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:30px}.payment-date-filter-container{align-items:flex-end;background:#fff;border-radius:10px;display:flex;gap:20px;padding:16px 0}.date-field{display:flex;flex-direction:column;gap:6px;width:30%}.date-field label{color:#000;font-size:14px;font-weight:600}.date-field input,select{border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:10px 14px;width:100%}.date-field input:focus,select:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.search-btn{background-color:#f59e0b;border:none;border-radius:10px;box-shadow:0 4px 10px #f59e0b59;color:#fff;cursor:pointer;font-size:15px;font-weight:600;height:42px;padding:0 26px;width:20%}.search-btn:hover{background-color:#d97706}.search-btn:active{background-color:#b45309;box-shadow:0 2px 6px #f59e0b40}.payment-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;padding:20px}.payment-table{border-collapse:collapse;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;width:100%}.payment-table thead{background:#f8fafc}.payment-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:600;padding:14px 16px;text-align:left}.payment-table td{border-bottom:1px solid #f1f5f9;color:#0f172a;padding:14px 16px}.payment-table tr:hover{background:#f9fafb}.amount{color:#0f766e;font-weight:600}.ticket{color:#2563eb;font-weight:500}.payment-report-loader-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px;padding:40px}.payment-report-loader{animation:payment-report-spin 1s linear infinite;border:5px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:50px;width:50px}@keyframes payment-report-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-report-loader-text{color:#6b7280;font-size:16px;font-weight:500}.no-data{color:#6b7280;font-size:16px;padding:40px;text-align:center}.download-btn{background:#16a34a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;height:42px;padding:0 26px;width:20%}.download-btn:hover{background:#15803d}@media (max-width:768px){.payment-report-container{max-width:95%;padding:10px}.payment-report-main-content{padding:20px}.payment-report-action-section{justify-content:center}.payment-report-download-btn{width:100%}}.chart-container{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:25px}.chart-title{border-bottom:2px solid #f0a500;color:#000;display:inline-block;font-size:20px;font-weight:600;margin-bottom:25px;padding-bottom:5px}.chart-wrapper{margin-bottom:20px}.chart{align-items:stretch;position:relative}.y-axis{flex-direction:column;justify-content:space-between;min-height:280px;padding:5px 0;z-index:1}.y-axis,.y-axis-item{display:flex;position:relative}.y-axis-item{align-items:center}.y-label{color:#666;font-size:13px;font-weight:500;min-width:35px;padding-right:10px;text-align:right}.grid-line{background-color:#f0f0f0;height:1px;left:45px;pointer-events:none;position:absolute;right:-600px}.chart-area{display:flex;flex-direction:column;margin-left:10px}.bars-container{border-bottom:2px solid #e0e0e0;border-left:2px solid #e0e0e0;flex:1 1;gap:5px;justify-content:space-between;min-height:280px;padding:0 10px 0 15px;position:relative}.bar-group{align-items:center;flex:1 1;flex-direction:column;height:100%}.bars{gap:2px;justify-content:center;width:100%}.bar{border-radius:4px 4px 0 0;flex:1 1;max-width:18px;min-height:10px;transition:all .3s ease}.bar-yellow{background:linear-gradient(180deg,#d4a017,#f0a500)}.bar-green{background:linear-gradient(180deg,#81c784,#66bb6a)}.bar-brown{background:linear-gradient(180deg,#a1752d,#8b6914)}.bar:hover{cursor:pointer;opacity:.8;transform:scaleY(1.02)}.x-axis-wrapper{display:flex;margin-top:8px}.x-axis-spacer{min-width:55px}.x-axis{display:flex;flex:1 1;gap:5px;justify-content:space-between;padding:0 10px 0 15px;width:100%}.month-label{color:#666;flex:1 1;font-size:12px;font-weight:600;text-align:center;text-transform:uppercase}.legend-and-button{align-items:center;display:flex;justify-content:space-between;margin-top:25px;padding-top:30px}.legend{gap:25px}.legend-item{gap:8px}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-dot.yellow{background-color:#f0a500}.legend-dot.green{background-color:#66bb6a}.legend-dot.brown{background-color:#8b6914}.legend-text{color:#555;font-size:13px}.download-button{background:linear-gradient(135deg,#66bb6a,#43a047);border:none;border-radius:6px;box-shadow:0 2px 8px #43a0474d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.download-button:hover{background:linear-gradient(135deg,#43a047,#388e3c);box-shadow:0 4px 12px #43a04766;transform:translateY(-2px)}.download-button:active{box-shadow:0 2px 6px #43a0474d;transform:translateY(0)}@media (max-width:768px){.range-of-plans{padding:10px}.content-card{padding:20px}.bars-container{gap:0}.bars-container,.y-axis{min-height:220px}.bar{max-width:12px}.month-label{font-size:10px}.x-axis-spacer{min-width:45px}.legend-and-button{align-items:flex-start;flex-direction:column;gap:15px}.legend{flex-wrap:wrap;gap:15px}.download-button{align-self:flex-end}}.date-selector-row{display:flex;gap:20px;margin-bottom:30px}.date-selector-row .date-selector{flex:1 1}.chart{display:flex}.chart-area{flex:1 1}.bars-container{height:250px}.bar-group,.bars-container{align-items:flex-end;display:flex}.bar-group{margin:0 12px}.bars{align-items:flex-end;display:flex;gap:6px;height:100%}.bar{min-height:2px;width:30px}.legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.legend-item{align-items:center;display:flex;font-size:13px;gap:6px}.legend-color{border-radius:3px;height:14px;width:14px}.bar-0{background:#f5c542}.bar-1{background:#4caf50}.bar-2{background:#5106ba}.bar-3{background:#720670}.bar-4{background:#556f77}.bar-5{background:#ab7a11}.bar-6{background:#1e0246}.bar-7{background:#da0794}.bar-8{background:#63030d}.bar-9{background:#04c97a}.search-button{background-color:#f59e0b;border:none;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.search-button:hover{background-color:#8c5e0f;transform:translateY(-2px)}.search-button:active{background-color:#e1b261;transform:translateY(0)}@media (max-width:768px){.date-selector-row{flex-direction:column}}.daywise-chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:3%}.daywise-chart-header{margin-bottom:20px}.daywise-chart-header h3{color:#000;display:inline-block;font-size:20px;font-weight:600;margin:0 0 5px}.daywise-underline{background-color:#fdb441;height:2px;margin-bottom:20px;width:120px}.daywise-legend{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:15px}.daywise-legend-item{align-items:center;display:flex;gap:8px}.daywise-legend-color{border-radius:2px;display:inline-block;height:3px;width:20px}.daywise-legend-label{color:#374151;font-size:13px;font-weight:500}.daywise-download-btn{background:linear-gradient(135deg,#66bb6a,#43a047);border:none;border-radius:8px;box-shadow:0 2px 8px #43a0474d;color:#fff;cursor:pointer;float:right;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.daywise-download-btn:hover{background:linear-gradient(135deg,#43a047,#388e3c);box-shadow:0 4px 12px #43a04766;transform:translateY(-2px)}.daywise-download-btn:active{box-shadow:0 2px 6px #43a0474d;transform:translateY(0)}.daywise-custom-chart-wrapper{display:flex;gap:15px;height:300px;margin:20px 0}.daywise-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;min-width:50px;padding-right:10px}.daywise-y-axis-label{color:#6b7280;font-size:12px;font-weight:500;text-align:right}.daywise-chart-main{border-bottom:2px solid #d1d5db;border-left:2px solid #d1d5db;flex:1 1;position:relative}.daywise-chart-grid{height:100%;pointer-events:none;position:absolute;width:100%}.daywise-grid-line-horizontal{background-color:#e5e7eb;height:1px;left:0;position:absolute;width:100%}.daywise-chart-svg-custom{height:100%;left:0;position:absolute;top:0;width:100%}.daywise-custom-point{cursor:pointer;position:absolute;transform:translate(-50%,-50%);z-index:10}.daywise-custom-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0003;height:10px;transition:all .2s ease;width:10px}.daywise-custom-point:hover .daywise-custom-dot{box-shadow:0 4px 12px #0000004d;transform:scale(1.5)}.daywise-custom-tooltip{background-color:#000000d9;border-radius:6px;bottom:130%;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:11px;left:50%;line-height:1.4;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.daywise-custom-tooltip:after{border:6px solid #0000;border-top-color:#000000d9;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.daywise-custom-point:hover .daywise-custom-tooltip{opacity:1}.daywise-chart-x-axis{height:30px;margin-left:8%;margin-top:10px;position:relative}.daywise-x-axis-label{color:#6b7280;font-size:11px;font-weight:500;max-width:80px;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;transform:translateX(-50%);white-space:nowrap}.daywise-chart-x-axis[data-period=day] .daywise-x-axis-label{font-size:9px;margin-top:10px;transform:translateX(-50%) rotate(-45deg);transform-origin:center center;white-space:nowrap}.daywise-loader-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:300px;padding:40px}.daywise-loader{animation:daywise-spin 1s linear infinite;border:5px solid #f3f4f6;border-radius:50%;border-top-color:#fdb441;height:50px;width:50px}@keyframes daywise-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.daywise-loader-text{color:#6b7280;font-size:16px;font-weight:500}.daywise-no-data{align-items:center;display:flex;justify-content:center;min-height:300px;padding:40px}.daywise-no-data p{color:#6b7280;font-size:16px;text-align:center}.daywise-date-selector{display:flex;flex-direction:column;gap:8px}.time-period-selector{width:30%}.daywise-search-button-wrapper{align-items:center;display:flex}.daywise-search-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:5% 30%;transition:background-color .2s}.daywise-search-button,.daywise-search-button:active,.daywise-search-button:hover{background-color:#f59e0b}@media (max-width:768px){.daywise-date-range-container{padding:10px}.daywise-main-content{padding:20px}.daywise-chart-container{padding:15px}.daywise-custom-chart-wrapper{height:250px}.daywise-chart-y-axis{min-width:40px}.daywise-y-axis-label{font-size:10px}.daywise-x-axis-label{font-size:8px}.daywise-chart-x-axis[data-period=day] .daywise-x-axis-label{font-size:7px}.daywise-download-btn{float:none;width:100%}.daywise-legend{gap:15px}.daywise-legend-item{gap:6px}.daywise-legend-label{font-size:12px}.daywise-legend-color{width:16px}}*{font-family:poppins,sans-serif}aside{background-color:#fff;border-right:1px solid #e9e9e9;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;min-height:100vh;width:224px}aside>div:first-child{border-bottom:1px solid #e9e9e9;padding:24px}.flatlogo{width:100%}nav{flex:1 1;padding:16px}nav>*+*{margin-top:8px}nav>div{margin-bottom:8px}nav button:first-child{align-items:center;background:linear-gradient(90deg,#fbbf24,#f59e0b);border:none;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#1e293b;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:10px 16px;transition:all .2s ease;width:100%}nav button.nav-main{background:#fef3c7}nav button:first-child:hover{transform:scale(1.02)}nav button:first-child svg:first-child{height:20px;width:20px}nav button:first-child svg:last-child{height:16px;margin-left:auto;width:16px}.ml-4{margin-left:16px}.mt-2{margin-top:8px}nav>div>div>button{background-color:#fef3c7;border:none;border-radius:8px;color:#1e293b;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;text-align:left;transition:background-color .2s ease;width:100%}nav>div>div>button:hover{background-color:#fde68a}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.nav-item:hover{background-color:#f8fafc;transform:translateX(4px)}.nav-item svg{flex-shrink:0;height:20px;width:20px}button{font-family:inherit;outline:none}button:focus{outline:2px solid #0000;outline-offset:2px}button:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}@media (max-width:768px){aside{border-bottom:1px solid #fbbf2480;border-right:none;width:100%}}.add-movie-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.add-movie-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:100%;overflow-y:auto;width:70%}.add-movie-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px}.add-movie-title{color:#000;font-size:24px;font-weight:600;margin:0}.add-movie-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.add-movie-close-btn:hover{background-color:#f3f4f6;color:#000}.add-movie-body{padding:5%}.add-movie-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.add-movie-field{display:flex;flex-direction:column}.add-movie-field-full{grid-column:1/-1}.add-movie-field label{color:#000;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.add-movie-input,.add-movie-select,.add-movie-textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s}.add-movie-input:hover,.add-movie-select:hover,.add-movie-textarea:hover{border-color:#9ca3af}.add-movie-input:focus,.add-movie-select:focus,.add-movie-textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-movie-input::placeholder,.add-movie-textarea::placeholder{color:#9ca3af}.add-movie-textarea{min-height:200px;resize:vertical}.add-movie-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.add-movie-upload{position:relative}.add-movie-file-input{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.add-movie-upload-box{align-items:center;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:32px 16px;position:relative;transition:all .2s}.add-movie-upload-box:hover{background-color:#f3f4f6;border-color:#9ca3af}.add-movie-upload-icon{margin-bottom:12px}.add-movie-upload-text{color:#6b7280;font-size:14px;max-width:100%;overflow:hidden;padding:0 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.add-movie-preview-image{border-radius:6px;left:0;position:absolute;top:0}.add-movie-progress{background-color:#e5e7eb;height:4px;width:100%}.add-movie-progress-bar{background-color:#f59e0b;height:100%;transition:width .3s ease}.add-movie-upload-step{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px 20px}.add-movie-step-title{color:#000;font-size:20px;font-weight:600;margin-bottom:32px;text-align:center}.add-movie-upload-center{max-width:600px;width:100%}.add-movie-upload-box-large{min-height:300px;padding:48px 32px}.add-movie-upload-subtext{color:#9ca3af;font-size:13px;margin-top:8px;text-align:center}.add-movie-btn-previous{background-color:#fff;border-color:1px solid #9ca3af;color:#000}.add-movie-btn-previous:hover{background-color:#f9fafb;border-color:#9ca3af}.add-movie-btn-previous:active{transform:scale(.98)}.add-movie-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:right;padding:24px 32px}.add-movie-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 32px;transition:all .2s}.add-movie-btn-save{background-color:#f59e0b;border-color:#f59e0b;color:#000}.add-movie-btn-save:hover{background-color:#d97706;border-color:#d97706}.add-movie-btn-save:active{transform:scale(.98)}.add-movie-btn-close{background-color:#fff;border-color:#d1d5db;color:#000}.add-movie-btn-close:hover{background-color:#f9fafb;border-color:#9ca3af}.add-movie-btn-close:active{transform:scale(.98)}@media (max-width:1400px){.add-movie-modal{max-width:1100px}}@media (max-width:1200px){.add-movie-modal{max-width:900px}.add-movie-body,.add-movie-footer,.add-movie-header{padding:24px}}@media (max-width:1024px){.add-movie-modal{max-width:800px}.add-movie-row{grid-template-columns:repeat(2,1fr)}.add-movie-upload-box{min-height:160px;padding:24px 12px}}@media (max-width:768px){.add-movie-modal{max-height:95vh;max-width:95%}.add-movie-body,.add-movie-footer,.add-movie-header{padding:20px}.add-movie-title{font-size:22px}.add-movie-row{gap:16px;grid-template-columns:1fr}.add-movie-upload-box{min-height:140px;padding:20px 12px}.add-movie-upload-icon svg{height:40px;width:40px}.add-movie-upload-step{min-height:300px;padding:30px 16px}.add-movie-step-title{font-size:18px;margin-bottom:24px}.add-movie-upload-box-large{min-height:250px;padding:36px 24px}.add-movie-upload-center{max-width:100%}}@media (max-width:640px){.add-movie-modal{border-radius:8px;margin:10px;max-height:100vh}.add-movie-body,.add-movie-footer,.add-movie-header{padding:16px}.add-movie-title{font-size:20px}.add-movie-row{gap:14px;margin-bottom:20px}.add-movie-field label{font-size:13px;margin-bottom:6px}.add-movie-input,.add-movie-select,.add-movie-textarea{font-size:13px;padding:10px 14px}.add-movie-textarea{min-height:100px}.add-movie-upload-box{min-height:120px;padding:16px 10px}.add-movie-upload-icon svg{height:36px;width:36px}.add-movie-upload-text{font-size:13px}.add-movie-footer{flex-wrap:wrap;gap:10px}.add-movie-btn{font-size:13px;padding:10px 24px}.add-movie-upload-step{min-height:250px;padding:24px 12px}.add-movie-step-title{font-size:17px;margin-bottom:20px}.add-movie-upload-box-large{min-height:220px;padding:32px 20px}.add-movie-upload-box-large .add-movie-upload-icon svg{height:52px;width:52px}.add-movie-upload-subtext{font-size:12px}}@media (max-width:480px){.add-movie-modal-overlay{padding:10px}.add-movie-modal{border-radius:8px;margin:0;max-height:95vh}.add-movie-header{padding:14px 16px}.add-movie-body{padding:16px}.add-movie-footer{flex-wrap:wrap;padding:14px 16px}.add-movie-title{font-size:18px}.add-movie-close-btn{padding:6px}.add-movie-close-btn svg{height:20px;width:20px}.add-movie-row{gap:12px;margin-bottom:16px}.add-movie-field label{font-size:12px;margin-bottom:5px}.add-movie-input,.add-movie-select,.add-movie-textarea{border-radius:6px;font-size:12px;padding:9px 12px}.add-movie-textarea{min-height:90px}.add-movie-upload-box{border-radius:6px;min-height:100px;padding:12px 8px}.add-movie-upload-icon{margin-bottom:8px}.add-movie-upload-icon svg{height:32px;width:32px}.add-movie-upload-text{font-size:12px;padding:0 4px}.add-movie-btn{border-radius:6px;flex:1 1;font-size:14px;padding:11px 20px}.add-movie-btn-previous{flex:0 0 auto;min-width:90px}.add-movie-upload-step{min-height:220px;padding:20px 12px}.add-movie-step-title{font-size:16px;margin-bottom:16px}.add-movie-upload-box-large{min-height:180px;padding:28px 16px}.add-movie-upload-box-large .add-movie-upload-icon svg{height:48px;width:48px}.add-movie-upload-subtext{font-size:11px;margin-top:6px}}@media (max-width:360px){.add-movie-modal{max-height:98vh}.add-movie-body,.add-movie-footer,.add-movie-header{padding:12px}.add-movie-title{font-size:16px}.add-movie-row{gap:10px;margin-bottom:14px}.add-movie-upload-box{min-height:90px;padding:10px 6px}.add-movie-upload-icon svg{height:28px;width:28px}.add-movie-upload-text{font-size:11px}.add-movie-btn{font-size:13px;padding:10px 16px}}@media (max-height:600px) and (orientation:landscape){.add-movie-modal{max-height:95vh;overflow-y:auto}.add-movie-body,.add-movie-footer,.add-movie-header{padding:12px 20px}.add-movie-row{margin-bottom:12px}.add-movie-upload-box{min-height:100px;padding:12px}.add-movie-textarea{min-height:80px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.add-movie-modal{max-width:90%}.add-movie-row{grid-template-columns:repeat(3,1fr)}}@media (min-width:1600px){.add-movie-modal{max-width:1300px}.add-movie-body,.add-movie-footer,.add-movie-header{padding:32px 40px}.add-movie-title{font-size:26px}.add-movie-input,.add-movie-select,.add-movie-textarea{font-size:15px;padding:14px 18px}.add-movie-upload-box{min-height:200px;padding:36px 20px}.add-movie-upload-icon svg{height:52px;width:52px}.add-movie-upload-text{font-size:15px}.add-movie-btn{font-size:15px;padding:14px 36px}}.add-movie-checkbox-container{align-items:center;display:flex;gap:12px;padding:16px 0}.add-movie-checkbox{accent-color:#f59e0b;cursor:pointer;height:20px;width:20px}.add-movie-checkbox-label{color:#1f2937;cursor:pointer;font-size:14px;font-weight:500;margin:0;-webkit-user-select:none;user-select:none}@media (max-width:640px){.add-movie-checkbox-container{gap:10px;padding:12px 0}.add-movie-checkbox{height:18px;width:18px}.add-movie-checkbox-label{font-size:13px}}@media (max-width:480px){.add-movie-checkbox-container{gap:8px;padding:10px 0}.add-movie-checkbox{height:16px;width:16px}.add-movie-checkbox-label{font-size:12px}}.upload-loader-container{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.upload-loader{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.upload-loader-text{color:#3b82f6;font-size:14px;font-weight:600}.folder-icon-selected svg{animation:folderBounce .5s ease-out;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}@keyframes folderBounce{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.folder-selected{color:#059669!important;font-weight:600}progress{-webkit-appearance:none;appearance:none;border-radius:4px;overflow:hidden}progress::-webkit-progress-bar{background-color:#e5e7eb;border-radius:4px}progress::-webkit-progress-value{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;-webkit-transition:width .3s ease;transition:width .3s ease}progress::-moz-progress-bar{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px}.add-movie-upload-box:not(:has(img)):hover{background-color:#f0f9ff;border-color:#3b82f6;transition:all .3s ease}.add-movie-preview-image{animation:fadeIn .3s ease-in;border-radius:8px;height:100%;object-fit:contain;width:100%}p[style*="color: #10b981"],p[style*="color: rgb(16, 185, 129)"]{animation:slideUp .3s ease-out}.add-movie-upload-box-large:has(~.upload-loader-container){opacity:.6;pointer-events:none}.add-movie-file-input:disabled+label{cursor:not-allowed;opacity:.6}@media (max-width:768px){.upload-loader{border-width:3px;height:32px;width:32px}.upload-loader-text{font-size:12px}.folder-icon-selected svg{height:60px;width:60px}}*{font-family:Poppins,sans-serif;margin:0;padding:0}.edit-movie-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-movie-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:100%;overflow-y:auto;width:70%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.edit-movie-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 32px}.edit-movie-title{color:#000;font-size:24px;font-weight:600;margin:0}.edit-movie-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.edit-movie-close-btn:hover{background-color:#f3f4f6;color:#000}.edit-movie-body{padding:5%}.edit-movie-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.edit-movie-field{display:flex;flex-direction:column}.edit-movie-field-full{grid-column:1/-1}.edit-movie-field label{color:#000;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.edit-movie-input,.edit-movie-select,.edit-movie-textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s}.edit-movie-input:hover,.edit-movie-select:hover,.edit-movie-textarea:hover{border-color:#9ca3af}.edit-movie-input:focus,.edit-movie-select:focus,.edit-movie-textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-movie-input::placeholder,.edit-movie-textarea::placeholder{color:#9ca3af}.edit-movie-textarea{min-height:200px;resize:vertical}.edit-movie-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.edit-movie-upload{position:relative}.edit-movie-file-input{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.edit-movie-upload-box{align-items:center;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:32px 16px;position:relative;transition:all .2s}.edit-movie-upload-box:hover{background-color:#f3f4f6;border-color:#9ca3af}.edit-movie-upload-icon{margin-bottom:12px}.edit-movie-upload-text{color:#6b7280;font-size:14px;max-width:100%;overflow:hidden;padding:0 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.edit-movie-preview-image{border-radius:6px;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.edit-movie-progress{background-color:#e5e7eb;height:4px;width:100%}.edit-movie-progress-bar{background-color:#f59e0b;height:100%;transition:width .3s ease}.edit-movie-upload-step{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px 20px}.edit-movie-step-title{color:#000;font-size:20px;font-weight:600;margin-bottom:8px;text-align:center}.edit-movie-step-subtitle{color:#6b7280;font-size:14px;margin-bottom:24px;text-align:center}.edit-movie-upload-center{max-width:600px;width:100%}.edit-movie-upload-box-large{min-height:300px;padding:48px 32px}.edit-movie-upload-subtext{color:#9ca3af;font-size:13px;margin-top:8px;text-align:center}.edit-movie-btn-previous{background-color:#fff;border-color:1px solid #9ca3af;color:#000}.edit-movie-btn-previous:hover{background-color:#f9fafb;border-color:#9ca3af}.edit-movie-btn-previous:active{transform:scale(.98)}.edit-movie-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:right;padding:24px 32px}.edit-movie-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 32px;transition:all .2s}.edit-movie-btn-save{background-color:#f59e0b;border-color:#f59e0b;color:#000}.edit-movie-btn-save:hover{background-color:#d97706;border-color:#d97706}.edit-movie-btn-save:active{transform:scale(.98)}.edit-movie-btn-close{background-color:#fff;border-color:#d1d5db;color:#000}.edit-movie-btn-close:hover{background-color:#f9fafb;border-color:#9ca3af}.edit-movie-btn-close:active{transform:scale(.98)}@media (max-width:1400px){.edit-movie-modal{max-width:1100px}}@media (max-width:1200px){.edit-movie-modal{max-width:900px}.edit-movie-body,.edit-movie-footer,.edit-movie-header{padding:24px}}@media (max-width:1024px){.edit-movie-modal{max-width:800px}.edit-movie-row{grid-template-columns:repeat(2,1fr)}.edit-movie-upload-box{min-height:160px;padding:24px 12px}}@media (max-width:768px){.edit-movie-modal{max-height:95vh;max-width:95%}.edit-movie-body,.edit-movie-footer,.edit-movie-header{padding:20px}.edit-movie-title{font-size:22px}.edit-movie-row{gap:16px;grid-template-columns:1fr}.edit-movie-upload-box{min-height:140px;padding:20px 12px}.edit-movie-upload-icon svg{height:40px;width:40px}.edit-movie-upload-step{min-height:300px;padding:30px 16px}.edit-movie-step-title{font-size:18px;margin-bottom:6px}.edit-movie-step-subtitle{font-size:13px;margin-bottom:20px}.edit-movie-upload-box-large{min-height:250px;padding:36px 24px}.edit-movie-upload-center{max-width:100%}}@media (max-width:640px){.edit-movie-modal{border-radius:8px;margin:10px;max-height:100vh}.edit-movie-body,.edit-movie-footer,.edit-movie-header{padding:16px}.edit-movie-title{font-size:20px}.edit-movie-row{gap:14px;margin-bottom:20px}.edit-movie-field label{font-size:13px;margin-bottom:6px}.edit-movie-input,.edit-movie-select,.edit-movie-textarea{font-size:13px;padding:10px 14px}.edit-movie-textarea{min-height:100px}.edit-movie-upload-box{min-height:120px;padding:16px 10px}.edit-movie-upload-icon svg{height:36px;width:36px}.edit-movie-upload-text{font-size:13px}.edit-movie-footer{flex-wrap:wrap;gap:10px}.edit-movie-btn{font-size:13px;padding:10px 24px}.edit-movie-upload-step{min-height:250px;padding:24px 12px}.edit-movie-step-title{font-size:17px;margin-bottom:6px}.edit-movie-step-subtitle{font-size:12px;margin-bottom:16px}.edit-movie-upload-box-large{min-height:220px;padding:32px 20px}.edit-movie-upload-box-large .edit-movie-upload-icon svg{height:52px;width:52px}.edit-movie-upload-subtext{font-size:12px}}@media (max-width:480px){.edit-movie-modal-overlay{padding:10px}.edit-movie-modal{border-radius:8px;margin:0;max-height:95vh}.edit-movie-header{padding:14px 16px}.edit-movie-body{padding:16px}.edit-movie-footer{flex-wrap:wrap;padding:14px 16px}.edit-movie-title{font-size:18px}.edit-movie-close-btn{padding:6px}.edit-movie-close-btn svg{height:20px;width:20px}.edit-movie-row{gap:12px;margin-bottom:16px}.edit-movie-field label{font-size:12px;margin-bottom:5px}.edit-movie-input,.edit-movie-select,.edit-movie-textarea{border-radius:6px;font-size:12px;padding:9px 12px}.edit-movie-textarea{min-height:90px}.edit-movie-upload-box{border-radius:6px;min-height:100px;padding:12px 8px}.edit-movie-upload-icon{margin-bottom:8px}.edit-movie-upload-icon svg{height:32px;width:32px}.edit-movie-upload-text{font-size:12px;padding:0 4px}.edit-movie-btn{border-radius:6px;flex:1 1;font-size:14px;padding:11px 20px}.edit-movie-btn-previous{flex:0 0 auto;min-width:90px}.edit-movie-upload-step{min-height:220px;padding:20px 12px}.edit-movie-step-title{font-size:16px;margin-bottom:4px}.edit-movie-step-subtitle{font-size:11px;margin-bottom:12px}.edit-movie-upload-box-large{min-height:180px;padding:28px 16px}.edit-movie-upload-box-large .edit-movie-upload-icon svg{height:48px;width:48px}.edit-movie-upload-subtext{font-size:11px;margin-top:6px}}@media (max-width:360px){.edit-movie-modal{max-height:98vh}.edit-movie-body,.edit-movie-footer,.edit-movie-header{padding:12px}.edit-movie-title{font-size:16px}.edit-movie-row{gap:10px;margin-bottom:14px}.edit-movie-upload-box{min-height:90px;padding:10px 6px}.edit-movie-upload-icon svg{height:28px;width:28px}.edit-movie-upload-text{font-size:11px}.edit-movie-btn{font-size:13px;padding:10px 16px}}@media (max-height:600px) and (orientation:landscape){.edit-movie-modal{max-height:95vh;overflow-y:auto}.edit-movie-body,.edit-movie-footer,.edit-movie-header{padding:12px 20px}.edit-movie-row{margin-bottom:12px}.edit-movie-upload-box{min-height:100px;padding:12px}.edit-movie-textarea{min-height:80px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.edit-movie-modal{max-width:90%}.edit-movie-row{grid-template-columns:repeat(3,1fr)}}@media (min-width:1600px){.edit-movie-modal{max-width:1300px}.edit-movie-body,.edit-movie-footer,.edit-movie-header{padding:32px 40px}.edit-movie-title{font-size:26px}.edit-movie-input,.edit-movie-select,.edit-movie-textarea{font-size:15px;padding:14px 18px}.edit-movie-upload-box{min-height:200px;padding:36px 20px}.edit-movie-upload-icon svg{height:52px;width:52px}.edit-movie-upload-text{font-size:15px}.edit-movie-btn{font-size:15px;padding:14px 36px}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;border-radius:16px;box-shadow:0 10px 40px #00000026;flex-direction:column;max-height:90vh;max-width:750px;overflow:hidden;padding:0;width:90%}.modal-content,.modal-header{background-color:#fff;display:flex}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:24px 32px}.modal-header h2{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.modal-close-btn:hover{background-color:#f3f4f6;color:#1a1a1a}.modal-content form{flex:1 1;overflow-y:auto;padding:32px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.form-group{display:flex;flex-direction:column}.form-group label{color:#1a1a1a;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1a1a1a;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus{background-color:#fff;border-color:#9ca3af;outline:none}.form-group input::placeholder{color:#9ca3af}.select-wrapper{position:relative;width:100%}.select-wrapper select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1a1a1a;cursor:pointer;font-family:inherit;font-size:14px;padding:12px 40px 12px 16px;transition:all .2s;width:100%}.select-wrapper select:focus{border-color:#9ca3af;outline:none}.select-arrow{color:#6b7280;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.payment-history-section{margin-top:32px}.payment-history-title{color:#1a1a1a;font-size:15px;font-weight:600;margin-bottom:16px}.payment-history-table-wrapper{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.payment-history-table{border-collapse:collapse;width:100%}.payment-history-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.payment-history-table thead tr th{color:#374151;font-size:13px;font-weight:600;padding:12px 20px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.payment-history-table thead tr th.sortable{cursor:pointer;transition:background-color .2s}.payment-history-table thead tr th.sortable:hover{background-color:#f3f4f6}.sort-icon{color:#9ca3af;display:inline-block;margin-left:6px;vertical-align:middle}.payment-history-table tbody tr{border-bottom:1px solid #f3f4f6}.payment-history-table tbody tr:last-child{border-bottom:none}.payment-history-table tbody tr:hover{background-color:#f9fafb}.payment-history-table tbody td{color:#1a1a1a;font-size:14px;padding:14px 20px}.modal-content form::-webkit-scrollbar{width:6px}.modal-content form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content form::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.modal-content form::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.modal-content{max-width:none;width:95%}.modal-header{padding:20px 24px}.modal-header h2{font-size:18px}.modal-content form{padding:24px}.form-row{gap:20px;grid-template-columns:1fr;margin-bottom:20px}.payment-history-table-wrapper{overflow-x:auto}.payment-history-table{min-width:500px}.payment-history-table tbody td,.payment-history-table thead tr th{font-size:13px;padding:10px 12px}}@media (max-width:480px){.modal-header{padding:16px 20px}.modal-content form{padding:20px}.payment-history-title{font-size:15px}}.payment-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-modal-content{animation:slideUp .3s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;max-height:90vh;max-width:950px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 28px}.payment-modal-header h2{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.payment-modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.payment-modal-close-btn:hover{background-color:#f3f4f6;color:#1a1a1a}.payment-form{padding:32px 28px}.payment-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.payment-form-row:last-child{margin-bottom:0}.payment-form-group{display:flex;flex-direction:column}.payment-form-group label{color:#1a1a1a;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.payment-form-group input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1a1a1a;font-family:inherit;font-size:14px;height:42px;padding:10px 14px;transition:all .2s;width:100%}.payment-form-group input:focus{background-color:#fff;border-color:#9ca3af;outline:none}.payment-form-group input::placeholder{color:#9ca3af}.date-input-wrapper{position:relative;width:100%}.date-input-wrapper input[type=date]{padding-right:40px;width:100%}.date-input-wrapper input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;height:20px;opacity:0;position:absolute;right:14px;width:20px}.calendar-icon{color:#6b7280;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.payment-select-wrapper{position:relative;width:100%}.payment-select-wrapper select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1a1a1a;cursor:pointer;font-family:inherit;font-size:14px;height:42px;padding:10px 40px 10px 14px;transition:all .2s;width:100%}.payment-select-wrapper select:focus{border-color:#9ca3af;outline:none}.payment-select-arrow{color:#6b7280;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (max-width:1024px){.payment-modal-content{max-width:95%}.payment-form-row{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.payment-modal-content{max-width:none;width:95%}.payment-modal-header{padding:18px 24px}.payment-modal-header h2{font-size:16px}.payment-form{padding:24px}.payment-form-row{gap:16px;grid-template-columns:1fr;margin-bottom:20px}}@media (max-width:480px){.payment-modal-header{padding:16px 20px}.payment-form{padding:20px}.payment-form-group input,.payment-select-wrapper select{font-size:13px}}*{box-sizing:border-box;font-family:Arial,sans-serif}.login-container{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{max-width:380px;text-align:center;width:100%}.login-logo{margin-bottom:30px;max-width:100%;width:140px}.login-input{border:1px solid #ddd;border-radius:13px;color:#000;font-size:.9rem;margin-bottom:15px;outline:none;padding:14px 16px;width:100%}.password-wrapper{position:relative}.eye-icon{cursor:pointer;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.eye-img{height:20px;width:20px}.forgot-password{color:#000;font-size:.85rem;font-weight:400;margin-bottom:25px;text-align:right}.forgot-password,.login-button{cursor:pointer;font-family:Poppins,sans-serif}.login-button{background:linear-gradient(90deg,#f7c23e,#cfa21c);border:none;border-radius:5px;color:#fff;font-size:1rem;font-weight:600;padding:14px;width:100%}.login-button:hover{opacity:.9}.create-account{color:#f7c23e;font-size:.85rem;margin-top:20px}.create-account span{color:#000;cursor:pointer;font-family:Poppins,sans-serif;font-weight:400}@media (max-width:480px){.login-logo{width:100px}.login-input{font-size:.85rem;padding:12px 14px}.login-button{font-size:.95rem;padding:12px}.create-account,.forgot-password{font-size:.8rem}}@media (min-width:481px) and (max-width:768px){.login-box{max-width:420px}}@media (min-width:1200px){.login-box{max-width:420px}.login-input{font-size:1rem}.login-button{font-size:1.05rem}}
/*# sourceMappingURL=main.80cdda9a.css.map*/