@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}body{background:#f0f2f5;color:#2d3436}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b2bec3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#636e72}.panel-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #DFE6E9;position:sticky;top:0;z-index:90}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-icon.agent{background:linear-gradient(135deg,#00b894,#00cec9)}.topbar-icon.admin{background:linear-gradient(135deg,#1b3a5c,#2e86ab)}.topbar-left h2{font-family:Poppins,sans-serif;font-size:18px;font-weight:800;color:#1b3a5c}.topbar-left p{font-size:11px;color:#636e72;margin-top:-2px}.btn-logout{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #DFE6E9;border-radius:8px;background:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#636e72;cursor:pointer;transition:all .2s}.btn-logout:hover{border-color:#d63031;color:#d63031;background:#fff0f0}.panel-tabs{display:flex;gap:0;padding:0 24px;background:#fff;border-bottom:2px solid #E8EAED}.panel-tabs button{padding:12px 20px;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;background:none;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#636e72;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.panel-tabs button:hover{color:#1b3a5c}.tab-badge{background:#d63031;color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:10px;line-height:1}.panel-content{padding:24px;max-width:1200px;margin:0 auto}.success-banner{margin:12px 24px 0;padding:12px 16px;background:#d5f5e3;color:#00b894;border-radius:10px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.empty-state p{font-size:14px;font-weight:600}@media print{.panel-topbar,.panel-tabs,.aiv-actionbar{display:none!important}body{background:#fff}.invoice-page{margin:0!important;box-shadow:none!important}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f2440,#1b3a5c 40%,#2e86ab);padding:20px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:#d4a8430f;top:-200px;right:-200px}.login-container:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#2e86ab14;bottom:-150px;left:-100px}.login-card{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d;position:relative;z-index:1;transition:transform .3s}.login-card.shake{animation:shakeAnim .5s ease}@keyframes shakeAnim{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.login-header{text-align:center;margin-bottom:28px}.login-logo{width:64px;height:64px;background:linear-gradient(135deg,#1b3a5c,#2e86ab);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;color:#fff;box-shadow:0 8px 24px #1b3a5c4d}.login-header h1{font-family:Poppins,sans-serif;font-size:24px;font-weight:800;color:#1b3a5c;letter-spacing:.5px}.login-header p{font-size:13px;color:#636e72;margin-top:4px}.role-selector{display:flex;gap:12px;margin-bottom:24px}.role-btn{flex:1;padding:14px;border:2px solid #DFE6E9;border-radius:12px;background:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#636e72;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s}.role-btn:hover{border-color:#2e86ab;color:#2e86ab;background:#f8fafe}.role-btn.active{border-color:#1b3a5c;background:#1b3a5c;color:#fff;box-shadow:0 4px 12px #1b3a5c4d}.login-form{display:flex;flex-direction:column;gap:12px}.input-group{display:flex;align-items:center;border:2px solid #DFE6E9;border-radius:12px;padding:0 16px;transition:all .25s;background:#fff}.input-group:focus-within{border-color:#2e86ab;box-shadow:0 0 0 3px #2e86ab1a}.input-group.error{border-color:#d63031;box-shadow:0 0 0 3px #d630311a}.input-group i{color:#b2bec3;font-size:14px;flex-shrink:0}.input-group input{flex:1;border:none;padding:14px 12px;font-family:Inter,sans-serif;font-size:14px;outline:none;background:transparent;color:#2d3436}.input-group input::placeholder{color:#b2bec3}.login-error{background:#ffe5e5;color:#d63031;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px}.login-btn{padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#1b3a5c,#2e86ab);color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s;box-shadow:0 4px 12px #1b3a5c33}.login-btn:hover{opacity:.92;box-shadow:0 6px 20px #1b3a5c4d;transform:translateY(-1px)}.login-footer{text-align:center;margin-top:24px;font-size:11px;color:#b2bec3}.login-hint{text-align:center;font-size:11px;color:#b2bec3;margin-top:8px}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.invoice-page *{box-sizing:border-box;margin:0;padding:0}.invoice-page{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#2d3436;font-size:11px;line-height:1.5;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:210mm;background:#fff;box-shadow:0 10px 40px #00000026;position:relative;overflow:hidden}.invoice-page .top-bar{height:8px;background:linear-gradient(90deg,#1b3a5c,#2e86ab,#d4a843)}.invoice-page .watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-family:Poppins,sans-serif;font-size:80px;font-weight:800;color:#00000008;letter-spacing:10px;pointer-events:none;white-space:nowrap}.invoice-page .side-accent{position:absolute;right:0;top:80px;width:4px;height:200px;background:linear-gradient(180deg,#D4A843,#2E86AB,transparent);border-radius:2px 0 0 2px}.invoice-page .invoice-header{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 40px 20px}.invoice-page .company-info{display:flex;align-items:flex-start;gap:16px}.invoice-page .company-logo{width:70px;height:70px;object-fit:contain;border-radius:8px}.invoice-page .company-details h1{font-family:Poppins,sans-serif;font-size:18px;font-weight:800;color:#1b3a5c;letter-spacing:.5px;line-height:1.2}.invoice-page .company-details p{font-size:10px;color:#636e72;margin-top:2px;line-height:1.4;display:flex;align-items:center;gap:5px}.invoice-page .company-details p i{color:#2e86ab;font-size:9px;width:12px;text-align:center}.invoice-page .invoice-title-box{text-align:right}.invoice-page .invoice-title-box h2{font-family:Poppins,sans-serif;font-size:32px;font-weight:800;color:#1b3a5c;letter-spacing:3px;line-height:1}.invoice-page .invoice-number{margin-top:8px;background:#1b3a5c;color:#fff;padding:6px 18px;border-radius:20px;font-size:11px;font-weight:600;display:inline-block}.invoice-page .divider{height:2px;background:linear-gradient(90deg,#1B3A5C,#2E86AB,transparent);margin:0 40px}.invoice-page .bill-section{display:flex;justify-content:space-between;padding:20px 40px;gap:30px}.invoice-page .bill-box{flex:1}.invoice-page .bill-box-label{font-size:9px;font-weight:700;color:#2e86ab;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.invoice-page .bill-box h3{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#1b3a5c;margin-bottom:4px}.invoice-page .bill-box p{font-size:10.5px;color:#636e72;line-height:1.6}.invoice-page .invoice-meta{text-align:right}.invoice-page .meta-row{display:flex;justify-content:space-between;gap:20px;margin-bottom:5px;font-size:10.5px}.invoice-page .meta-row .label{color:#636e72;font-weight:500}.invoice-page .meta-row .value{color:#1b3a5c;font-weight:700}.invoice-page .meta-row .meta-readonly{color:#1b3a5c;font-weight:700;font-size:10.5px;letter-spacing:.2px}.invoice-page .inv-placeholder{opacity:.4;font-style:italic;letter-spacing:1px}.invoice-page .table-section{padding:0 40px}.invoice-page .section-title{font-family:Poppins,sans-serif;font-size:12px;font-weight:700;color:#1b3a5c;margin-bottom:10px;display:flex;align-items:center;gap:8px}.invoice-page .section-title .icon{width:22px;height:22px;background:#2e86ab;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.invoice-page .ticket-table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:10px}.invoice-page .ticket-table thead th{background:#1b3a5c;color:#fff;padding:10px 12px;text-align:left;font-weight:600;font-size:9.5px;text-transform:uppercase;letter-spacing:.5px}.invoice-page .ticket-table thead th:first-child{border-radius:6px 0 0}.invoice-page .ticket-table thead th:last-child{border-radius:0 6px 0 0;text-align:right}.invoice-page .ticket-table tbody td{padding:9px 12px;border-bottom:1px solid #DFE6E9;vertical-align:top}.invoice-page .ticket-table tbody tr:nth-child(2n){background:#f8fafe}.invoice-page .col-no{width:5%;text-align:center}.invoice-page .col-route,.invoice-page .col-pax{width:22%}.invoice-page .col-airline,.invoice-page .col-date{width:12%}.invoice-page .col-class{width:8%;text-align:center}.invoice-page .col-qty{width:7%;text-align:center}.invoice-page .col-price{width:12%;text-align:right}.invoice-page .route-code{font-weight:700;color:#1b3a5c;font-size:11px}.invoice-page .route-detail{color:#636e72;font-size:9px;margin-top:2px}.invoice-page .pax-name{font-weight:600;color:#2d3436}.invoice-page .pax-type{font-size:8.5px;color:#2e86ab;font-weight:600;background:#e8f4f8;padding:1px 6px;border-radius:3px;display:inline-block;margin-top:2px}.invoice-page .airline-name{font-weight:600;color:#2d3436}.invoice-page .flight-code{font-size:9px;color:#636e72}.invoice-page .price-cell{text-align:right;font-weight:600;color:#1b3a5c;white-space:nowrap}.invoice-page .summary-section{display:flex;justify-content:space-between;padding:0 40px 16px;gap:30px}.invoice-page .summary-notes{flex:1}.invoice-page .summary-notes h4{font-size:10px;font-weight:700;color:#1b3a5c;margin-bottom:6px}.invoice-page .summary-notes p,.invoice-page .summary-notes li{font-size:9.5px;color:#636e72;line-height:1.6}.invoice-page .summary-notes ul{padding-left:14px}.invoice-page .summary-totals{width:280px;flex-shrink:0;margin-left:auto}.invoice-page .total-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #DFE6E9;font-size:10.5px}.invoice-page .total-row .label{color:#636e72}.invoice-page .total-row .value{font-weight:600;color:#2d3436}.invoice-page .total-row.discount .value{color:#00b894}.invoice-page .total-row.grand-total{border-bottom:none;border-top:2px solid #1B3A5C;margin-top:4px;padding-top:10px}.invoice-page .total-row.grand-total .label{font-size:13px;font-weight:800;color:#1b3a5c}.invoice-page .total-row.grand-total .value{font-size:16px;font-weight:800;color:#1b3a5c}.invoice-page .terbilang-box{margin:0 40px 16px;background:#e8f4f8;border-left:4px solid #2E86AB;padding:10px 16px;border-radius:0 6px 6px 0}.invoice-page .terbilang-box .label{font-size:8.5px;font-weight:700;color:#2e86ab;text-transform:uppercase;letter-spacing:1px}.invoice-page .terbilang-box .text{font-size:11px;font-weight:600;color:#1b3a5c;font-style:italic}.invoice-page .payment-section{margin:0 40px 16px;background:#f8fafe;border:1px solid #DFE6E9;border-radius:8px;padding:14px 18px}.invoice-page .payment-section h4{font-size:10px;font-weight:700;color:#1b3a5c;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.invoice-page .bank-info{display:flex;gap:30px}.invoice-page .bank-item{flex:1}.invoice-page .bank-item .bank-name{font-weight:700;color:#2d3436;font-size:11px}.invoice-page .bank-item .bank-detail{font-size:10px;color:#636e72;margin-top:2px}.invoice-page .bank-item .account-number{font-size:13px;font-weight:800;color:#1b3a5c;margin-top:2px;letter-spacing:1px}.invoice-page .terms-section{margin:0 40px 10px;padding:10px 14px;border:1px dashed #DFE6E9;border-radius:6px}.invoice-page .terms-section h4{font-size:9px;font-weight:700;color:#1b3a5c;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.invoice-page .terms-section p{font-size:8.5px;color:#636e72;line-height:1.5}.invoice-page .signature-section{display:flex;justify-content:flex-end;padding:10px 40px 20px;gap:30px}.invoice-page .sig-box{text-align:center;width:200px}.invoice-page .sig-box .sig-title{font-size:9.5px;color:#636e72;margin-bottom:4px}.invoice-page .sig-box .sig-image{height:60px;position:relative;display:flex;align-items:center;justify-content:center}.invoice-page .sig-box .sig-image img{max-height:55px;object-fit:contain}.invoice-page .stamp-overlay{position:absolute;width:90px;height:90px;object-fit:contain;opacity:.4;transform:rotate(-12deg);top:-15px;left:50%;margin-left:-45px}.invoice-page .sig-box .sig-name{font-size:11px;font-weight:700;color:#1b3a5c;border-top:2px solid #1B3A5C;padding-top:4px;display:inline-block;min-width:150px}.invoice-page .sig-box .sig-position{font-size:9px;color:#636e72;margin-top:2px}.invoice-page .invoice-footer{background:#1b3a5c;padding:12px 40px;display:flex;justify-content:space-between;align-items:center;color:#ffffffb3;font-size:9px}.invoice-page .invoice-footer a{color:#d4a843;text-decoration:none}.invoice-page .invoice-footer strong{color:#fff}.invoice-page .footer-right{text-align:right}.aiv-container{min-height:100vh;background:#f0f2f5}.aiv-actionbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border-bottom:1px solid #DFE6E9;box-shadow:0 2px 8px #0000000a}.aiv-back{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #DFE6E9;border-radius:8px;background:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#636e72;cursor:pointer;transition:all .2s}.aiv-back:hover{border-color:#1b3a5c;color:#1b3a5c;background:#f8f9fa}.aiv-actions-center{display:flex;align-items:center;gap:8px}.custom-status-select{position:relative}.css-trigger{display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid #DFE6E9;border-radius:8px;background:#f8f9fa;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#1b3a5c;cursor:pointer;transition:all .2s}.css-trigger:hover{border-color:#2e86ab;background:#fff}.css-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.css-arrow{font-size:10px;color:#636e72;margin-left:2px}.css-dropdown{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:200;background:#fff;border:1px solid #DFE6E9;border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:4px;min-width:180px;animation:dropIn .15s ease-out}@keyframes dropIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.css-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;border:none;border-radius:7px;background:none;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#2d3436;cursor:pointer;transition:background .15s}.css-option:hover{background:#f0f2f5}.css-option.active{background:#e8f4fd;color:#1b3a5c}.aiv-actions-right{display:flex;align-items:center;gap:8px}.aiv-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.aiv-btn.secondary{background:#f0f2f5;color:#636e72;border:1px solid #DFE6E9}.aiv-btn.secondary:hover{background:#e8eaed;color:#1b3a5c}.aiv-btn.primary{background:linear-gradient(135deg,#d63031,#e84393);color:#fff}.aiv-btn.primary:hover{opacity:.9}.aiv-btn.primary:disabled{opacity:.6;cursor:not-allowed}.aiv-btn.warning{background:linear-gradient(135deg,#fdcb6e,#f39c12);color:#2d3436}.aiv-btn.warning:hover{opacity:.9}.aiv-btn.toggle{font-size:12px;padding:6px 12px;border-radius:6px;border:1px solid #DFE6E9;transition:all .2s}.aiv-btn.toggle-on{background:#dff9fb;color:#2e86ab;border-color:#2e86ab}.aiv-btn.toggle-on:hover{background:#c7ecee}.aiv-btn.toggle-off{background:#f0f2f5;color:#b2bec3;border-color:#dfe6e9}.aiv-btn.toggle-off:hover{background:#e8eaed;color:#636e72}.aiv-separator{width:1px;height:24px;background:#dfe6e9;margin:0 4px}.aiv-preview-area{padding:30px 20px;display:flex;justify-content:center;min-height:calc(100vh - 60px)}.aiv-preview-area .invoice-page{width:210mm;max-width:100%}.ef{cursor:pointer;border-bottom:1px dashed transparent;padding:1px 3px;border-radius:2px;transition:all .15s;min-width:30px;display:inline-block}.ef:hover{border-bottom-color:#2e86ab;background:#2e86ab0f}.ef.empty{color:#b2bec3;font-style:italic}.ef.empty:hover{color:#2e86ab}.ef-currency{font-variant-numeric:tabular-nums}.ei{border:1px solid #2E86AB;border-radius:4px;padding:2px 5px;font:inherit;color:inherit;background:#fff;outline:none;box-shadow:0 0 0 2px #2e86ab1f;min-width:40px}.ei:focus{border-color:#1b3a5c;box-shadow:0 0 0 3px #1b3a5c26}.ei-currency{text-align:right;font-variant-numeric:tabular-nums}.ef input[type=date],.ei[type=date]{width:auto;min-width:130px}.inv-num-edit{font-size:13px;font-weight:700;letter-spacing:.5px}.status-note-edit{font-size:10px}.route-edit{font-weight:700;letter-spacing:1px}.ef-select{cursor:pointer;position:relative}.ef-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:50;background:#fff;border:1px solid #DFE6E9;border-radius:8px;box-shadow:0 8px 20px #0000001f;padding:4px;min-width:150px}.ef-opt{padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.ef-opt:hover{background:#f0f2f5}.ef-opt.active{background:#e8f4fd;color:#1b3a5c}.flight-info-bar{display:flex;margin:0 40px 18px;border:1.5px solid #2E86AB;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#2e86ab0a,#1b3a5c0a)}.fi-item{flex:1;padding:10px 14px;text-align:center;border-right:1px solid rgba(46,134,171,.2);display:flex;flex-direction:column;gap:2px}.fi-item:last-child{border-right:none}.fi-label{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:#2e86ab}.fi-value{font-size:14px;font-weight:700;color:#1b3a5c;line-height:1.3}.fi-pax{font-size:20px;color:#2e86ab}.ticket-table.new-layout .col-no{width:6%;text-align:center}.ticket-table.new-layout .col-name{width:44%}.ticket-table.new-layout .col-ref{width:22%;text-align:center}.ticket-table.new-layout .col-price,.ticket-table.new-layout .price-cell{width:28%;text-align:right}.ticket-table.new-layout td.col-name{padding:10px 12px}.pax-name{font-weight:700;font-size:12px;color:#1b3a5c;margin-bottom:3px}.pax-type{display:inline-block;padding:1px 8px;font-size:9px;font-weight:800;letter-spacing:1px;border-radius:4px;margin-bottom:3px;background:#0984e3;color:#fff}.pax-sub{font-size:9px;color:#636e72;line-height:1.5}.ticket-table.new-layout .price-cell{vertical-align:middle;font-weight:700;font-size:13px;color:#1b3a5c;text-align:right;padding-right:14px}.ticket-table.new-layout .price-cell .ef,.ticket-table.new-layout .price-cell .ei{text-align:right}.ticket-table.new-layout td.col-ref{vertical-align:middle;font-size:14px;letter-spacing:1px}.pdf-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.pdf-box{background:#fff;border-radius:16px;padding:30px 40px;text-align:center;box-shadow:0 10px 40px #0003}.pdf-box i{font-size:28px;color:#2e86ab;margin-bottom:10px}.pdf-box p{font-size:14px;font-weight:600;color:#1b3a5c}.price-masked{font-family:Inter,sans-serif;font-weight:600;color:#b2bec3;letter-spacing:2px}.cf{position:relative;cursor:pointer;border-bottom:1px dashed transparent;transition:all .15s;border-radius:2px;padding:0 2px}.cf:hover{background:#dff9fb;border-bottom-color:#2e86ab}.cf.cf-empty{color:#b2bec3;cursor:default}.cf.cf-empty:hover{background:none;border-bottom-color:transparent}.cf-inline{font-size:inherit}.cf-toast{position:absolute;top:-26px;left:50%;transform:translate(-50%);background:#00b894;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap;pointer-events:none;animation:cfFadeIn .15s ease;z-index:10}.cf-toast i{margin-right:3px}@keyframes cfFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media print{.aiv-actionbar{display:none!important}.aiv-preview-area{padding:0}.ef,.ef:hover{border-bottom:none!important;background:none!important}.cf{border-bottom:none!important;cursor:default!important}.cf:hover{background:none!important;border-bottom-color:transparent!important}.cf-toast{display:none!important}.flight-info-bar{border-color:#ccc}}@media(max-width:768px){.aiv-actionbar{flex-wrap:wrap;gap:8px;padding:10px 16px}.aiv-actions-right{flex-wrap:wrap;gap:6px}.aiv-btn span{display:none}.aiv-preview-area:not(.aiv-zoom-area){padding:12px 8px}.aiv-preview-area:not(.aiv-zoom-area) .flight-info-bar{flex-wrap:wrap;margin:0 16px 12px}.aiv-preview-area:not(.aiv-zoom-area) .fi-item{flex:1 1 33%;border-bottom:1px solid rgba(46,134,171,.2)}}.agent-edit-title{font-family:Inter,sans-serif;font-size:15px;font-weight:700;color:#1b3a5c;display:flex;align-items:center;gap:8px}.agent-edit-form-wrap{max-width:860px;margin:24px auto;padding:0 20px}.agent-edit-form-wrap .booking-form{background:transparent;padding:0}.agent-status-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:2px solid;border-radius:20px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;background:#fff}.agent-add-pax-btn{display:flex;align-items:center;gap:6px;margin:8px 40px 0;padding:6px 14px;border:1px dashed #2E86AB;border-radius:6px;background:transparent;color:#2e86ab;font-family:Inter,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.agent-add-pax-btn:hover{background:#e8f4fd}.pax-del-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background:#fde8e8;color:#d63031;font-size:9px;cursor:pointer;margin-left:6px;opacity:0;transition:opacity .2s}tr:hover .pax-del-btn{opacity:1}.pax-del-btn:hover{background:#d63031;color:#fff}.pax-edit-row{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:9px;color:#636e72}.pax-edit-row label{font-weight:600;color:#888}.pax-edit-row .ef,.pax-edit-row .ei{font-size:9px;padding:1px 4px}.agent-notes-edit{margin-top:10px;border-top:1px solid #E8ECF0;padding-top:8px}.agent-notes-edit label{display:block;font-size:10px;font-weight:600;color:#636e72;margin-bottom:4px}.agent-notes-edit textarea{width:100%;min-height:48px;padding:6px 8px;border:1px solid #DFE6E9;border-radius:6px;font-family:Inter,sans-serif;font-size:10px;resize:vertical;outline:none;transition:border-color .2s}.agent-notes-edit textarea:focus{border-color:#2e86ab}@media print{.agent-add-pax-btn,.pax-del-btn,.pax-edit-row,.agent-notes-edit{display:none!important}}.aiv-zoom-area{position:relative;padding:0!important;background:#e8ecf0;overflow:hidden}.zoom-wrapper{width:100%!important;height:calc(100vh - 60px)!important}.zoom-content{display:flex;justify-content:center;width:100%}.invoice-page-zoomed{width:210mm!important;max-width:none!important;min-width:210mm}.invoice-zoom-controls{position:fixed;bottom:24px;right:16px;z-index:150;display:flex;flex-direction:column;gap:8px}.invoice-zoom-controls button{width:44px;height:44px;border:none;border-radius:50%;background:#fff;color:#1b3a5c;font-size:18px;box-shadow:0 4px 16px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.invoice-zoom-controls button:hover{background:#1b3a5c;color:#fff}.invoice-zoom-controls button:active{transform:scale(.92)}@media(min-width:901px){.invoice-zoom-controls{display:none}}.panel-container{min-height:100vh;background:#f0f3f7}.panel-topbar{background:#fff;border-bottom:1px solid #DFE6E9;padding:14px max(28px,(100% - 1200px) / 2 + 28px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 1px 4px #0000000a}.topbar-left{display:flex;align-items:center;flex:0 0 auto}.topbar-center{flex:1;text-align:center}.topbar-right{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}.topbar-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.topbar-icon.agent-icon{background:linear-gradient(135deg,#2e86ab,#3da3ca)}.topbar-icon.admin-icon{background:linear-gradient(135deg,#1b3a5c,#2e86ab)}.topbar-left h2,.topbar-center h2{font-family:Poppins,sans-serif;font-size:17px;font-weight:700;color:#1b3a5c;line-height:1.2}.topbar-left p,.topbar-center p{font-size:11px;color:#636e72}.btn-logout{padding:8px 18px;border:1.5px solid #DFE6E9;border-radius:8px;background:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#636e72;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-logout:hover{border-color:#d63031;color:#d63031;background:#fff5f5}.agent-stats{display:flex;gap:14px;max-width:1200px;margin:0 auto;padding:20px 28px 0}.agent-stat{flex:1;display:flex;flex-direction:column;gap:4px;padding:16px 20px;background:#fff;border-radius:12px;border-left:4px solid var(--as-accent, #1B3A5C);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 4px #0000000a;position:relative;overflow:hidden}.agent-stat:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.agent-stat.as-active{box-shadow:0 4px 16px #0000001a!important;border-left-width:5px}.agent-stat.as-active:after{content:"";position:absolute;inset:0;background:var(--as-accent, #1B3A5C);opacity:.04;pointer-events:none}.as-num{font-family:Poppins,sans-serif;font-size:26px;font-weight:800;line-height:1;color:#1b3a5c}.as-label{font-size:12px;font-weight:500;color:#636e72;line-height:1.3}.panel-tabs{display:flex;gap:0;background:#fff;border-bottom:2px solid #DFE6E9;padding:0 max(28px,(100% - 1200px) / 2 + 28px)}.panel-tabs button{padding:12px 20px;border:none;background:none;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#636e72;cursor:pointer;display:flex;align-items:center;gap:6px;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.panel-tabs button:hover{color:#2e86ab}.panel-tabs button.active{color:#1b3a5c;border-bottom-color:#1b3a5c}.tab-badge{background:#1b3a5c;color:#fff;padding:1px 7px;border-radius:10px;font-size:10px;font-weight:700;margin-left:2px}.panel-content{max-width:1200px;margin:0 auto;padding:24px 28px 60px}.success-banner{max-width:1200px;margin:16px auto 0;padding:12px 20px;background:#e6fff6;border:1px solid #00B894;color:#00896e;border-radius:10px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bf-top{display:grid;grid-template-columns:340px 1fr;gap:16px;margin-bottom:16px;align-items:start}.bf-top>.form-section{margin-bottom:0}.notes-inline{margin-top:16px;padding-top:14px;border-top:1px solid #E8ECF1;display:flex;flex-direction:column;gap:4px}.notes-inline label{font-size:11px;font-weight:600;color:#636e72;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.notes-inline label i{color:#2e86ab;font-size:12px}.notes-inline textarea{padding:9px 12px;border:1.5px solid #DFE6E9;border-radius:8px;font-family:Inter,sans-serif;font-size:13px;color:#2d3436;outline:none;transition:all .2s;background:#fff;width:100%;min-height:60px;resize:vertical}.notes-inline textarea:focus{border-color:#2e86ab;box-shadow:0 0 0 3px #2e86ab1a}.notes-inline textarea::placeholder{color:#b2bec3}.ac-wrap{position:relative}.ac-wrap input{font-weight:500}.ac-wrap input:not(:focus){letter-spacing:.2px}.ac-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1.5px solid #DFE6E9;border-radius:10px;box-shadow:0 10px 30px #0000001f;z-index:100;max-height:240px;overflow-y:auto}.ac-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .12s;border-bottom:1px solid #F0F2F5}.ac-item:last-child{border-bottom:none}.ac-item:hover{background:#f0f5fa}.ac-code{background:#1b3a5c;color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:5px;letter-spacing:.5px;flex-shrink:0}.ac-info{font-size:12px;color:#2d3436;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-picker{display:flex;align-items:center;gap:6px}.time-picker select{padding:8px 10px;border:1.5px solid #DFE6E9;border-radius:7px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#2d3436;background:#fff;cursor:pointer;outline:none;transition:border-color .2s;min-width:60px}.time-picker select:focus{border-color:#2e86ab;box-shadow:0 0 0 2px #2e86ab1a}.time-sep{font-size:16px;font-weight:800;color:#636e72}.pax-import-toggle{margin-bottom:12px}.pax-import-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1.5px dashed #2E86AB;border-radius:8px;background:#f0f9ff;color:#2e86ab;font-family:Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.pax-import-btn:hover{background:#e0f2fe;border-color:#1b3a5c;color:#1b3a5c}.pax-import-btn.active{background:#2e86ab;color:#fff;border-style:solid}.pax-import-box{background:#f0f9ff;border:1.5px solid #C3E0F0;border-radius:10px;padding:14px;margin-bottom:14px;animation:importSlide .2s ease-out}@keyframes importSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pax-import-row{display:flex;gap:8px}.pax-import-input-wrap{flex:1;display:flex;align-items:center;gap:8px;padding:0 12px;background:#fff;border:1.5px solid #DFE6E9;border-radius:8px;transition:border-color .2s}.pax-import-input-wrap:focus-within{border-color:#2e86ab;box-shadow:0 0 0 3px #2e86ab1a}.pax-import-input-wrap i{color:#b2bec3;font-size:13px}.pax-import-input-wrap input{flex:1;border:none;outline:none;padding:9px 0;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#1b3a5c;background:transparent;letter-spacing:.3px}.pax-import-input-wrap input::placeholder{color:#b2bec3;font-weight:400}.pax-import-search{display:flex;align-items:center;gap:6px;padding:9px 16px;border:none;border-radius:8px;background:#2e86ab;color:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.pax-import-search:hover{background:#1b3a5c}.pax-import-error{margin-top:8px;padding:8px 12px;background:#fff0f0;border:1px solid #FFD4D4;border-radius:6px;color:#d63031;font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px}.pax-import-preview{margin-top:10px;background:#fff;border:1.5px solid #C3E0F0;border-radius:8px;overflow:hidden}.pax-import-info{padding:10px 14px;border-bottom:1px solid #E8ECF0}.pax-import-inv{font-size:13px;font-weight:700;color:#1b3a5c;display:flex;align-items:center;gap:6px}.pax-import-inv i{color:#2e86ab}.pax-import-meta{font-size:11px;color:#636e72;margin-top:3px}.pax-import-list{padding:6px 0}.pax-import-item{display:flex;align-items:center;gap:10px;padding:6px 14px;font-size:12px}.pax-import-item:nth-child(2n){background:#f8fafe}.pax-import-num{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#e8ecf0;border-radius:50%;font-size:10px;font-weight:700;color:#636e72;flex-shrink:0}.pax-import-name{flex:1;font-weight:600;color:#2d3436}.pax-import-type{font-size:10px;font-weight:600;color:#2e86ab;background:#e8f4f8;padding:2px 8px;border-radius:4px}.pax-import-confirm{width:100%;padding:10px;border:none;border-top:1px solid #E8ECF0;background:linear-gradient(135deg,#00b894,#00a085);color:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}.pax-import-confirm:hover{opacity:.9}.pax-table-head{display:flex;align-items:center;gap:8px;padding:0 10px 8px;border-bottom:2px solid #E8ECF1;margin-bottom:6px}.pax-table-head span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#636e72}.pth-title{width:80px;flex-shrink:0}.pth-name{flex:2.5;min-width:0}.pth-type{width:150px;flex-shrink:0}.pth-cell{flex:1;min-width:0}.pth-act{width:36px;flex-shrink:0}.pax-row{display:flex;align-items:center;gap:8px;padding:10px;background:linear-gradient(135deg,#f8fafe,#f0f5fa);border:1px solid #E2E9F0;border-radius:10px;margin-bottom:6px;transition:all .2s}.pax-row:hover{background:linear-gradient(135deg,#eef4fa,#e6eff8);box-shadow:0 3px 12px #2e86ab14;border-color:#c8d8e8}.pth-ico{width:28px;flex-shrink:0}.pax-ico{width:28px;height:28px;border-radius:8px;background:#1b3a5c;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pax-cell{flex:1;min-width:0}.pax-cell.pax-name{flex:2.5}.pax-dd{position:relative;flex-shrink:0}.pax-dd-title{width:80px}.pax-dd-type{width:150px}.pax-cell input{width:100%;padding:7px 10px;border:1.5px solid #DFE6E9;border-radius:7px;font-family:Inter,sans-serif;font-size:12px;color:#2d3436;outline:none;transition:all .2s;background:#fff}.pax-cell input:focus{border-color:#2e86ab;box-shadow:0 0 0 2px #2e86ab1a}.pax-cell input::placeholder{color:#b2bec3}.pax-act{width:36px;flex-shrink:0;display:flex;justify-content:center}.form-section{background:#fff;border:1px solid #DFE6E9;border-radius:14px;padding:20px;margin-bottom:16px}.form-section h3{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#1b3a5c;display:flex;align-items:center;gap:8px;margin-bottom:16px}.si{width:28px;height:28px;background:#2e86ab;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:13px;flex-shrink:0}.fg{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fg.c3{grid-template-columns:1fr 1fr 1fr}.fi{display:flex;flex-direction:column;gap:4px}.fi.full{grid-column:1 / -1}.fi.span2{grid-column:span 2}.fi label{font-size:11px;font-weight:600;color:#636e72;text-transform:uppercase;letter-spacing:.5px}.fi input,.fi select,.form-section textarea{padding:9px 12px;border:1.5px solid #DFE6E9;border-radius:8px;font-family:Inter,sans-serif;font-size:13px;color:#2d3436;outline:none;transition:all .2s;background:#fff;width:100%}.fi input:focus,.fi select:focus,.form-section textarea:focus{border-color:#2e86ab;box-shadow:0 0 0 3px #2e86ab1a}.fi input::placeholder{color:#b2bec3}.form-section textarea{min-height:70px;resize:vertical;width:100%}.quick-actions{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.quick-actions button{padding:6px 14px;border:1.5px solid #DFE6E9;border-radius:20px;background:#fff;color:#636e72;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.quick-actions button:hover{border-color:#2e86ab;color:#2e86ab;background:#e8f4f8}.pax-card{background:#f8fafe;border:1px solid #E8ECF1;border-radius:10px;padding:14px;margin-bottom:10px}.pax-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px;font-weight:700;color:#1b3a5c}.pax-num{background:#1b3a5c;color:#fff;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;margin-right:6px}.btn-del{background:none;border:1.5px solid #D63031;color:#d63031;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:11px;transition:all .2s}.btn-del:hover{background:#d63031;color:#fff}.btn-add-pax{width:100%;padding:10px;border:2px dashed #2E86AB;border-radius:10px;background:transparent;color:#2e86ab;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;margin-top:8px}.btn-add-pax:hover{background:#e8f4f8}.btn-submit{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#1b3a5c,#2e86ab);color:#fff;font-family:Inter,sans-serif;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 4px 16px #1b3a5c40;margin-top:8px}.btn-submit:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px #1b3a5c4d}.booking-list{display:flex;flex-direction:column;gap:6px}.bl-search{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #E8ECF0;border-radius:10px;padding:10px 14px;margin-bottom:6px;transition:border-color .15s}.bl-search:focus-within{border-color:#2e86ab;box-shadow:0 0 0 3px #2e86ab14}.bl-search i{color:#b2bec3;font-size:14px;flex-shrink:0}.bl-search input{flex:1;border:none;outline:none;font-family:Inter,sans-serif;font-size:13px;color:#2d3436;background:transparent}.bl-search input::placeholder{color:#b2bec3}.bl-search-clear{border:none;background:none;color:#b2bec3;cursor:pointer;padding:2px;font-size:13px;display:flex;align-items:center;transition:color .15s}.bl-search-clear:hover{color:#d63031}.booking-card{background:#fff;border:1px solid #E8ECF0;border-radius:10px;padding:0;display:flex;align-items:stretch;cursor:pointer;transition:all .15s;overflow:hidden}.booking-card:hover{border-color:#c8d6e5;box-shadow:0 2px 8px #0000000f}.bc-left{display:flex;align-items:center;justify-content:center;padding:10px 14px;flex-shrink:0}.booking-card.status-pending .bc-left{background:#fffcf0}.booking-card.status-confirmed .bc-left{background:#f0f8fb}.booking-card.status-completed .bc-left{background:#f0fff8}.booking-card.status-cancelled .bc-left{background:#fff5f5}.route-tag{background:#1b3a5c;color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.3px;white-space:nowrap}.bc-main{flex:1;min-width:0;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:3px}.bc-row1{display:flex;align-items:center;gap:8px}.bc-customer{font-size:13px;font-weight:700;color:#1b3a5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;white-space:nowrap;flex-shrink:0}.badge.pending{background:#fff3d0;color:#b8860b}.badge.confirmed{background:#d8f0f8;color:#1a6e8c}.badge.completed{background:#d4f5e6;color:#00896e}.badge.cancelled{background:#ffe5e5;color:#d63031}.bc-row2{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.flight-tag{background:#e8f4f8;color:#2e86ab;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700}.bc-meta{font-size:11px;color:#8395a7}.bc-meta:before{content:"·";margin-right:6px;color:#c8d6e5;font-weight:700}.bc-invoice{font-size:12px;font-weight:700;color:#2e86ab;letter-spacing:.3px;display:flex;align-items:center;gap:5px}.bc-invoice i{font-size:10px;opacity:.7}.bc-arrow{display:flex;align-items:center;padding:0 14px;color:#c8d6e5;font-size:12px;flex-shrink:0}.booking-card:hover .bc-arrow{color:#2e86ab}.bl-info{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8395a7;padding:0 2px 4px}.bl-clear{border:none;background:none;color:#d63031;font-family:Inter,sans-serif;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;transition:background .15s}.bl-clear:hover{background:#ffe5e5}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:16px 0 4px}.pg-btn{min-width:36px;height:36px;border:1px solid #E8ECF0;border-radius:8px;background:#fff;color:#636e72;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.pg-btn:hover:not(:disabled){border-color:#2e86ab;color:#2e86ab;background:#f0f8fb}.pg-btn:disabled{opacity:.35;cursor:not-allowed}.pg-btn.pg-active{background:#1b3a5c;border-color:#1b3a5c;color:#fff}.pg-dots{padding:0 4px;color:#b2bec3;font-size:13px;-webkit-user-select:none;user-select:none}.empty-state{text-align:center;padding:60px 20px;color:#b2bec3}.empty-state i{font-size:48px;margin-bottom:12px;display:block}.empty-state p{font-size:15px;font-weight:600;margin-bottom:16px}.empty-state button{padding:10px 24px;border:2px solid #2E86AB;border-radius:10px;background:#fff;color:#2e86ab;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.empty-state button:hover{background:#2e86ab;color:#fff}.mobile-bottom-nav{display:none}@media(max-width:900px){.panel-tabs,.btn-logout{display:none!important}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;background:#fff;border-top:1px solid #DFE6E9;box-shadow:0 -2px 12px #00000014;padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom));justify-content:space-around;align-items:stretch}.mobile-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border:none;background:none;cursor:pointer;font-family:Inter,sans-serif;position:relative;transition:all .2s}.mobile-bottom-nav button i{font-size:18px;color:#b2bec3;transition:color .2s}.mobile-bottom-nav button span{font-size:10px;font-weight:600;color:#b2bec3;letter-spacing:.2px;transition:color .2s}.mobile-bottom-nav button.active i,.mobile-bottom-nav button.active span{color:#1b3a5c}.mobile-bottom-nav button.active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;background:#1b3a5c;border-radius:0 0 3px 3px}.mobile-bottom-nav button:hover i,.mobile-bottom-nav button:hover span{color:#2e86ab}.mobile-bottom-nav .bnav-logout i,.mobile-bottom-nav .bnav-logout span{color:#b2bec3}.mobile-bottom-nav .bnav-logout:hover i,.mobile-bottom-nav .bnav-logout:hover span{color:#d63031}.bnav-badge{position:absolute;top:2px;right:calc(50% - 20px);background:#d63031;color:#fff!important;font-size:9px!important;font-weight:700;padding:1px 5px;border-radius:8px;min-width:14px;text-align:center;line-height:1.3}.panel-content{padding-bottom:90px!important}.agent-stats{display:flex;gap:6px;padding:10px 12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.agent-stats::-webkit-scrollbar{display:none}.agent-stat{flex:0 0 auto;flex-direction:row;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border-left-width:3px;min-width:0}.agent-stat.as-full{grid-column:unset}.as-num{font-size:16px;font-weight:800}.as-label{font-size:10px;white-space:nowrap}.bf-top{grid-template-columns:1fr}.pax-table-head{display:none}.pax-row{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"head   head" "name   name" "title  type" "dob    passport" "expiry .";gap:8px;padding:0;position:relative;overflow:visible}.pax-ico{grid-area:head;width:100%;height:auto;border-radius:10px 10px 0 0;padding:10px 12px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.3px}.pax-ico:after{content:"Penumpang";font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#fff;opacity:.85}.pax-act{grid-area:head;position:absolute;top:8px;right:10px;width:auto}.pax-act .btn-del{background:#fff3;color:#fff;border-color:#ffffff4d}.pax-act .btn-del:hover{background:#d63031;border-color:#d63031}.pax-cell.pax-name{grid-area:name;flex:none!important;width:auto!important;padding:0 12px}.pax-dd-title{grid-area:title;width:auto!important;padding:0 0 0 12px}.pax-dd-type{grid-area:type;width:auto!important;padding:0 12px 0 0}.pax-cell[data-label="Tgl Lahir"]{grid-area:dob;padding:0 0 0 12px}.pax-cell[data-label="No. Paspor"]{grid-area:passport;padding:0 12px 0 0}.pax-cell[data-label="Expired Paspor"]{grid-area:expiry;padding:0 0 12px 12px}.pax-cell{flex:none!important;width:auto!important;min-width:0!important}.pax-cell[data-label],.pax-dd-title,.pax-dd-type{display:flex;flex-direction:column;gap:3px}.pax-cell[data-label]:before{content:attr(data-label);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#636e72;font-family:Inter,sans-serif}.pax-dd-title:before{content:"Title";font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#636e72;font-family:Inter,sans-serif}.pax-dd-type:before{content:"Tipe";font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#636e72;font-family:Inter,sans-serif}}@media(max-width:600px){.panel-content{padding:12px 8px 100px!important}.fg,.fg.c3{grid-template-columns:1fr!important}.fi.span2{grid-column:span 1}.quick-actions{flex-wrap:wrap}.quick-actions button{font-size:11px;padding:6px 10px}.pax-row{grid-template-columns:1fr;grid-template-areas:"head" "name" "title" "type" "dob" "passport" "expiry";gap:6px}.pax-dd-title,.pax-dd-type,.pax-cell.pax-name,.pax-cell[data-label="Tgl Lahir"],.pax-cell[data-label="No. Paspor"]{padding:0 10px!important}.pax-cell[data-label="Expired Paspor"]{padding:0 10px 12px!important}.form-section h3{font-size:13px}.btn-submit{font-size:13px;padding:14px}.btn-add-pax{font-size:12px;padding:10px}.bc-left{padding:8px 10px}.route-tag{font-size:10px;padding:3px 8px}.bc-main{padding:8px 10px}.bc-customer{font-size:12px}.bc-arrow{padding:0 10px}}.settings-loading{text-align:center;padding:60px 20px;font-size:14px;font-weight:600;color:#636e72}.settings-loading i{font-size:24px;margin-right:8px;color:#2e86ab}.settings-error{margin:12px 0;padding:12px 16px;background:#ffeaa7;border-left:4px solid #FDCB6E;border-radius:8px;font-size:13px;font-weight:600;color:#856404}.settings-container{max-width:1000px;margin:0 auto}.settings-tabs{display:flex;gap:4px;margin-bottom:20px;background:#e8eaed;border-radius:12px;padding:4px}.settings-tabs button{flex:1;padding:10px 16px;border:none;border-radius:10px;background:none;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#636e72;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.settings-tabs button.active{background:#fff;color:#1b3a5c;box-shadow:0 2px 8px #00000014}.stab-count{background:#e8eaed;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:800}.settings-tabs button.active .stab-count{background:#2e86ab;color:#fff}.settings-section{background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 8px #0000000a}.section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.section-head h3{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#1b3a5c;display:flex;align-items:center;gap:8px}.section-head p{font-size:12px;color:#636e72;margin-top:2px}.btn-add{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#1b3a5c,#2e86ab);color:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-add:hover{opacity:.9}.form-card{background:#f8f9fa;border:1px solid #E8EAED;border-radius:12px;padding:20px;margin-bottom:20px}.form-card h4{font-size:14px;font-weight:700;color:#1b3a5c;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-item{display:flex;flex-direction:column;gap:4px}.form-item.full{grid-column:1 / -1}.form-item label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#636e72}.form-item input,.form-item select{padding:8px 12px;border:1px solid #DFE6E9;border-radius:8px;font-family:Inter,sans-serif;font-size:13px;outline:none;transition:border-color .2s}.form-item input:focus,.form-item select:focus{border-color:#2e86ab;box-shadow:0 0 0 2px #2e86ab1a}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.btn-cancel{padding:8px 16px;border:1px solid #DFE6E9;border-radius:8px;background:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#636e72;cursor:pointer}.btn-save{padding:8px 16px;border:none;border-radius:8px;background:#00b894;color:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-save:hover{opacity:.9}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:10px 12px;text-align:left;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#636e72;border-bottom:2px solid #E8EAED}.data-table td{padding:10px 12px;font-size:13px;border-bottom:1px solid #F0F2F5;vertical-align:middle}.data-table .inactive-row{opacity:.5}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.5px}.role-badge.admin{background:#dfe6f5;color:#1b3a5c}.role-badge.agent{background:#d5f5e3;color:#00b894}.key-code{padding:2px 8px;background:#f0f2f5;border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;color:#1b3a5c;font-weight:600}.toggle-btn{padding:4px 10px;border:1px solid #DFE6E9;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;background:#fff;transition:all .2s}.toggle-btn.on{border-color:#00b894;color:#00b894}.toggle-btn.off{border-color:#d63031;color:#d63031}.toggle-btn:hover{opacity:.8}.act-btn{width:30px;height:30px;border:1px solid #DFE6E9;border-radius:6px;background:#fff;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.act-btn.edit{color:#2e86ab}.act-btn.edit:hover{background:#e8f4fd;border-color:#2e86ab}.act-btn.del{color:#d63031}.act-btn.del:hover{background:#ffe5e5;border-color:#d63031}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.agent-card{border:1px solid #E8EAED;border-radius:12px;overflow:hidden;transition:box-shadow .2s}.agent-card:hover{box-shadow:0 4px 16px #0000000f}.agent-card.inactive{opacity:.5}.ac-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #F0F2F5}.ac-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#2e86ab,#1b3a5c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.ac-info{flex:1;min-width:0}.ac-info h4{font-size:14px;font-weight:700;color:#1b3a5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-info p{font-size:11px;color:#636e72}.ac-actions{display:flex;gap:4px}.ac-details{padding:12px 16px}.ac-detail{font-size:12px;color:#636e72;margin-bottom:4px;display:flex;align-items:center;gap:8px}.ac-detail i{width:14px;text-align:center;color:#2e86ab;font-size:11px}.ac-footer{padding:10px 16px;background:#f8f9fa;border-top:1px solid #F0F2F5}.ac-key{font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px}.ac-key.linked{color:#00b894}.ac-key.unlinked{color:#b2bec3}.ac-key code{padding:1px 6px;background:#e8f4fd;border-radius:4px;font-size:11px;color:#1b3a5c}@media(max-width:768px){.form-grid,.agent-grid,.company-uploads{grid-template-columns:1fr}}.saving-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#2e86ab;padding:6px 12px;background:#e8f4fd;border-radius:8px}.company-uploads{display:grid;grid-template-columns:1fr 1fr;gap:20px}.upload-card{background:#f8f9fa;border:1px solid #E8EAED;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:8px}.upload-label{font-size:14px;font-weight:700;color:#1b3a5c;display:flex;align-items:center;gap:8px}.upload-label i{color:#2e86ab}.upload-desc{font-size:11px;color:#636e72;margin:0}.upload-preview{width:100%;min-height:160px;background:#fff;border:2px dashed #DFE6E9;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:4px 0}.upload-preview img{max-width:100%;max-height:200px;object-fit:contain;padding:12px}.upload-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:#b2bec3}.upload-empty i{font-size:32px}.upload-empty span{font-size:12px;font-weight:600}.upload-actions{display:flex;gap:8px}.btn-upload{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#1b3a5c,#2e86ab);color:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-upload:hover{opacity:.9}.btn-remove{width:36px;height:36px;border:1px solid #FFD5D5;border-radius:8px;background:#fff5f5;color:#d63031;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove:hover{background:#ffe5e5;border-color:#d63031}.upload-hint{font-size:11px;color:#636e72;margin:4px 0 0;display:flex;align-items:center;gap:6px}.upload-hint i{color:#2e86ab}.upload-hint strong{color:#00b894}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 28px;max-width:1200px;margin:0 auto}.stat-card{background:#fff;border-radius:14px;padding:18px 20px;border:1px solid #DFE6E9;cursor:pointer;transition:all .2s;border-left:4px solid #DFE6E9}.stat-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.stat-card.pending{border-left-color:#fdcb6e}.stat-card.confirmed{border-left-color:#2e86ab}.stat-card.completed{border-left-color:#00b894}.stat-card.total{border-left-color:#1b3a5c}.stat-num{font-family:Poppins,sans-serif;font-size:28px;font-weight:800;color:#1b3a5c;line-height:1}.stat-label{font-size:12px;color:#636e72;margin-top:4px;font-weight:500}.admin-content{max-width:1200px;margin:0 auto;padding:20px 28px 60px}.admin-table-wrap{background:#fff;border-radius:14px;border:1px solid #DFE6E9;overflow:hidden}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table thead th{background:#f8fafe;padding:12px 14px;text-align:left;font-size:11px;font-weight:700;color:#636e72;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #DFE6E9}.admin-table tbody td{padding:12px 14px;border-bottom:1px solid #F0F3F7;color:#2d3436;vertical-align:middle}.admin-table tbody tr.clickable-row{cursor:pointer;transition:background .15s}.admin-table tbody tr.clickable-row:hover{background:#f8fafe}.route-tag-sm{background:#1b3a5c;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;white-space:nowrap}.row-actions{display:flex;gap:4px}.act-btn{width:30px;height:30px;border:1px solid #DFE6E9;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s}.act-btn.view{color:#2e86ab}.act-btn.view:hover{background:#e8f4f8;border-color:#2e86ab}.act-btn.del{color:#b2bec3}.act-btn.del:hover{background:#ffe5e5;border-color:#d63031;color:#d63031}.admin-info-bar{max-width:1200px;margin:0 auto;padding:0 28px 8px;font-size:12px;color:#636e72;font-weight:500}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:16px 0 4px;max-width:1200px;margin:0 auto}.admin-pagination .pg-btn{min-width:36px;height:36px;border:1px solid #E8ECF0;border-radius:8px;background:#fff;color:#636e72;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.admin-pagination .pg-btn:hover:not(:disabled){border-color:#2e86ab;color:#2e86ab;background:#f0f8fb}.admin-pagination .pg-btn:disabled{opacity:.35;cursor:not-allowed}.admin-pagination .pg-btn.pg-active{background:#1b3a5c;border-color:#1b3a5c;color:#fff}.admin-pagination .pg-dots{padding:0 4px;color:#b2bec3;font-size:13px;-webkit-user-select:none;user-select:none}@media(max-width:900px){.admin-stats{display:flex;gap:6px;padding:10px 12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.admin-stats::-webkit-scrollbar{display:none}.stat-card{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border-left-width:3px}.stat-num{font-size:16px}.stat-label{font-size:10px;margin-top:0;white-space:nowrap}.admin-content{padding-bottom:90px}.admin-table{font-size:12px}.admin-table thead th{padding:10px 8px;font-size:10px}.admin-table tbody td{padding:10px 8px}}@media(max-width:600px){.admin-content{padding:12px 8px 100px}}.ls-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f1923,#1b3a5c,#2e86ab);overflow:hidden}.ls-overlay:before,.ls-overlay:after{content:"";position:absolute;border-radius:50%;opacity:.07;background:#fff;animation:lsFloat 6s ease-in-out infinite}.ls-overlay:before{width:300px;height:300px;top:-80px;right:-80px;animation-delay:0s}.ls-overlay:after{width:200px;height:200px;bottom:-60px;left:-60px;animation-delay:-3s}@keyframes lsFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.ls-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:28px;padding:48px 56px;background:#ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 24px 80px #0000004d;animation:lsCardIn .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes lsCardIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ls-plane-wrap{position:relative;width:120px;height:80px;display:flex;align-items:center;justify-content:center}.ls-plane{font-size:36px;color:#fff;animation:lsPlaneHover 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(46,134,171,.5))}@keyframes lsPlaneHover{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(-5deg)}}.ls-trail{position:absolute;left:8px;top:50%;width:60px;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));border-radius:2px;transform:translateY(-50%);animation:lsTrail 2s ease-in-out infinite}@keyframes lsTrail{0%,to{opacity:.3;width:40px}50%{opacity:.7;width:65px}}.ls-dots{display:flex;gap:8px}.ls-dots span{width:8px;height:8px;border-radius:50%;background:#fff9;animation:lsDot 1.4s ease-in-out infinite}.ls-dots span:nth-child(2){animation-delay:.15s}.ls-dots span:nth-child(3){animation-delay:.3s}@keyframes lsDot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.2);opacity:1}}.ls-text{text-align:center}.ls-text h3{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:-.3px}.ls-text p{font-family:Inter,sans-serif;font-size:13px;color:#ffffff8c;font-weight:400}.ls-bar{width:200px;height:4px;background:#ffffff1a;border-radius:4px;overflow:hidden}.ls-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#2e86ab,#00b894,#2e86ab);background-size:200% 100%;border-radius:4px;animation:lsBarFill 2.5s cubic-bezier(.4,0,.2,1) forwards,lsBarShimmer 1.5s ease-in-out infinite}@keyframes lsBarFill{0%{width:0%}20%{width:25%}50%{width:55%}80%{width:80%}to{width:95%}}@keyframes lsBarShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:480px){.ls-card{padding:36px 32px;gap:22px;margin:0 20px}.ls-plane{font-size:28px}.ls-text h3{font-size:17px}.ls-bar{width:160px}}