:root{--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary-purple: #5c54ec;--primary-purple-hover: #4e45e4;--primary-purple-light: #7c6dfa;--primary-purple-subtle: rgba(92, 84, 236, .12);--primary-purple-glow: rgba(92, 84, 236, .35);--bg-page: #f1f3f9;--card-bg: #ffffff;--card-border: rgba(226, 232, 240, .8);--card-shadow: 0 4px 20px -2px rgba(22, 28, 45, .05), 0 2px 6px -1px rgba(22, 28, 45, .03);--card-shadow-hover: 0 12px 30px -4px rgba(22, 28, 45, .08), 0 4px 10px -2px rgba(22, 28, 45, .04);--dark-container-bg: #16172e;--dark-container-inner: #1c1e3a;--dark-card-glass: rgba(43, 46, 85, .85);--dark-card-glass-hover: rgba(53, 56, 102, .95);--dark-item-card: rgba(61, 64, 114, .7);--dark-border: rgba(255, 255, 255, .08);--dark-border-subtle: rgba(255, 255, 255, .05);--text-main: #131523;--text-muted: #737898;--text-subtle: #9ca3af;--text-dark-main: #ffffff;--text-dark-muted: #a0a5c7;--text-dark-subtle: #6c7299;--coral-red: #ea5455;--coral-red-light: rgba(234, 84, 85, .12);--emerald-green: #10b981;--emerald-green-light: rgba(16, 185, 129, .12);--cyan-blue: #06b6d4;--cyan-blue-light: rgba(6, 182, 212, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--radius-pill: 9999px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;border:none;cursor:pointer;background:none}input,select{font-family:inherit;outline:none}.finnova-app{max-width:1440px;margin:0 auto;padding:16px 28px 40px}.fin-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 0 20px;gap:20px}.brand-group{display:flex;align-items:center;gap:12px;flex-shrink:0;white-space:nowrap}.fin-logo{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:transparent;filter:drop-shadow(0 4px 12px rgba(92,84,236,.25));transition:transform .2s ease;flex-shrink:0}.fin-logo:hover{transform:scale(1.05)}.kavi-brand-logo-img{width:100%;height:100%;object-fit:contain;object-position:center}.brand-texts{display:flex;flex-direction:column;flex-shrink:0;white-space:nowrap}.brand-title{font-size:19px;font-weight:800;letter-spacing:-.5px;color:#121422;line-height:1.15;white-space:nowrap}.brand-sub{font-size:11.5px;font-weight:600;color:var(--text-muted);letter-spacing:-.1px;white-space:nowrap!important;display:block}.org-badge{font-size:11px;font-weight:700;background:#fff;border:1px solid rgba(0,0,0,.08);padding:3px 9px;border-radius:var(--radius-pill);color:#334155;box-shadow:0 1px 3px #0000000a;flex-shrink:0}.nav-pill-container{display:flex;align-items:center;background:#18192d;padding:4px 6px;border-radius:var(--radius-pill);gap:2px;box-shadow:0 4px 16px #18192d26}.nav-pill-item{font-size:13px;font-weight:500;color:#9ea4c7;padding:7px 16px;border-radius:var(--radius-pill);transition:var(--transition);white-space:nowrap}.nav-pill-item:hover{color:#fff}.nav-pill-item.active{background:var(--primary-purple);color:#fff;font-weight:600;box-shadow:0 2px 10px var(--primary-purple-glow)}.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.circle-action-btn{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;color:#4b5563;transition:var(--transition);box-shadow:0 1px 3px #00000008;position:relative}.circle-action-btn:hover{background:#f8fafc;color:var(--primary-purple);border-color:#5c54ec4d;transform:translateY(-1px)}.notify-btn .notify-badge{position:absolute;top:7px;right:7px;width:7px;height:7px;background-color:#ef4444;border-radius:50%;border:1.5px solid #ffffff}.user-avatar-wrap{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid #ffffff;box-shadow:0 2px 6px #0000001a;cursor:pointer}.user-top-avatar{width:100%;height:100%;object-fit:cover}.page-header-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;margin-bottom:20px}.page-title-group{display:flex;align-items:center;gap:16px}.round-back-btn{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;color:#334155;box-shadow:0 2px 5px #00000008;transition:var(--transition)}.round-back-btn:hover{background:#f8fafc;color:var(--primary-purple);transform:translate(-2px)}.page-main-heading{font-size:28px;font-weight:800;letter-spacing:-.6px;color:#121422;line-height:1.15}.page-subheading{font-size:13px;font-weight:500;color:var(--text-muted);margin-top:2px}.page-cta-group{display:flex;align-items:center;gap:10px}.round-icon-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center;color:#475569;box-shadow:0 2px 6px #00000008;transition:var(--transition)}.round-icon-btn:hover{background:#f8fafc;color:var(--primary-purple);border-color:#5c54ec4d}.campaign-filter-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid rgba(99,102,241,.25);border-radius:var(--radius-pill);padding:8px 16px;box-shadow:0 2px 8px #6366f10f;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer;height:40px}.campaign-filter-pill:hover,.campaign-filter-pill:focus-within{border-color:var(--primary-purple);box-shadow:0 4px 14px #6366f12e;transform:translateY(-1px)}.campaign-filter-pill.active-filter{background:#f5f3ff;border-color:var(--primary-purple);box-shadow:0 3px 12px #6366f133}.campaign-filter-icon{color:var(--primary-purple);flex-shrink:0}.campaign-header-select{border:none;background:transparent;font-size:13px;font-weight:600;color:#1e293b;cursor:pointer;padding-right:22px;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;max-width:220px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:inherit}.campaign-filter-arrow{position:absolute;right:14px;pointer-events:none;color:var(--primary-purple);transition:transform .2s ease}.campaign-filter-pill:focus-within .campaign-filter-arrow{transform:rotate(180deg)}.campaign-filter-clear-btn{display:flex;align-items:center;justify-content:center;border-radius:50%;width:18px;height:18px;margin-left:-12px;margin-right:14px;z-index:2;transition:all .2s ease}.campaign-filter-clear-btn:hover{background:#6366f126}.btn-create-invoice{display:flex;align-items:center;gap:8px;background:var(--primary-purple);color:#fff;font-size:13.5px;font-weight:600;padding:10px 22px;border-radius:var(--radius-pill);box-shadow:0 4px 14px var(--primary-purple-glow);transition:var(--transition)}.btn-create-invoice:hover{background:var(--primary-purple-hover);box-shadow:0 6px 18px #5c54ec73;transform:translateY(-1px)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.kpi-card{background:#fff;border-radius:var(--radius-xl);padding:20px 22px;border:1px solid var(--card-border);box-shadow:var(--card-shadow);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:var(--transition);min-height:200px}.kpi-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.kpi-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kpi-title{font-size:13px;font-weight:600;color:#475569}.kpi-icon-pill{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}.overdue-icon{background:#fee2e2;color:var(--coral-red)}.purple-icon{background:#ede9fe;color:var(--primary-purple)}.cyan-icon{background:#e0f2fe;color:#0284c7}.green-icon{background:#dcfce7;color:#16a34a}.arrow-top-icon{background:#f1f5f9;color:#64748b}.kpi-amount{font-size:24px;font-weight:800;letter-spacing:-.6px;color:#0f172a;line-height:1.2}.kpi-delta{font-size:11.5px;font-weight:600;margin-top:4px;display:flex;align-items:center;gap:3px}.delta-red{color:var(--coral-red)}.delta-purple{color:var(--primary-purple)}.delta-cyan{color:#0284c7}.arrow-indicator{font-size:13px;font-weight:800}.overdue-art{margin-top:auto;padding-top:14px}.desk-mockup{height:48px;position:relative;background:linear-gradient(180deg,#f8fafc66,#f1f5f9e6);border-radius:var(--radius-md);display:flex;align-items:flex-end;justify-content:space-around;padding:0 12px 6px;border-bottom:2px solid #cbd5e1}.desk-lamp{width:14px;height:28px;border-left:2px solid #334155;border-top:2px solid #334155;border-top-left-radius:4px;position:relative}.desk-lamp:after{content:"";position:absolute;top:-4px;right:-8px;width:10px;height:8px;background:#334155;border-radius:2px;transform:rotate(25deg)}.desk-laptop{width:32px;height:20px;background:#1e293b;border-radius:3px 3px 0 0;border:1.5px solid #475569;position:relative}.desk-laptop:after{content:"";position:absolute;bottom:-3px;left:-4px;right:-4px;height:3px;background:#64748b;border-radius:2px}.desk-plant{width:12px;height:12px;background:#cbd5e1;border-radius:0 0 3px 3px;position:relative}.desk-plant:before{content:"🌿";position:absolute;top:-12px;left:-3px;font-size:12px}.bar-chart-wrap{display:flex;align-items:flex-end;justify-content:space-between;height:64px;margin-top:auto;padding-top:8px;gap:6px}.bar-column{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-track{flex:1;width:100%;max-width:14px;display:flex;align-items:flex-end;background:#f1f5f9;border-radius:10px;overflow:hidden}.bar-fill{width:100%;background:linear-gradient(180deg,#7c6dfa,#5c54ec);border-radius:10px;transition:height .6s cubic-bezier(.34,1.56,.64,1)}.bar-label{font-size:10px;color:#94a3b8;font-weight:600;margin-top:4px}.sparkline-wrap{margin-top:auto;padding-top:6px;height:64px}.sparkline-svg{width:100%;height:100%;overflow:visible}.payout-top-icons{display:flex;align-items:center;gap:6px}.payout-amount-row{display:flex;align-items:baseline;gap:8px}.expects-tag{font-size:11px;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:var(--radius-pill)}.payout-methods-row{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:12px}.payout-method-pill{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;border-radius:var(--radius-md);background:#f8fafc;border:1px solid rgba(0,0,0,.05);transition:var(--transition)}.payout-method-pill:hover{background:#f1f5f9}.payout-method-pill.active{background:var(--primary-purple);color:#fff;border-color:var(--primary-purple);box-shadow:0 3px 10px var(--primary-purple-glow)}.method-bullets{font-size:10px;font-weight:700;letter-spacing:-.2px}.payout-method-pill.active .method-bullets{color:#fff}.payout-method-pill:not(.active) .method-bullets{color:#64748b}.method-brand{font-size:9.5px;font-weight:500}.payout-method-pill.active .method-brand{color:#ffffffd9}.payout-method-pill:not(.active) .method-brand{color:#94a3b8}.payout-now-btn{background:#18192d;color:#fff;font-size:11px;font-weight:600;padding:10px 12px;border-radius:var(--radius-pill);white-space:nowrap;transition:var(--transition)}.payout-now-btn:hover{background:#252849;transform:translateY(-1px)}.filter-controls-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-badge-btn{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(0,0,0,.07);padding:8px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:#1e293b;box-shadow:0 1px 4px #00000008}.badge-count{background:#18192d;color:#fff;font-size:11px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.filter-select-pill{position:relative;display:flex;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:var(--radius-pill);padding:8px 14px;box-shadow:0 1px 4px #00000008;transition:var(--transition)}.filter-select-pill:hover{border-color:#5c54ec4d}.filter-select-pill select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font-size:13px;font-weight:500;color:#334155;padding-right:20px;cursor:pointer}.dropdown-arrow{position:absolute;right:12px;color:#64748b;pointer-events:none}.filter-date-pill{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:var(--radius-pill);padding:8px 14px;font-size:13px;font-weight:500;color:#334155;box-shadow:0 1px 4px #00000008;cursor:pointer;transition:var(--transition)}.filter-date-pill:hover{border-color:#5c54ec4d}.filter-search-wrap{margin-left:auto;position:relative;display:flex;align-items:center}.filter-search-wrap input{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:var(--radius-pill);padding:8px 36px 8px 16px;font-size:13px;color:#1e293b;width:220px;box-shadow:0 1px 4px #00000008;transition:var(--transition)}.filter-search-wrap input:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px var(--primary-purple-subtle);width:260px}.search-icon{position:absolute;right:12px;color:#94a3b8;pointer-events:none}.finnova-master-detail{background-color:var(--dark-container-bg);border-radius:var(--radius-xl);padding:20px 24px 28px;color:#fff;box-shadow:0 20px 45px -10px #12142a73;position:relative;overflow:hidden}.master-detail-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dark-segmented-tabs{display:flex;align-items:center;background:#232549;padding:4px;border-radius:var(--radius-pill);gap:4px;border:1px solid var(--dark-border)}.dark-tab-pill{font-size:13px;font-weight:500;color:var(--text-dark-muted);padding:6px 16px;border-radius:var(--radius-pill);transition:var(--transition);display:flex;align-items:center;gap:6px}.dark-tab-pill:hover{color:#fff}.dark-tab-pill.active{background:var(--primary-purple);color:#fff;font-weight:600;box-shadow:0 2px 10px var(--primary-purple-glow)}.tab-counter{font-size:11px;font-weight:600;color:var(--text-dark-muted)}.tab-counter-active{font-size:11px;font-weight:700;background:#ffffff40;color:#fff;padding:1px 6px;border-radius:var(--radius-pill)}.dark-view-actions{display:flex;align-items:center;gap:8px}.dark-icon-pill{width:34px;height:34px;border-radius:50%;background:#232549;border:1px solid var(--dark-border);display:flex;align-items:center;justify-content:center;color:var(--text-dark-muted);transition:var(--transition)}.dark-icon-pill:hover{color:#fff;background:#2d305e}.master-detail-content{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:start}.invoices-list-pane{display:flex;flex-direction:column}.pane-header-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:14px;padding-left:4px}.invoices-scroll-list{display:flex;flex-direction:column;gap:8px;max-height:415px;overflow-y:auto;padding-right:6px}.invoices-scroll-list::-webkit-scrollbar{width:5px}.invoices-scroll-list::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.invoices-scroll-list::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:10px}.invoices-scroll-list::-webkit-scrollbar-thumb:hover{background:#ffffff47}.invoice-row-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-lg);background:#24264873;border:1px solid rgba(255,255,255,.04);cursor:pointer;transition:var(--transition)}.invoice-row-item:hover:not(.active-highlight){background:#2d305aa6;border-color:#ffffff14}.invoice-row-item.active-highlight{background:linear-gradient(135deg,#5c54ec,#6d60f5);border-color:#fff3;box-shadow:0 8px 24px #5c54ec66}.inv-left-meta{display:flex;align-items:center;gap:10px}.inv-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.2)}.inv-code-wrap{display:flex;flex-direction:column}.inv-code{font-size:13px;font-weight:700;color:#fff}.inv-due{font-size:11px;color:var(--text-dark-muted)}.active-highlight .inv-due{color:#ffffffd9}.inv-agent-name{font-size:11px;font-weight:600;color:#e2e8f0;line-height:1.3}.active-highlight .inv-agent-name{color:#fff}.inv-datetime{font-size:10.5px;color:#94a3b8;line-height:1.3}.active-highlight .inv-datetime{color:#ffffffd9}.inv-badge-wrap{display:flex}.status-pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid transparent}.status-unsent{background:#ffffff14;color:#cbd5e1;border-color:#ffffff1a}.status-viewed{background:#ffffff0f;color:#94a3b8;border-color:#ffffff14}.status-draft{background:#eab30826;color:#fde047}.status-belum-red{background:#ef444438!important;color:#fca5a5!important;border:1px solid rgba(239,68,68,.45)!important;font-weight:700!important;letter-spacing:.3px}.invoice-row-item.active-highlight .status-belum-red{background:#ef4444!important;color:#fff!important;border-color:#fca5a5!important}.invoice-row-item.row-item-belum{border-left:3.5px solid #ef4444!important}.inv-unit-icon-avatar{width:32px;height:32px;border-radius:50%;background:#ef444426;border:1.5px solid rgba(239,68,68,.35);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.status-order{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.35);font-weight:600}.status-proses{background:#3b82f62e;color:#60a5fa;border:1px solid rgba(59,130,246,.35);font-weight:600}.status-lewati{background:#94a3b82e;color:#cbd5e1;border:1px solid rgba(148,163,184,.3);font-weight:600}.status-selesai{background:#22c55e2e;color:#4ade80;border:1px solid rgba(34,197,94,.35);font-weight:600}.tab-counter-red{background:#ef4444;color:#fff;font-size:10px;font-weight:800;padding:1px 6px;border-radius:10px;margin-left:4px}.status-pill-selected{background:#fff;color:#1e1b4b;font-weight:700;box-shadow:0 2px 6px #00000026}.inv-amount-val{font-size:13.5px;font-weight:700;color:#fff}.empty-invoices-hint{font-size:13px;color:var(--text-dark-muted);text-align:center;padding:24px 0}.invoice-detail-pane{display:flex;flex-direction:column}.detail-glass-card{background:var(--dark-card-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--dark-border);border-radius:var(--radius-xl);padding:24px 28px;display:flex;flex-direction:column;gap:24px}.detail-card-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--dark-border-subtle);padding-bottom:20px;gap:20px}.detail-field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:500;color:var(--text-dark-subtle)}.field-value-row{display:flex;align-items:center;gap:10px}.detail-invoice-code{font-size:22px;font-weight:800;letter-spacing:-.4px;color:#fff}.unsent-dark-pill{font-size:11px;font-weight:600;background:#ffffff1a;color:#e2e8f0;padding:3px 10px;border-radius:var(--radius-pill)}.company-badge-row{display:flex;align-items:center;gap:8px}.company-logo-text{font-size:18px;font-weight:700;color:#fff}.company-icon{font-size:16px}.customer-field{margin-left:auto}.customer-badge-row{display:flex;align-items:center;gap:10px}.customer-detail-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.3)}.customer-names{display:flex;flex-direction:column}.cust-name{font-size:13.5px;font-weight:700;color:#fff}.cust-role{font-size:11.5px;color:var(--text-dark-muted)}.detail-items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.line-item-card{background:var(--dark-item-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;min-height:94px;transition:var(--transition)}.line-item-card:hover{background:var(--dark-card-glass-hover);border-color:#ffffff2e;transform:translateY(-2px)}.item-amount-row{display:flex;align-items:center;justify-content:space-between}.item-amount-text{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.3px}.item-arrow{color:var(--text-dark-muted)}.item-name-text{font-size:12px;font-weight:500;color:var(--text-dark-muted)}.card-ultraviewer{background:#162646b3!important;border:1px solid rgba(56,189,248,.28)!important;display:flex;flex-direction:column;justify-content:space-between}.card-ultraviewer:hover{background:#1c3058e6!important;border-color:#38bdf88c!important}.uv-title-group{display:flex;align-items:center;gap:6px}.uv-icon{color:#38bdf8}.uv-brand-text{font-size:13.5px;font-weight:800;color:#38bdf8;letter-spacing:-.2px}.uv-status-pill{font-size:9.5px;font-weight:700;background:#38bdf826;color:#7dd3fc;padding:1.5px 7px;border-radius:var(--radius-pill);border:1px solid rgba(56,189,248,.3)}.uv-credentials-wrap{display:flex;flex-direction:column;gap:7px;margin:4px 0 0;background:#0c1224bf;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06)}.uv-cred-item{display:flex;align-items:center;justify-content:space-between;gap:6px;white-space:nowrap}.uv-cred-left{display:flex;align-items:center;gap:5px;min-width:0;flex:1;white-space:nowrap;overflow:hidden}.uv-cred-label{color:#94a3b8;font-weight:700;font-size:11px;flex-shrink:0}.uv-cred-val{color:#fff;font-weight:800;font-size:11.5px;letter-spacing:.2px;font-family:var(--font-mono, monospace);white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.uv-btn-copy{display:inline-flex;align-items:center;gap:3.5px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;font-size:10px;font-weight:700;padding:2.5px 6.5px;border-radius:5px;cursor:pointer;flex-shrink:0;transition:var(--transition)}.uv-btn-copy:hover{background:#38bdf840;border-color:#38bdf8;color:#fff}.add-item-card{border:1.5px dashed rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-dark-muted);font-size:13px;font-weight:600;transition:var(--transition);min-height:94px}.add-item-card:hover{background:#ffffff0d;border-color:var(--primary-purple-light);color:#fff}.add-item-icon{color:var(--text-dark-muted)}.add-item-card:hover .add-item-icon{color:var(--primary-purple-light)}.detail-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--dark-border-subtle)}.totals-group{display:flex;align-items:center;gap:28px}.total-col{display:flex;flex-direction:column;gap:2px}.total-label{font-size:11.5px;color:var(--text-dark-subtle);font-weight:500}.total-value{font-size:15px;font-weight:700;color:#fff}.footer-actions-group{display:flex;align-items:center;gap:10px}.footer-round-btn{width:36px;height:36px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition)}.footer-round-btn:hover{background:#ffffff29;transform:translateY(-1px)}.btn-footer-payout{background:#fff;color:#16172e;font-size:13.5px;font-weight:700;padding:10px 24px;border-radius:var(--radius-pill);box-shadow:0 4px 14px #0003;transition:var(--transition)}.btn-footer-payout:hover{background:#f1f5f9;transform:translateY(-1px)}.btn-footer-queue{font-size:13px;font-weight:700;padding:10px 18px;border-radius:var(--radius-pill);transition:var(--transition);cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent}.btn-footer-queue.queue-proses{background:#6366f133;color:#c7d2fe;border-color:#6366f166}.btn-footer-queue.queue-proses:hover{background:#6366f1;color:#fff;box-shadow:0 4px 14px #6366f166;transform:translateY(-1px)}.btn-footer-queue.queue-proses.active{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;border-color:#818cf8!important;box-shadow:0 4px 14px #6366f180!important}.btn-footer-queue.queue-lewati{background:#ffffff14;color:#cbd5e1;border-color:#ffffff26}.btn-footer-queue.queue-lewati:hover{background:#ffffff2e;color:#fff;transform:translateY(-1px)}.btn-footer-queue.queue-lewati.active{background:#f59e0b38!important;color:#fde68a!important;border-color:#f59e0b!important;box-shadow:0 4px 12px #f59e0b4d!important}.btn-status-selesai-active{background:#f0fdf4!important;color:#15803d!important;border:1px solid #86efac!important}.btn-status-selesai-active:hover{background:#dcfce7!important;border-color:#4ade80!important}.status-order,.status-antri{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b40}.status-proses{background:#6366f12e;color:#c7d2fe;border-color:#6366f14d}.status-lewati{background:#94a3b826;color:#cbd5e1;border-color:#94a3b833}.status-selesai{background:#10b9812e;color:#6ee7b7;border-color:#10b98140}.fin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1ca6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.fin-modal-card{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:520px;padding:28px;box-shadow:0 25px 60px -15px #0a0c1c59;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.fin-modal-card.mini-card{max-width:440px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title-wrap{display:flex;align-items:center;gap:8px}.modal-icon-sparkle{color:var(--primary-purple)}.modal-header h3{font-size:19px;font-weight:800;color:#121422}.modal-close-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;background:#f1f5f9;transition:var(--transition)}.modal-close-btn:hover{background:#e2e8f0;color:#0f172a}.modal-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px;flex:1}.form-group label{font-size:12.5px;font-weight:600;color:#475569}.form-group input{padding:10px 14px;border-radius:var(--radius-md);border:1px solid #cbd5e1;font-size:13.5px;color:#0f172a;transition:var(--transition)}.form-group input:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px var(--primary-purple-subtle)}.form-row{display:flex;gap:12px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px}.btn-modal-cancel{padding:9px 18px;border-radius:var(--radius-pill);font-size:13.5px;font-weight:600;color:#64748b;background:#f1f5f9;transition:var(--transition)}.btn-modal-cancel:hover{background:#e2e8f0;color:#334155}.btn-modal-submit{padding:9px 22px;border-radius:var(--radius-pill);font-size:13.5px;font-weight:600;color:#fff;background:var(--primary-purple);box-shadow:0 4px 12px var(--primary-purple-glow);transition:var(--transition)}.btn-modal-submit:hover{background:var(--primary-purple-hover);transform:translateY(-1px)}.payout-modal-body p{font-size:14px;color:#334155;line-height:1.5;margin-bottom:14px}.payout-notice{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:12px;padding:10px 12px;border-radius:var(--radius-md);margin-bottom:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.master-detail-content{grid-template-columns:1fr}.detail-items-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.fin-topbar{flex-direction:column;align-items:flex-start}.nav-pill-container{overflow-x:auto;width:100%}.kpi-grid{grid-template-columns:1fr}.filter-controls-row{flex-direction:column;align-items:stretch}.filter-search-wrap{margin-left:0;width:100%}.filter-search-wrap input{width:100%}.detail-card-head{flex-direction:column}.customer-field{margin-left:0}.detail-card-footer{flex-direction:column;gap:16px;align-items:flex-start}}.it-queue-container{display:flex;flex-direction:column;gap:20px}.it-campaign-banner{background:linear-gradient(135deg,#1e2044e6,#2d3062e6);border:1px solid rgba(124,109,250,.3);border-radius:var(--radius-xl);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 8px 32px #12142a66,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.it-campaign-banner:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#6366f1,#a855f7)}.campaign-banner-left{display:flex;align-items:flex-start;gap:16px;flex:1}.campaign-pulse-badge{display:flex;align-items:center;gap:6px;background:#6366f133;border:1px solid rgba(99,102,241,.4);color:#a5b4fc;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);white-space:nowrap;animation:pulseGlow 2.5s infinite}.camp-sparkle{color:#818cf8}.campaign-texts{display:flex;flex-direction:column;gap:4px}.campaign-title{font-size:16px;font-weight:800;color:#fff}.campaign-desc{font-size:12.5px;color:#cbd5e1;line-height:1.4}.campaign-desc strong{color:#e2e8f0}.campaign-banner-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn-create-campaign-outline{display:flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:8px 16px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;transition:var(--transition)}.btn-create-campaign-outline:hover{background:#ffffff29;border-color:#ffffff4d;transform:translateY(-1px)}.btn-simulate-ticket{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:8px 16px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;box-shadow:0 4px 14px #4f46e566;transition:var(--transition)}.btn-simulate-ticket:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}.it-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.it-status-tabs{display:flex;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.07);padding:4px;border-radius:var(--radius-pill);gap:4px;box-shadow:0 1px 4px #00000008}.it-tab-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;color:#64748b;transition:var(--transition)}.it-tab-pill:hover{color:#1e293b;background:#00000008}.it-tab-pill.active{background:#1e2044;color:#fff;box-shadow:0 2px 8px #1e204440}.it-tab-badge{font-size:10.5px;font-weight:700;background:#00000012;color:#475569;padding:1px 6px;border-radius:10px}.it-tab-pill.active .it-tab-badge{background:#fff3;color:#fff}.badge-order{background:#f59e0b26!important;color:#d97706!important}.it-tab-pill.active .badge-order{background:#f59e0b!important;color:#fff!important}.badge-proses{background:#6366f126!important;color:#6366f1!important}.it-tab-pill.active .badge-proses{background:#6366f1!important;color:#fff!important}.badge-selesai{background:#10b98126!important;color:#059669!important}.it-tab-pill.active .badge-selesai{background:#10b981!important;color:#fff!important}.it-tab-dot{width:7px;height:7px;border-radius:50%}.dot-order{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.dot-proses{background:#6366f1}.it-filter-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.btn-refresh-data{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;color:#475569;transition:var(--transition);box-shadow:0 1px 3px #00000008}.btn-refresh-data:hover{color:var(--primary-purple);border-color:var(--primary-purple)}.btn-refresh-data.spinning svg{animation:spin .8s linear infinite}.btn-create-ticket-direct{display:flex;align-items:center;gap:6px;background:#1e2044;color:#fff;padding:8px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;transition:var(--transition);box-shadow:0 2px 6px #1e204433}.btn-create-ticket-direct:hover{background:#2b2e63;transform:translateY(-1px)}.it-master-detail-grid{display:grid;grid-template-columns:420px 1fr;gap:20px;align-items:start}.it-queue-list-pane{background:var(--dark-container-bg);border-radius:var(--radius-xl);padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 14px 35px -8px #12142a73}.it-pane-header{display:flex;flex-direction:column;gap:2px;padding:0 4px 8px;border-bottom:1px solid var(--dark-border)}.it-pane-title-group{display:flex;align-items:center;justify-content:space-between}.it-pane-title{font-size:14px;font-weight:700;color:#fff}.it-queue-badge{font-size:11px;font-weight:700;background:#282a52;color:#a5b4fc;padding:2px 8px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.08)}.it-pane-sub{font-size:11px;color:var(--text-dark-muted)}.it-tickets-scroll{display:flex;flex-direction:column;gap:10px;max-height:640px;overflow-y:auto;padding-right:4px}.it-tickets-scroll::-webkit-scrollbar{width:5px}.it-tickets-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.it-ticket-card{background:#24264880;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:var(--transition);position:relative}.it-ticket-card:hover{background:#303360b3;border-color:#ffffff1f;transform:translateY(-1px)}.it-ticket-card.selected{background:linear-gradient(135deg,#5048d7d9,#6366f1d9);border-color:#ffffff4d;box-shadow:0 8px 24px #6366f159}.card-order-glow:not(.selected){border-color:#f59e0b4d;background:#2a263ca6}.ticket-card-top{display:flex;align-items:center;justify-content:space-between}.ticket-id-group{display:flex;align-items:center;gap:8px}.queue-number-badge{font-size:10px;font-weight:800;background:#f59e0b;color:#1e1b4b;padding:2px 7px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px;animation:pulseAmber 2s infinite}.ticket-no-text{font-size:12.5px;font-weight:700;color:#fff;font-family:monospace}.it-status-pill{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:var(--radius-pill);display:flex;align-items:center;gap:4px;border:1px solid transparent}.it-pill-order{background:#f59e0b29;color:#fbbf24;border-color:#f59e0b4d}.it-pill-proses{background:#6366f12e;color:#c7d2fe;border-color:#6366f159}.it-pill-lewati{background:#94a3b829;color:#cbd5e1;border-color:#94a3b840}.it-pill-selesai{background:#10b9812e;color:#6ee7b7;border-color:#10b9814d}.pulse-dot{width:6px;height:6px;border-radius:50%}.pulse-amber{background:#f59e0b}.pulse-indigo{background:#818cf8}.ticket-device-row{display:flex;align-items:center;justify-content:space-between;font-size:11px}.device-tag{display:flex;align-items:center;gap:5px;color:#a5b4fc;font-weight:600}.selected .device-tag{color:#fff}.device-icon-svg{color:inherit}.ticket-dept-text{color:var(--text-dark-muted)}.selected .ticket-dept-text{color:#fffc}.ticket-problem-title{font-size:13px;font-weight:600;color:#f1f5f9;line-height:1.4;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.ticket-user-meta{display:flex;align-items:center;gap:8px}.user-avatar-mini{width:24px;height:24px;border-radius:50%;background:#3b3e70;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15)}.selected .user-avatar-mini{background:#fff;color:#4f46e5}.user-names-col{display:flex;flex-direction:column}.pelapor-name{font-size:11.5px;font-weight:600;color:#fff}.wa-text{font-size:10px;color:#94a3b8}.selected .wa-text{color:#ffffffd9}.ticket-date-text{font-size:11px;color:var(--text-dark-muted)}.selected .ticket-date-text{color:#fffc}.it-empty-hint,.it-loading-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;color:var(--text-dark-muted);text-align:center;gap:12px}.empty-icon{color:#fff3}.btn-reset-filter{background:#ffffff1a;color:#fff;font-size:12px;font-weight:600;padding:6px 14px;border-radius:var(--radius-pill);transition:var(--transition)}.btn-reset-filter:hover{background:#fff3}.it-ticket-detail-pane{display:flex;flex-direction:column}.it-command-glass-card{background:var(--dark-container-bg);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 14px 35px -8px #12142a73;display:flex;flex-direction:column}.queue-action-deck{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--dark-border)}.deck-status-order{background:linear-gradient(90deg,#f59e0b1f,#1e204499);border-bottom-color:#f59e0b40}.deck-status-proses{background:linear-gradient(90deg,#6366f126,#1e204499);border-bottom-color:#6366f14d}.deck-status-lewati{background:linear-gradient(90deg,#94a3b81f,#1e204499);border-bottom-color:#94a3b833}.deck-status-selesai{background:linear-gradient(90deg,#10b98124,#1e204499);border-bottom-color:#10b98140}.deck-info{display:flex;align-items:center;gap:12px}.deck-status-label{display:flex;align-items:center;gap:10px}.deck-status-label strong{display:block;font-size:13.5px;font-weight:800;letter-spacing:.5px}.deck-status-label span{display:block;font-size:11px;color:var(--text-dark-muted)}.text-amber{color:#f59e0b}.text-indigo{color:#818cf8}.text-gray{color:#cbd5e1}.text-emerald{color:#10b981}.text-cyan{color:#06b6d4}.deck-buttons{display:flex;align-items:center;gap:8px}.btn-deck{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:700;transition:var(--transition);border:1px solid transparent}.btn-deck-proses{background:#6366f133;color:#c7d2fe;border-color:#6366f166}.btn-deck-proses:hover,.btn-deck-proses.active-step{background:#6366f1;color:#fff;border-color:#818cf8;box-shadow:0 4px 14px #6366f166;transform:translateY(-1px)}.btn-deck-lewati{background:#94a3b826;color:#cbd5e1;border-color:#94a3b840}.btn-deck-lewati:hover,.btn-deck-lewati.active-step{background:#475569;color:#fff;border-color:#64748b;transform:translateY(-1px)}.btn-deck-selesai{background:#10b98133;color:#a7f3d0;border-color:#10b98166}.btn-deck-selesai:hover,.btn-deck-selesai.active-step{background:#10b981;color:#fff;border-color:#34d399;box-shadow:0 4px 14px #10b98159;transform:translateY(-1px)}.btn-deck-revert{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff14;color:#94a3b8;border:1px solid rgba(255,255,255,.1);transition:var(--transition)}.btn-deck-revert:hover{background:#fff3;color:#fff}.it-detail-content{padding:24px;display:flex;flex-direction:column;gap:20px}.it-detail-head-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:18px;border-bottom:1px solid var(--dark-border)}.meta-col{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:11px;font-weight:600;color:var(--text-dark-muted);text-transform:uppercase;letter-spacing:.5px}.meta-ticket-no{font-size:19px;font-weight:800;color:#fff;font-family:monospace}.meta-device-val{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.device-title{font-size:13.5px;font-weight:700;color:#f1f5f9}.device-sn-badge{font-size:10.5px;font-weight:600;background:#ffffff14;color:#a5b4fc;padding:1px 6px;border-radius:4px}.meta-val-text{font-size:13.5px;font-weight:600;color:#e2e8f0}.meta-val-badge{font-size:11.5px;font-weight:700;background:#ffffff1a;color:#fff;padding:2px 8px;border-radius:var(--radius-pill);width:fit-content}.pelapor-card-bar{background:#24264899;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.pelapor-left{display:flex;align-items:center;gap:12px}.pelapor-avatar-big{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d}.pelapor-names{display:flex;flex-direction:column;gap:2px}.pelapor-main-name{font-size:15px;font-weight:700;color:#fff}.pelapor-dept-tag{font-size:12px;color:var(--text-dark-muted)}.btn-wa-direct{display:flex;align-items:center;gap:8px;background:#25d366;color:#fff;padding:8px 16px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:700;transition:var(--transition);box-shadow:0 4px 14px #25d36659}.btn-wa-direct:hover{background:#20bd5a;transform:translateY(-1px)}.no-wa-tag{font-size:12px;color:#64748b;font-style:italic}.problem-detail-box{background:#1e203cd9;border:1px solid rgba(255,255,255,.08);border-left:4px solid #f59e0b;border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:8px}.box-title-row{display:flex;align-items:center;gap:8px}.box-title{font-size:13px;font-weight:700;color:#fff}.problem-content-text{font-size:13.5px;color:#e2e8f0;line-height:1.6}.credential-box{display:flex;align-items:center;gap:8px;background:#06b6d41a;border:1px solid rgba(6,182,212,.25);color:#67e8f9;font-size:12px;padding:10px 14px;border-radius:var(--radius-md)}.penanganan-editor-box{background:#1c1e38d9;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.penanganan-textarea{width:100%;background:#12142ab3;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:12px 14px;color:#fff;font-family:inherit;font-size:13px;line-height:1.5;resize:vertical;transition:var(--transition)}.penanganan-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.penanganan-actions{display:flex;align-items:center;justify-content:space-between}.penanganan-hint{font-size:11.5px;color:var(--text-dark-muted)}.btn-save-penanganan{background:#6366f1;color:#fff;padding:8px 18px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:700;transition:var(--transition)}.btn-save-penanganan:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.notice-saved-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;background:#10b98133;color:#34d399;padding:2px 8px;border-radius:var(--radius-pill);animation:fadeIn .2s ease}.modal-select{padding:10px 14px;border-radius:var(--radius-md);border:1px solid #cbd5e1;font-size:13.5px;color:#0f172a;background:#fff}.modal-textarea{padding:10px 14px;border-radius:var(--radius-md);border:1px solid #cbd5e1;font-size:13px;color:#0f172a;font-family:inherit;resize:vertical}.modal-textarea:focus,.modal-select:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px var(--primary-purple-subtle)}.form-checkbox-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#334155;background:#f8fafc;padding:10px 12px;border-radius:var(--radius-md);border:1px solid #e2e8f0}.form-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-purple);cursor:pointer}.form-checkbox-row label{cursor:pointer}@keyframes pulseGlow{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 10px 2px #6366f180}}@keyframes pulseAmber{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 8px 1px #f59e0b80}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1100px){.it-master-detail-grid{grid-template-columns:1fr}.it-detail-head-meta{grid-template-columns:repeat(2,1fr)}.it-campaign-banner{flex-direction:column;align-items:flex-start}}.camp-manager-modal{max-width:740px!important;max-height:88vh;height:88vh;display:flex;flex-direction:column;overflow:hidden;padding:0!important}.camp-manager-modal .modal-header{padding:20px 24px 16px;margin-bottom:0;border-bottom:1px solid #f1f5f9;flex-shrink:0}.camp-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}.camp-back-btn:hover{background:#e2e8f0;color:#1e293b;transform:scale(1.05)}.camp-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:12px;background:#6366f11f;color:#6366f1;font-size:11.5px;font-weight:800;padding:0 7px}.camp-new-btn{padding:7px 15px!important;font-size:13px!important;display:inline-flex!important;align-items:center;gap:6px}.camp-list-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:20px 24px 28px}.camp-list-scroll::-webkit-scrollbar{width:6px}.camp-list-scroll::-webkit-scrollbar-track{background:transparent}.camp-list-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.camp-list-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.camp-manage-card{flex-shrink:0;width:100%;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0a,0 4px 12px #0f172a05;transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.camp-manage-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0f172a0f}.camp-manage-card.is-editing{border-color:#6366f1;background:#fafbff;box-shadow:0 10px 28px -4px #6366f12e,0 0 0 1px #6366f1}.camp-manage-card.is-deleting{border-color:#f87171;background:snow;box-shadow:0 10px 28px -4px #ef444426,0 0 0 1px #ef44444d}.camp-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:640px){.camp-form-grid{grid-template-columns:1fr}}.camp-empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;color:#94a3b8;text-align:center}.camp-empty-state svg{opacity:.3}.camp-empty-state p{font-size:13.5px}.camp-track-card{border:1.5px solid #e2e8f0;border-radius:14px;overflow:hidden}.camp-track-header{padding:13px 16px 11px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px}.camp-track-title-row{display:flex;align-items:center;gap:8px}.camp-status-badge{font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:20px;letter-spacing:.2px;flex-shrink:0}.camp-status-badge.badge-aktif{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.camp-status-badge.badge-done{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.camp-track-title{font-size:14px;font-weight:800;color:#0f172a;margin:0;line-height:1.2}.camp-track-meta{display:flex;gap:12px;flex-wrap:wrap}.camp-meta-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#64748b;font-weight:500}.camp-track-desc{font-size:12px;color:#475569;line-height:1.5;margin:0;padding:7px 10px;background:#fff;border-radius:7px;border:1px solid #e2e8f0}.camp-summary-row{display:flex;gap:7px;flex-wrap:wrap}.camp-sum-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px}.camp-sum-pill.sum-selesai{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.camp-sum-pill.sum-antri{background:#6366f11a;color:#4f46e5;border:1px solid rgba(99,102,241,.25)}.camp-sum-pill.sum-belum{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.camp-tracking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.camp-track-col{padding:10px 13px 12px;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:3px}.camp-track-col:last-child{border-right:none}.selesai-col{background:#22c55e08}.antri-col{background:#6366f108}.belum-col{background:#fafafa}.camp-col-header{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding-bottom:6px;margin-bottom:3px;border-bottom:1px solid #e8eef5}.selesai-col .camp-col-header{color:#15803d}.antri-col .camp-col-header{color:#4338ca}.belum-col .camp-col-header{color:#64748b}.camp-unit-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:11.5px}.camp-unit-row:last-child{border-bottom:none}.camp-unit-name{font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.belum-row .camp-unit-name{color:#94a3b8}.camp-unit-ticket-no{font-size:10px;font-weight:700;color:#15803d;background:#22c55e1f;padding:1px 5px;border-radius:4px;flex-shrink:0}.camp-unit-pill{font-size:10px;font-weight:700;padding:1.5px 6px;border-radius:7px;flex-shrink:0}.camp-unit-pill-belum{font-size:10px;font-weight:500;color:#94a3b8;flex-shrink:0}.camp-action-btn{transition:all .2s cubic-bezier(.16,1,.3,1)!important}.camp-action-btn.btn-edit:hover{background:#dbeafe!important;color:#1d4ed8!important;border-color:#93c5fd!important;transform:translateY(-1px)}.camp-action-btn.btn-delete:hover{background:#fee2e2!important;color:#b91c1c!important;border-color:#fca5a5!important;transform:translateY(-1px)}.btn-apply-campaign-pill{display:inline-flex;align-items:center;gap:6px;background:#6366f124;border:1px solid rgba(129,140,248,.35);color:#c7d2fe;font-size:11.5px;font-weight:600;padding:4px 12px;border-radius:9999px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-apply-campaign-pill:hover{background:#6366f147;border-color:#a5b4fc99;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.btn-apply-campaign-pill.active{background:linear-gradient(135deg,#6366f147,#a855f747);border:1px solid rgba(167,139,250,.5);color:#f1f5f9;box-shadow:0 2px 8px #6366f133}.btn-apply-campaign-pill.active:hover{background:linear-gradient(135deg,#6366f166,#a855f766);border-color:#c084fcbf;box-shadow:0 4px 14px #a855f759}.campaign-name-truncate{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.campaign-pill-action{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;background:#ffffff26;color:#e0e7ff;padding:1px 6px;border-radius:8px;margin-left:2px}.sparkle-icon-pulse{color:#fbbf24;animation:sparkleRotate 2.5s ease-in-out infinite alternate}@keyframes sparkleRotate{0%{transform:scale(.9) rotate(-6deg);opacity:.85}to{transform:scale(1.15) rotate(6deg);opacity:1;filter:drop-shadow(0 0 4px rgba(251,191,36,.6))}}.btn-delete-ticket-round{color:#f87171!important;background:#ef444414!important;border:1px solid rgba(239,68,68,.28)!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.btn-delete-ticket-round:hover{background:#ef444438!important;border-color:#ef4444!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 14px #ef444459!important}