:root{--bg-primary:#070e1b;--bg-secondary:#0c1626;--bg-tertiary:#13243c;--bg-card:#0f1d31;--bg-hover:#1a2d49;--bg-active:#20395c;--bg-overlay:rgba(2, 6, 14, 0.72);--color-bg-primary:#070e1b;--color-bg-secondary:#0c1626;--color-bg-tertiary:#13243c;--color-bg-hover:#1a2d49;--border-primary:#21344d;--border-secondary:#2c4366;--border-light:rgba(94, 234, 212, 0.08);--color-border-primary:#21344d;--color-border-secondary:#2c4366;--color-border-focus:#2dd4bf;--brand-primary:#2dd4bf;--brand-primary-dark:#0f766e;--brand-primary-light:#5eead4;--brand-secondary:#22d3ee;--brand-accent:#22d3ee;--color-primary:#2dd4bf;--color-primary-dark:#14b8a6;--color-primary-light:#5eead4;--color-primary-glow:rgba(45, 212, 191, 0.28);--text-primary:#eaf1fb;--text-secondary:#9fb2cb;--text-tertiary:#6a7f9d;--color-text-primary:#eaf1fb;--color-text-secondary:#9fb2cb;--color-text-tertiary:#6a7f9d;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#38bdf8;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.45);--shadow-md:0 8px 24px rgba(2, 8, 20, 0.55);--shadow-lg:0 18px 48px rgba(2, 8, 20, 0.7);--glow-teal:0 0 0 1px rgba(45, 212, 191, 0.22),0 10px 34px rgba(13, 148, 136, 0.22);--font-family-mono:ui-monospace,"SF Mono","Cascadia Code","JetBrains Mono",Menlo,Consolas,monospace;--font-mono:var(--font-family-mono);--radius-md:12px;--radius-lg:16px}body{background:var(--bg-primary);color:var(--text-primary)}.main-content{background:radial-gradient(1100px 600px at 8% -8%,rgba(45,212,191,.1),transparent 58%),radial-gradient(900px 600px at 102% -2%,rgba(34,211,238,.08),transparent 55%),radial-gradient(700px 700px at 50% 120%,rgba(56,189,248,.05),transparent 60%),var(--bg-primary)!important}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#2c4366;border-radius:8px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}*{scrollbar-color:#2c4366 var(--bg-secondary)}::selection{background:rgba(45,212,191,.32);color:#fff}.sidebar{background:linear-gradient(180deg,#0c1626 0,#070e1b 100%);border-right:1px solid var(--border-primary);box-shadow:1px 0 0 rgba(45,212,191,.06),12px 0 40px rgba(0,0,0,.25)}.sidebar-header{border-bottom:1px solid var(--border-primary);background:radial-gradient(120% 100% at 0 0,rgba(45,212,191,.1),transparent 60%)}.nav-section-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:700}.nav-item{color:var(--text-secondary);border-radius:var(--radius-md);transition:.16s}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,rgba(45,212,191,.18),rgba(45,212,191,.02));color:#d6fbf3;box-shadow:inset 0 0 0 1px rgba(45,212,191,.22)}.nav-item.active::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--brand-primary);box-shadow:0 0 12px var(--brand-primary)}.nav-item.active i{color:var(--brand-primary)}.nav-badge{background:linear-gradient(135deg,#14b8a6,#0f766e)!important;color:#fff!important;box-shadow:0 0 10px rgba(45,212,191,.4)}.top-bar{background:rgba(12,22,38,.82)!important;border-bottom:1px solid var(--border-primary);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(45,212,191,.07),0 6px 24px rgba(0,0,0,.2)}#page-title{color:var(--text-primary);letter-spacing:-.015em;font-weight:800}.card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%),var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);backdrop-filter:blur(6px)}.content-container h1,.content-container h2,.content-container h3{color:var(--text-primary);letter-spacing:-.01em}.content-container .text-primary{color:var(--text-primary)!important}.content-container .text-primary-500,.content-container i.text-primary-500{color:var(--brand-primary)!important}.content-container .text-secondary{color:var(--text-secondary)!important}.content-container a{color:var(--brand-primary-light)}.bg-primary-600,.bg-primary-700,button.bg-primary-600,button.bg-primary-700{background:linear-gradient(135deg,#14b8a6,#0f766e)!important;box-shadow:0 4px 16px rgba(13,148,136,.4);border:1px solid rgba(94,234,212,.28);transition:.16s}.bg-primary-600:hover,.bg-primary-700:hover,button.bg-primary-600:hover,button.bg-primary-700:hover{background:linear-gradient(135deg,#2dd4bf,#0d9488)!important;box-shadow:0 6px 22px rgba(45,212,191,.5);transform:translateY(-1px)}.content-container input:not([type=checkbox]):not([type=radio]):not([type=color]),.content-container select,.content-container textarea{background-color:var(--bg-tertiary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important;border-radius:9px!important}.content-container input:focus,.content-container select:focus,.content-container textarea:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px var(--color-primary-glow)!important;outline:0}.content-container input::placeholder,.content-container textarea::placeholder{color:var(--text-tertiary)}.content-container table{font-variant-numeric:tabular-nums}.content-container thead,.content-container thead.bg-slate-700,.content-container thead.bg-slate-800{background:linear-gradient(180deg,#16263e,#0f1d31)!important;position:sticky;top:0;z-index:5}.content-container thead th{text-transform:uppercase;letter-spacing:.055em;font-size:.64rem!important;font-weight:700;color:var(--text-secondary)!important;border-bottom:1px solid rgba(45,212,191,.2)!important;padding-top:.62rem!important;padding-bottom:.62rem!important}.content-container tbody tr{border-bottom:1px solid var(--border-primary)!important;transition:background .12s,box-shadow .12s}.content-container tbody tr:hover{background:var(--bg-hover)!important;box-shadow:inset 3px 0 0 var(--brand-primary)}.content-container td .bg-green-600{background:rgba(52,211,153,.16)!important;color:#6ee7b7!important;border:1px solid rgba(52,211,153,.38)}.content-container td .bg-orange-600{background:rgba(251,146,60,.16)!important;color:#fdba74!important;border:1px solid rgba(251,146,60,.42)}.content-container td .bg-red-600{background:rgba(248,113,113,.16)!important;color:#fca5a5!important;border:1px solid rgba(248,113,113,.42)}.modal-box,.modal-content,[role=dialog]>div{background:var(--bg-card)!important;border:1px solid var(--border-secondary)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.cmd-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}@media (max-width:900px){.cmd-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.cmd-kpi-grid{grid-template-columns:1fr}}.cmd-kpi-grid.hidden{display:none!important}.cmd-kpi{position:relative;background:radial-gradient(130% 150% at 100% 0,rgba(45,212,191,.12),transparent 55%),var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:18px 20px;overflow:hidden;transition:transform .15s,box-shadow .2s,border-color .2s}.cmd-kpi:hover{transform:translateY(-3px);border-color:rgba(45,212,191,.4);box-shadow:var(--glow-teal)}.cmd-kpi::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand-primary);opacity:.8}.cmd-kpi.is-out::after{background:#f87171}.cmd-kpi.is-net::after{background:#22d3ee}.cmd-kpi.is-total::after{background:#818cf8}.cmd-kpi-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cmd-kpi-label{text-transform:uppercase;letter-spacing:.09em;font-size:.68rem;font-weight:700;color:var(--text-tertiary)}.cmd-kpi-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(45,212,191,.14);color:var(--brand-primary);font-size:.85rem}.cmd-kpi.is-out .cmd-kpi-icon{background:rgba(248,113,113,.14);color:#f87171}.cmd-kpi.is-net .cmd-kpi-icon{background:rgba(34,211,238,.14);color:#22d3ee}.cmd-kpi.is-total .cmd-kpi-icon{background:rgba(129,140,248,.16);color:#a5b4fc}.cmd-kpi-value{font-family:var(--font-family-mono);font-size:1.9rem;font-weight:700;line-height:1.1;color:var(--text-primary);font-variant-numeric:tabular-nums}.cmd-kpi-sub{margin-top:5px;font-size:.7rem;color:var(--text-tertiary)}.cmd-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.cmd-page-title{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:10px}.cmd-page-title i{color:var(--brand-primary)}.cmd-page-sub{margin-top:6px;color:var(--text-tertiary);font-size:.85rem;display:flex;align-items:center;gap:7px}.cmd-page-sub--wrap{display:block;max-width:70ch;line-height:1.5}#reconciliation-section .text-purple-200,#reconciliation-section .text-purple-300,#reconciliation-section .text-purple-400{color:var(--brand-primary)!important}#reconciliation-section .border-purple-400,#reconciliation-section .border-purple-500{border-color:rgba(45,212,191,.35)!important}#reconciliation-section .from-purple-600.to-indigo-600,#reconciliation-section button[onclick*=generateReconciliationReport]{background:linear-gradient(135deg,#14b8a6,#0f766e)!important}.cmd-live-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-primary);animation:2s infinite cmdPulse}@keyframes cmdPulse{0%{box-shadow:0 0 0 0 rgba(45,212,191,.5)}70%{box-shadow:0 0 0 8px rgba(45,212,191,0)}100%{box-shadow:0 0 0 0 rgba(45,212,191,0)}}.cmd-btn-ghost{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:10px;padding:9px 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:8px}.cmd-btn-ghost:hover{color:var(--text-primary);border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.cmd-feed{position:relative}.cmd-feed-day{margin:18px 0 10px}.cmd-feed-day:first-child{margin-top:0}.cmd-feed-day-label{display:inline-block;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-primary);padding:4px 11px;border-radius:20px}.cmd-feed-item{display:flex;gap:14px;padding:12px 12px 12px 0;border-radius:12px;cursor:pointer;transition:background .12s;position:relative}.cmd-feed-item:hover{background:var(--bg-hover)}.cmd-feed-item::before{content:"";position:absolute;left:21px;top:0;bottom:0;width:2px;background:var(--border-primary)}.cmd-feed-item:first-of-type::before{top:22px}.cmd-feed-marker{position:relative;z-index:1;flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:.95rem;border:1px solid transparent}.cmd-feed-item.is-in .cmd-feed-marker{background:rgba(45,212,191,.14);color:#5eead4;border-color:rgba(45,212,191,.3)}.cmd-feed-item.is-out .cmd-feed-marker{background:rgba(251,146,60,.14);color:#fdba74;border-color:rgba(251,146,60,.32)}.cmd-feed-item.is-correction .cmd-feed-marker{background:rgba(167,139,250,.16);color:#c4b5fd;border-color:rgba(167,139,250,.32)}.cmd-feed-item.is-reversal .cmd-feed-marker{background:rgba(34,211,238,.14);color:#67e8f9;border-color:rgba(34,211,238,.3)}.cmd-feed-body{flex:1;min-width:0;padding-top:2px}.cmd-feed-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.cmd-feed-title{color:var(--text-primary);font-weight:600;font-size:.95rem}.cmd-feed-title strong{font-family:var(--font-family-mono);color:var(--brand-primary-light)}.cmd-feed-time{flex:0 0 auto;color:var(--text-tertiary);font-size:.75rem;white-space:nowrap}.cmd-feed-meta{color:var(--text-secondary);font-size:.82rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-feed-docket{font-family:var(--font-family-mono);color:var(--brand-secondary)}.cmd-feed-empty{text-align:center;padding:48px 0;color:var(--text-tertiary)}.cmd-feed-empty i{font-size:2rem;margin-bottom:10px;display:block;color:var(--text-tertiary)}.cmd-conv-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:.14s;position:relative}.cmd-conv-item:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.cmd-conv-item.is-unread{background:rgba(45,212,191,.06)}.cmd-conv-item.active{background:var(--bg-active);border-color:rgba(45,212,191,.4)}.cmd-conv-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:1rem;color:#06281f;background:linear-gradient(135deg,#5eead4,#2dd4bf)}.cmd-conv-body{flex:1;min-width:0}.cmd-conv-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cmd-conv-subject{font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-conv-item.is-unread .cmd-conv-subject{color:#fff}.cmd-conv-time{flex:0 0 auto;font-size:.7rem;color:var(--text-tertiary)}.cmd-conv-preview{font-size:.8rem;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-conv-badge{flex:0 0 auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center;box-shadow:0 0 8px rgba(45,212,191,.4)}@media screen{.bg-gray-100,.bg-gray-50,.bg-slate-100,.bg-slate-50,.bg-white{background-color:var(--bg-card)!important;border-color:var(--border-primary)}.hover\:bg-gray-100:hover,.hover\:bg-gray-50:hover,.hover\:bg-slate-50:hover{background-color:var(--bg-hover)!important}.text-black,.text-gray-700,.text-gray-800,.text-gray-900{color:var(--text-primary)!important}.text-gray-500,.text-gray-600{color:var(--text-secondary)!important}.border-gray-200,.border-gray-300,.divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--border-primary)!important}.bg-gray-50 input:not([type=checkbox]):not([type=radio]),.bg-gray-50 select,.bg-gray-50 textarea,.bg-white input:not([type=checkbox]):not([type=radio]),.bg-white select,.bg-white textarea{background-color:var(--bg-tertiary)!important;border-color:var(--border-primary)!important;color:var(--text-primary)!important}}.cmd-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--border-primary);margin-bottom:22px}.cmd-tab{background:0 0;border:0;color:var(--text-secondary);padding:11px 16px;font-size:.88rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:.14s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.cmd-tab:hover{color:var(--text-primary)}.cmd-tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.cmd-tab i{font-size:.85rem}.cmd-card-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:9px}.cmd-card-title i{color:var(--brand-primary)}.cmd-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}@media (max-width:640px){.cmd-form-grid{grid-template-columns:1fr}}.cmd-field{display:flex;flex-direction:column;gap:6px}.cmd-field.cmd-col2{grid-column:1/-1}.cmd-field>span{font-size:.78rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.cmd-field input{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:9px;padding:10px 12px;font-size:.9rem}.cmd-field input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--color-primary-glow);outline:0}.cmd-hint{font-size:.8rem;color:var(--text-tertiary);margin-top:8px}.cmd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border-primary)}.cmd-row:last-child{border-bottom:0}.cmd-code{font-family:var(--font-family-mono);font-size:.8rem;color:var(--brand-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:6px}.cmd-btn-danger{background:rgba(248,113,113,.14);color:#fca5a5;border:1px solid rgba(248,113,113,.35);border-radius:8px;padding:6px 11px;cursor:pointer;font-size:.8rem}.cmd-btn-danger:hover{background:rgba(248,113,113,.25)}#messages-container .message-item .bg-cyan-600{background:linear-gradient(135deg,#14b8a6,#0d9488)!important;border-radius:16px 16px 4px!important;box-shadow:0 4px 14px rgba(13,148,136,.25)}#messages-container .message-item .bg-slate-700{background:var(--bg-tertiary)!important;border:1px solid var(--border-primary);border-radius:16px 16px 16px 4px!important}