@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--border-light: rgba(255, 255, 255, .1);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-cyan: #06b6d4;--accent-cyan-hover: #0891b2;--status-success: #10b981;--status-success-bg: rgba(16, 185, 129, .15);--status-danger: #ef4444;--status-danger-bg: rgba(239, 68, 68, .15);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .15);--status-pending: #475569}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(circle at 15% 50%,rgba(6,182,212,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.08),transparent 25%)}#root{width:100%;height:100%}.dashboard-container{padding:1rem 1.5rem;max-width:100%;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.header-title-group h1{font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:.75rem;background:linear-gradient(to right,#06b6d4,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-title-group p{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.header-actions{display:flex;align-items:center;gap:1.5rem}.clock{font-size:1.1rem;font-weight:500;color:var(--text-secondary);background:#0f172a99;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-light)}.btn-primary{background-color:var(--accent-cyan);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;font-size:.9rem}.btn-primary:hover{background-color:var(--accent-cyan-hover);transform:translateY(-1px);box-shadow:0 4px 12px #06b6d44d}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:16px;padding:1rem;box-shadow:0 10px 30px #0003}.table-wrapper{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 180px)}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}table{width:100%;border-collapse:separate;border-spacing:0 .5rem}th{text-align:left;padding:.8rem .6rem;color:var(--text-secondary);font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;background-color:#0f172a;z-index:10;box-shadow:0 4px 6px -4px #00000080}tbody tr{background-color:#ffffff05;transition:all .2s ease}tbody tr:hover{background-color:#ffffff0a;transform:scale(1.002)}td{padding:.8rem .6rem;vertical-align:middle;border-top:1px solid transparent;border-bottom:1px solid transparent}tbody tr td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;border-left:1px solid transparent}tbody tr td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right:1px solid transparent}.smu-text{font-weight:600;font-size:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.flight-badge{background:#ffffff1a;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;color:var(--text-secondary)}.val-db{font-weight:500}.val-web{font-weight:600}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border-radius:9999px;font-size:.8rem;font-weight:600}.badge-success{background-color:var(--status-success-bg);color:var(--status-success);border:1px solid rgba(16,185,129,.3)}.badge-danger{background-color:var(--status-danger-bg);color:var(--status-danger);border:1px solid rgba(239,68,68,.3)}.badge-pending{background-color:transparent;color:var(--status-pending);border:1px dashed var(--status-pending)}.badge-warning{background-color:var(--status-warning-bg);color:var(--status-warning);border:1px solid rgba(245,158,11,.3)}.action-btn{background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;transition:all .2s}.action-btn:hover:not(:disabled){background:var(--accent-cyan);border-color:var(--accent-cyan)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.loading{background:#06b6d433;color:var(--accent-cyan)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-success{color:var(--status-success)}.text-danger{color:var(--status-danger)}.text-muted{color:var(--text-secondary);font-size:.9em}.stats-bar{display:flex;align-items:center;gap:.75rem;background:#0f172a99;border:1px solid var(--border-light);border-radius:10px;padding:.5rem 1rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.1rem}.stat-val{font-size:1.1rem;font-weight:700;line-height:1.2}.stat-label{font-size:.68rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:28px;background:var(--border-light)}.maskapai-badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}tbody tr.row-mismatch td{border-top:1px solid rgba(239,68,68,.2);border-bottom:1px solid rgba(239,68,68,.2);background-color:#ef44440d}tbody tr.row-mismatch td:first-child{border-left:3px solid var(--status-danger)}tbody tr.row-success td{border-top:1px solid rgba(16,185,129,.2);border-bottom:1px solid rgba(16,185,129,.2);background-color:#10b9810a}tbody tr.row-success td:first-child{border-left:3px solid var(--status-success)}tbody tr.row-error td{border-top:1px solid rgba(245,158,11,.2);border-bottom:1px solid rgba(245,158,11,.2);background-color:#f59e0b0a}tbody tr.row-error td:first-child{border-left:3px solid var(--status-warning)}.badge-error{background-color:var(--status-warning-bg);color:var(--status-warning);border:1px solid rgba(245,158,11,.3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .18s ease}.modal-box{background:#1e293b;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:2rem;width:420px;max-width:95vw;box-shadow:0 25px 60px #00000080;animation:slideUp .2s ease}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.modal-title-group{display:flex;align-items:center;gap:.6rem;color:var(--accent-cyan)}.modal-title-group h2{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.modal-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:.2rem .4rem;border-radius:4px;transition:background .15s}.modal-close-btn:hover{background:#ffffff14;color:var(--text-primary)}.modal-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.6}.captcha-image-wrapper{background:#0f172acc;border:1px solid var(--border-light);border-radius:10px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:.6rem;overflow:hidden}.captcha-img{height:72px;border-radius:6px;image-rendering:pixelated}.captcha-loading{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem}.captcha-refresh-btn{display:flex;align-items:center;gap:.4rem;background:none;border:none;color:var(--accent-cyan);font-size:.8rem;cursor:pointer;padding:.25rem 0;margin-bottom:1rem;font-weight:500;transition:opacity .15s}.captcha-refresh-btn:hover{opacity:.75}.captcha-refresh-btn:disabled{opacity:.4;cursor:not-allowed}.captcha-input{width:100%;background:#0f172acc;border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);padding:.75rem 1rem;font-size:1.1rem;font-weight:600;letter-spacing:.05em;text-align:center;outline:none;transition:border-color .2s;margin-bottom:1.25rem;font-family:Inter,monospace}.captcha-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #06b6d426}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-secondary{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);padding:.6rem 1.2rem;border-radius:8px;font-weight:500;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-secondary:hover{background:#ffffff0d;color:var(--text-primary)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.filter-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.filter-search-box{position:relative;display:flex;align-items:center;flex:1;min-width:220px}.filter-search-icon{position:absolute;left:.85rem;color:var(--text-secondary);pointer-events:none}.filter-input{width:100%;background:#1e293bcc;border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);padding:.6rem 2.5rem .6rem 2.4rem;font-size:.88rem;font-family:Inter,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.filter-input::placeholder{color:var(--text-secondary)}.filter-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #06b6d41f}.filter-clear-input{position:absolute;right:.7rem;background:#ffffff14;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.filter-clear-input:hover{background:#ffffff26;color:var(--text-primary)}.filter-select-wrapper{position:relative;display:flex;align-items:center}.filter-select-icon{position:absolute;left:.7rem;color:var(--text-secondary);pointer-events:none}.filter-select{background:#1e293bcc;border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);padding:.6rem 1rem .6rem 2.2rem;font-size:.88rem;font-family:Inter,sans-serif;outline:none;cursor:pointer;transition:border-color .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:170px}.filter-select:focus{border-color:var(--accent-cyan)}.filter-select option{background:#1e293b;color:var(--text-primary)}.filter-status-chips{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.status-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border-radius:9999px;font-size:.78rem;font-weight:500;cursor:pointer;border:1px solid var(--border-light);background:transparent;color:var(--text-secondary);transition:all .18s ease;font-family:Inter,sans-serif;white-space:nowrap}.status-chip:hover{background:#ffffff0f;color:var(--text-primary)}.status-chip.active.chip-all{background:#06b6d426;color:var(--accent-cyan);border-color:#06b6d466}.status-chip.active.chip-pending{background:#47556940;color:#94a3b8;border-color:#64748b66}.status-chip.active.chip-success{background:var(--status-success-bg);color:var(--status-success);border-color:#10b98166}.status-chip.active.chip-unweighed{background:var(--status-warning-bg);color:var(--status-warning);border-color:#f59e0b66}.status-chip.active.chip-mismatch{background:var(--status-danger-bg);color:var(--status-danger);border-color:#ef444466}.status-chip.active.chip-error{background:#ef444426;color:var(--status-danger);border-color:#ef444466}.filter-meta{display:flex;align-items:center;gap:.6rem;margin-left:auto;flex-shrink:0}.filter-count{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.filter-reset-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .7rem;border-radius:6px;border:1px solid rgba(239,68,68,.4);background:#ef444414;color:var(--status-danger);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .18s;font-family:Inter,sans-serif;white-space:nowrap}.filter-reset-btn:hover{background:#ef444429}.filter-date-wrapper{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.filter-date-input{background:#1e293bcc;border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);padding:.6rem .85rem;font-size:.88rem;font-family:Inter,sans-serif;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;color-scheme:dark}.filter-date-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #06b6d41f}.filter-today-btn{background:#06b6d41f;border:1px solid rgba(6,182,212,.35);border-radius:6px;color:var(--accent-cyan);font-size:.78rem;font-weight:600;padding:.4rem .75rem;cursor:pointer;font-family:Inter,sans-serif;transition:all .18s;white-space:nowrap}.filter-today-btn:hover{background:#06b6d438}.invoice-badge{background:transparent;border:1px solid var(--accent-cyan);color:var(--accent-cyan);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;font-family:Inter,monospace;font-weight:500}