:root{--console-bg:#0c0e12;--console-sidebar-bg:#11141a;--console-header-bg:#13161e;--console-surface:#151822;--console-surface-elevated:#1b202c;--console-surface-hover:#202634;--console-border:#232936;--console-border-subtle:#1a1f2a;--console-border-strong:#30384a;--console-text-primary:#f2f5f8;--console-text-secondary:#a0abb8;--console-text-muted:#647080;--console-yellow:#ffe51f;--console-yellow-subtle:#ffe51f1f;--console-blue:#388bfd;--console-blue-subtle:#388bfd1f;--console-green:#2ea043;--console-green-subtle:#2ea0431f;--console-red:#f85149;--console-red-subtle:#f851491f;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}.console-root{background-color:var(--console-bg);min-height:100vh;color:var(--console-text-primary);font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);-webkit-font-smoothing:antialiased}.console-login-canvas{background:radial-gradient(circle at 50% 30%,#171b26 0%,#0c0e12 80%);justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex}.console-login-panel{background:var(--console-surface);border:1px solid var(--console-border-strong);border-radius:10px;width:100%;max-width:440px;padding:36px 32px;box-shadow:0 20px 48px #000000a6}.login-brand-strip{align-items:center;gap:10px;margin-bottom:24px;display:flex}.brand-tag{background:var(--console-yellow);color:#000;letter-spacing:.04em;border-radius:4px;padding:4px 10px;font-size:.86rem;font-weight:900}.console-tag{color:var(--console-text-muted);letter-spacing:.08em;font-size:.74rem;font-weight:750}.login-header-block h1{letter-spacing:-.01em;margin:0 0 8px;font-size:1.45rem;font-weight:800}.login-header-block p{color:var(--console-text-secondary);margin:0 0 24px;font-size:.86rem;line-height:1.5}.console-alert{border-radius:6px;margin-bottom:20px;padding:12px 16px;font-size:.84rem}.console-alert.error{background:var(--console-red-subtle);border:1px solid var(--console-red);color:#ff9994}.console-form-group{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.console-form-group:last-child{margin-bottom:0}.console-form-group label{color:var(--console-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.74rem;font-weight:750}.console-form-group input,.console-select,.console-form-group textarea{border:1px solid var(--console-border);color:var(--console-text-primary);box-sizing:border-box;background:#090b10;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:.88rem;transition:border-color .14s,box-shadow .14s}.console-form-group input:focus,.console-select:focus,.console-form-group textarea:focus{border-color:var(--console-yellow);box-shadow:0 0 0 2px #ffe51f26}.input-action-wrapper{align-items:center;width:100%;display:flex;position:relative}.btn-input-action{color:var(--console-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:5px;display:flex;position:absolute;right:10px}.btn-input-action:hover{color:var(--console-text-primary)}.btn-input-action.wa-btn{color:#25d366}.login-footer-meta{border-top:1px solid var(--console-border-subtle);color:var(--console-text-muted);justify-content:center;align-items:center;margin-top:28px;padding-top:16px;font-size:.74rem;display:flex}.login-footer-meta span{align-items:center;gap:8px;display:inline-flex}.console-app-layout{width:100%;min-height:100vh;display:flex}.console-sidebar{background-color:var(--console-sidebar-bg);border-right:1px solid var(--console-border);z-index:50;flex-direction:column;width:240px;min-width:240px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand-area{border-bottom:1px solid var(--console-border);padding:20px 24px}.sidebar-logo{align-items:baseline;gap:8px;text-decoration:none;display:flex}.logo-text{color:var(--console-yellow);letter-spacing:.04em;font-size:1.15rem;font-weight:900}.logo-sub{color:var(--console-text-muted);letter-spacing:.08em;font-size:.7rem;font-weight:750}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:20px 14px;display:flex;overflow-y:auto}.nav-section-label{color:var(--console-text-muted);letter-spacing:.08em;padding:14px 10px 6px;font-size:.68rem;font-weight:800}.sidebar-nav-item{color:var(--console-text-secondary);border-radius:6px;align-items:center;gap:12px;padding:9px 12px;font-size:.84rem;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--console-surface-hover);color:var(--console-text-primary)}.sidebar-nav-item.active{background:var(--console-yellow-subtle);color:var(--console-yellow);font-weight:750}.sidebar-nav-item.active:before{content:"";background:var(--console-yellow);border-radius:0 2px 2px 0;width:3px;position:absolute;top:6px;bottom:6px;left:-14px}.nav-badge-pill{background:var(--console-surface-elevated);border:1px solid var(--console-border);color:var(--console-text-primary);border-radius:999px;margin-left:auto;padding:2px 7px;font-size:.7rem;font-weight:750}.sidebar-user-footer{border-top:1px solid var(--console-border);background:#0e1016;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;display:flex}.user-meta-row{align-items:center;gap:10px;display:flex;overflow:hidden}.status-indicator-dot{background:var(--console-green);width:8px;height:8px;box-shadow:0 0 6px var(--console-green);border-radius:50%}.user-text-col{flex-direction:column;display:flex;overflow:hidden}.user-name-text{color:var(--console-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:750;overflow:hidden}.user-role-text{color:var(--console-text-muted);font-size:.68rem}.sidebar-logout-btn{color:var(--console-text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:.76rem;font-weight:650;display:flex}.sidebar-logout-btn:hover{color:var(--console-red);background:var(--console-red-subtle)}.console-main-content{flex-direction:column;flex:1;min-width:0;margin-left:240px;display:flex}.console-top-header{background:var(--console-header-bg);border-bottom:1px solid var(--console-border);z-index:40;justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.breadcrumb-container{color:var(--console-text-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.bc-root{font-weight:600}.bc-sep{opacity:.5}.bc-branch{font-weight:600}.bc-leaf{color:var(--console-text-primary);font-weight:750}.top-header-actions{align-items:center;gap:20px;display:flex}.console-lang-toggle{border:1px solid var(--console-border);background:#090b10;border-radius:6px;gap:3px;padding:3px;display:flex}.lang-pill-btn{color:var(--console-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:.74rem;font-weight:750;transition:background .12s,color .12s}.lang-pill-btn.active{background:var(--console-surface-elevated);color:var(--console-yellow)}.system-status-indicator{color:var(--console-text-secondary);align-items:center;gap:8px;font-size:.76rem;font-weight:650;display:flex}.pulse-indicator{background:var(--console-green);border-radius:50%;width:7px;height:7px}.console-workspace{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:1680px;padding:32px 36px 60px;display:flex}.page-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.title-text-group h1{letter-spacing:-.01em;margin:0 0 6px;font-size:1.55rem;font-weight:850}.title-text-group p{color:var(--console-text-secondary);margin:0;font-size:.88rem;line-height:1.4}.page-actions-group{align-items:center;gap:12px;display:flex}.console-btn{cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:.82rem;font-weight:750;text-decoration:none;transition:all .12s;display:inline-flex}.console-btn-primary{background:var(--console-yellow);color:#000}.console-btn-primary:hover{background:#ffd900}.console-btn-secondary{background:var(--console-surface);border-color:var(--console-border);color:var(--console-text-primary)}.console-btn-secondary:hover{background:var(--console-surface-hover);border-color:var(--console-border-strong)}.console-btn-danger{background:var(--console-red-subtle);color:#ff9994;border-color:#f8514966}.console-btn-danger:hover{background:var(--console-red);color:#fff}.console-btn-sm{cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.74rem;font-weight:750;transition:all .12s;display:inline-flex}.console-btn-icon{background:var(--console-surface);border:1px solid var(--console-border);width:36px;height:36px;color:var(--console-text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.console-btn-icon:hover{color:var(--console-text-primary);border-color:var(--console-border-strong)}.console-kpi-strip{background:var(--console-surface);border:1px solid var(--console-border);border-radius:8px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.kpi-segment{border-right:1px solid var(--console-border);cursor:pointer;flex-direction:column;justify-content:center;gap:4px;padding:16px 22px;transition:background .12s;display:flex}.kpi-segment:last-child{border-right:none}.kpi-segment:hover{background:var(--console-surface-hover)}.kpi-seg-label{color:var(--console-text-muted);letter-spacing:.06em;font-size:.68rem;font-weight:800}.kpi-seg-val{font-size:1.65rem;font-weight:850;font-family:var(--font-mono);color:var(--console-text-primary);line-height:1.1}.kpi-segment.accent-pending .kpi-seg-val{color:var(--console-yellow)}.kpi-segment.accent-review .kpi-seg-val{color:var(--console-blue)}.kpi-segment.accent-approved .kpi-seg-val{color:var(--console-green)}.kpi-segment.accent-rejected .kpi-seg-val{color:var(--console-red)}.console-table-toolbar{background:var(--console-surface);border:1px solid var(--console-border);box-sizing:border-box;border-bottom:none;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.search-input-wrapper{flex:1;align-items:center;max-width:500px;display:flex;position:relative}.search-input-wrapper .search-icon{color:var(--console-text-muted);pointer-events:none;position:absolute;left:12px}.search-input-wrapper input{border:1px solid var(--console-border);color:var(--console-text-primary);background:#090b10;border-radius:6px;outline:none;width:100%;padding:8px 12px 8px 36px;font-size:.82rem}.search-input-wrapper input:focus{border-color:var(--console-yellow)}.toolbar-right-controls{align-items:center;gap:12px;display:flex}.filter-segmented-control{border:1px solid var(--console-border);background:#090b10;border-radius:6px;gap:3px;padding:3px;display:flex}.filter-tab-btn{color:var(--console-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-size:.76rem;font-weight:750;transition:background .12s,color .12s}.filter-tab-btn.active{background:var(--console-surface-elevated);color:var(--console-yellow)}.console-table-container{background:var(--console-surface)!important;border:1px solid var(--console-border)!important;border-radius:0 0 8px 8px!important;overflow-x:auto!important}table.console-data-table{border-collapse:separate!important;border-spacing:0!important;text-align:left!important;width:100%!important;font-size:.84rem!important}table.console-data-table th{border-bottom:1px solid var(--console-border)!important;color:var(--console-text-muted)!important;letter-spacing:.05em!important;white-space:nowrap!important;background:#11141c!important;padding:14px 20px!important;font-size:.72rem!important;font-weight:800!important}table.console-data-table td{border-bottom:1px solid var(--console-border-subtle)!important;color:var(--console-text-primary)!important;vertical-align:middle!important;padding:16px 20px!important;line-height:1.45!important}table.console-data-table tbody tr{cursor:pointer!important;transition:background .12s!important}table.console-data-table tbody tr:hover{background:var(--console-surface-hover)!important}.cell-mono-id{font-family:var(--font-mono)!important;color:var(--console-yellow)!important;font-size:.82rem!important;font-weight:750!important;display:block!important}.cell-meta-date{color:var(--console-text-muted)!important;margin-top:4px!important;font-size:.74rem!important;display:block!important}.cell-bold-title{color:var(--console-text-primary)!important;font-weight:750!important;display:block!important}.cell-sub-text{color:var(--console-text-muted)!important;margin-top:3px!important;font-size:.76rem!important;display:block!important}.wa-cell-link{color:#25d366!important;font-weight:650!important;font-family:var(--font-mono)!important;background:#25d36614!important;border:1px solid #25d36633!important;border-radius:4px!important;align-items:center!important;gap:6px!important;padding:4px 8px!important;font-size:.78rem!important;text-decoration:none!important;transition:background .12s!important;display:inline-flex!important}.wa-cell-link:hover{background:#25d3662e!important;text-decoration:none!important}.console-status-badge{text-transform:uppercase!important;letter-spacing:.04em!important;white-space:nowrap!important;border-radius:4px!important;padding:4px 9px!important;font-size:.72rem!important;font-weight:800!important;display:inline-block!important}.console-status-badge.pending{background:var(--console-yellow-subtle)!important;color:var(--console-yellow)!important;border:1px solid #ffe51f4d!important}.console-status-badge.in_review{background:var(--console-blue-subtle)!important;color:#58a6ff!important;border:1px solid #388bfd4d!important}.console-status-badge.approved{background:var(--console-green-subtle)!important;color:#3fb950!important;border:1px solid #2ea0434d!important}.console-status-badge.rejected{background:var(--console-red-subtle)!important;color:#ff7b72!important;border:1px solid #f851494d!important}.table-actions-group{justify-content:flex-end!important;align-items:center!important;gap:8px!important;display:inline-flex!important}.btn-table-action{background:var(--console-surface-elevated)!important;border:1px solid var(--console-border)!important;color:var(--console-text-secondary)!important;cursor:pointer!important;border-radius:5px!important;align-items:center!important;gap:5px!important;padding:6px 12px!important;font-size:.76rem!important;font-weight:750!important;transition:all .12s!important;display:inline-flex!important}.btn-table-action:hover{border-color:var(--console-yellow)!important;color:var(--console-yellow)!important}.btn-table-action.edit-btn:hover{border-color:var(--console-blue)!important;color:var(--console-blue)!important;background:var(--console-blue-subtle)!important}.btn-table-action.danger{color:#ff9994!important;background:#f8514914!important;border-color:#f851494d!important}.btn-table-action.danger:hover{border-color:var(--console-red)!important;background:var(--console-red)!important;color:#fff!important}.btn-table-action.success{color:#4cd964!important;background:#2ea0431f!important;border-color:#2ea04366!important}.btn-table-action.success:hover{border-color:var(--console-green)!important;background:var(--console-green)!important;color:#fff!important}.table-state-cell{text-align:center!important;color:var(--console-text-muted)!important;padding:48px 24px!important}.console-table-footer{color:var(--console-text-muted);justify-content:space-between;align-items:center;padding:10px 16px;font-size:.76rem;display:flex}.console-drawer{z-index:100;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-backdrop{backdrop-filter:blur(5px);background:#000000bf;position:absolute;inset:0}.drawer-panel{border-left:1px solid var(--console-border-strong);background:#11141c;flex-direction:column;width:min(100%,620px);height:100vh;animation:.16s cubic-bezier(.16,1,.3,1) drawerSlideIn;display:flex;position:relative;box-shadow:-12px 0 36px #000000d9}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--console-border);background:#141822;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 28px;display:flex}.drawer-kicker{color:var(--console-text-muted);letter-spacing:.08em;font-size:.68rem;font-weight:800}.drawer-id-row{align-items:center;gap:12px;margin:6px 0 4px;display:flex}.drawer-id-row h2{font-size:1.25rem;font-family:var(--font-mono);color:var(--console-yellow);margin:0}.drawer-date-text{color:var(--console-text-muted);font-size:.76rem}.drawer-top-actions{align-items:center;gap:10px;display:flex}.drawer-action-icon-btn{background:var(--console-surface);border:1px solid var(--console-border);color:var(--console-text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:flex}.drawer-action-icon-btn:hover{color:var(--console-text-primary);border-color:var(--console-border-strong)}.drawer-status-strip{border-bottom:1px solid var(--console-border);background:#0d1017;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 28px;display:flex}.status-strip-label{color:var(--console-text-muted);letter-spacing:.06em;font-size:.68rem;font-weight:800}.status-button-group{flex-wrap:wrap;gap:8px;display:flex}.btn-quick-status{border:1px solid var(--console-border);background:var(--console-surface);color:var(--console-text-secondary);cursor:pointer;border-radius:5px;padding:6px 11px;font-size:.72rem;font-weight:750;transition:all .1s}.btn-quick-status:hover{color:var(--console-yellow);border-color:var(--console-yellow)}.btn-quick-status.review:hover{color:var(--console-blue);border-color:var(--console-blue)}.btn-quick-status.approved:hover{color:var(--console-green);border-color:var(--console-green)}.btn-quick-status.rejected:hover{color:var(--console-red);border-color:var(--console-red)}.drawer-body-form{flex-direction:column;flex:1;gap:22px;padding:28px;display:flex;overflow-y:auto}.drawer-section{background:var(--console-surface);border:1px solid var(--console-border);border-radius:8px;padding:18px 22px}.drawer-section.highlight-operator-block{background:#181c22;border-color:#ffe51f40}.section-title-bar h3{color:var(--console-text-primary);border-bottom:1px solid var(--console-border);letter-spacing:.02em;margin:0 0 16px;padding-bottom:8px;font-size:.82rem;font-weight:800}.drawer-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.meta-ip-display{border:1px solid var(--console-border);font-family:var(--font-mono);color:var(--console-text-muted);background:#090b10;border-radius:6px;padding:10px 12px;font-size:.74rem}.drawer-footer-actions{border-top:1px solid var(--console-border);background:#141822;justify-content:space-between;align-items:center;gap:14px;margin:12px -28px -28px;padding:16px 28px;display:flex;position:sticky;bottom:0}.footer-right-save{align-items:center;gap:14px;display:flex}.save-feedback-text{color:var(--console-green);font-size:.8rem;font-weight:750}.console-modal-overlay{z-index:120;backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.console-modal-dialog{background:var(--console-surface);border:1px solid var(--console-border-strong);border-radius:10px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 50px #000000d9}.modal-dialog-header{border-bottom:1px solid var(--console-border);background:#11141c;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.modal-kicker-tag{color:var(--console-text-muted);letter-spacing:.08em;font-size:.68rem;font-weight:800}.modal-dialog-header h2{color:var(--console-text-primary);margin:3px 0 0;font-size:1.25rem;font-weight:850}.modal-dialog-body{flex:1;padding:28px;overflow-y:auto}.modal-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.modal-form-col h4{color:var(--console-yellow);text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px;font-size:.78rem;font-weight:800}.modal-form-col.full-width{grid-column:span 2}.modal-dialog-footer{border-top:1px solid var(--console-border);background:#11141c;justify-content:flex-end;align-items:center;gap:12px;padding:20px 28px;display:flex}@media (width<=1024px){.console-kpi-strip{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.console-sidebar{display:none}.console-main-content{margin-left:0}.console-workspace{padding:20px}.console-kpi-strip{grid-template-columns:1fr 1fr}.page-title-row{flex-direction:column}.console-table-toolbar{flex-direction:column;align-items:stretch}.drawer-grid-2,.modal-form-grid{grid-template-columns:1fr}.modal-form-col.full-width{grid-column:span 1}}