@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#08090b;--bg-elev-1:#0e0f12;--bg-elev-2:#14161a;--bg-elev-3:#1a1d22;--bg-hover:#1f2229;--sidebar-bg:#0b0c0e;--border:#ffffff0f;--border-strong:#ffffff1a;--border-focus:#6366f1;--text:#ededed;--text-muted:#a1a1aa;--text-dim:#71717a;--text-faint:#52525b;--accent:#6366f1;--accent-hover:#7c7ff2;--accent-soft:#6366f124;--accent-border:#6366f159;--success:#22c55e;--success-soft:#22c55e1f;--success-text:#86efac;--warning:#f59e0b;--warning-soft:#f59e0b1f;--warning-text:#fcd34d;--danger:#ef4444;--danger-soft:#ef44441a;--danger-text:#fca5a5;--pink:#ec4899;--pink-soft:#ec48991f;--sidebar-w:248px;--header-h:60px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0006;--shadow:0 4px 16px #0006;--shadow-lg:0 12px 40px #0000008c;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";margin:0;padding:0;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6,p{margin:0}button{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}.auth{background:radial-gradient(1200px 600px at 50% -10%, #6366f126, transparent 60%), radial-gradient(800px 400px at 100% 100%, #ec489914, transparent 60%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-inner{flex-direction:column;gap:16px;width:100%;max-width:400px;display:flex}.auth-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.auth-brand-mark{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:grid;box-shadow:0 8px 24px #6366f159}.auth-brand-name{letter-spacing:-.01em;font-size:15px;font-weight:600}.auth-card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:32px}.auth-title{letter-spacing:-.02em;margin-bottom:6px;font-size:22px;font-weight:700}.auth-sub{color:var(--text-muted);margin-bottom:24px;font-size:13px}.auth-divider{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:20px 0 12px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-admin-toggle{text-align:center;border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;padding:12px;font-size:13px;font-weight:500;transition:all .15s;display:block}.auth-admin-toggle:hover{border-color:var(--border-strong);color:var(--text)}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:30;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:18px 20px;display:flex}.sidebar-brand-mark{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:grid;box-shadow:0 4px 12px #6366f14d}.sidebar-brand-text{flex-direction:column;min-width:0;display:flex}.sidebar-brand-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.sidebar-brand-role{color:var(--text-dim);font-size:11px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.sidebar-section{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:12px 12px 6px;font-size:10.5px;font-weight:600}.nav-item{border-radius:var(--radius);width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--bg-elev-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.nav-item.active .nav-dot{background:var(--accent);box-shadow:0 0 8px var(--accent)}.nav-icon{width:18px;height:18px;color:var(--text-dim);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:var(--text)}.nav-dot{background:var(--text-faint);border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px;display:flex}.avatar{border:1px solid var(--border-strong);width:32px;height:32px;color:var(--text);background:linear-gradient(135deg,#334155,#1e293b);border-radius:8px;place-items:center;font-size:12px;font-weight:700;display:grid}.sidebar-footer-info{flex:1;min-width:0}.sidebar-footer-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.sidebar-footer-role{color:var(--text-dim);font-size:11px}.logout-btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;padding:6px 10px;font-size:12px;transition:all .12s}.logout-btn:hover{border-color:var(--danger);color:var(--danger-text);background:var(--danger-soft)}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;display:flex}.header{height:var(--header-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);z-index:20;background:#08090bb3;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.header-title{flex-direction:column;display:flex}.header-title h1{letter-spacing:-.01em;font-size:15px;font-weight:600}.header-title span{color:var(--text-dim);font-size:12px}.header-actions{align-items:center;gap:12px;display:flex}.content{width:100%;max-width:1400px;padding:28px}.card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-title{letter-spacing:-.01em;font-size:14px;font-weight:600}.card-sub{color:var(--text-muted);margin-top:3px;font-size:12.5px}.card-section{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.input,.select,.textarea{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:9px 12px;font-family:inherit;font-size:13.5px;transition:border-color .12s,background .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-focus);background:var(--bg-elev-3);box-shadow:0 0 0 3px #6366f126}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.textarea{resize:vertical;min-height:80px;line-height:1.5}.textarea.mono{font-family:var(--font-mono);color:#93c5fd;font-size:12.5px}.select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.select option{background:var(--bg-elev-2);color:var(--text)}.label{color:var(--text-muted);letter-spacing:.01em;margin-bottom:6px;font-size:11.5px;font-weight:500;display:block}.hint{color:var(--text-dim);margin-top:6px;font-size:11.5px;line-height:1.5}.field-group{flex-direction:column;gap:14px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-success{background:var(--success);border-color:var(--success);color:#04120a;font-weight:600}.btn-success:hover{filter:brightness(1.1)}.btn-pink{background:var(--pink);border-color:var(--pink);color:#fff;font-weight:600}.btn-pink:hover{filter:brightness(1.1)}.btn-danger{color:var(--danger-text);background:0 0;border-color:#ef444466}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-ghost{background:0 0}.btn-ghost:hover{background:var(--bg-hover)}.btn-block{width:100%}.btn-sm{padding:6px 10px;font-size:12px}.badge{background:var(--bg-elev-3);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success-text);border-color:#22c55e40}.badge-danger{background:var(--danger-soft);color:var(--danger-text);border-color:#ef444440}.badge-warning{background:var(--warning-soft);color:var(--warning-text);border-color:#f59e0b40}.badge-accent{background:var(--accent-soft);color:#c7d2fe;border-color:var(--accent-border)}.badge-pink{background:var(--pink-soft);color:#f9a8d4;border-color:#ec489940}.dot{background:var(--text-faint);border-radius:50%;width:6px;height:6px}.dot-success{background:var(--success);box-shadow:0 0 8px #22c55e80}.dot-danger{background:var(--danger)}.dot-warning{background:var(--warning)}.status-msg{color:var(--text-muted);font-size:12.5px}.status-msg.ok{color:var(--success-text)}.status-msg.err{color:var(--danger-text)}.table-wrap{border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table thead th{text-align:left;background:var(--bg-elev-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11.5px;font-weight:500}.table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--bg-hover)}.table .cell-strong{color:var(--text);font-weight:600}.table .cell-dim{color:var(--text-dim);font-size:12px}.table .cell-amount{color:var(--success-text);font-variant-numeric:tabular-nums;font-weight:600}.table .cell-mono{font-family:var(--font-mono);color:#93c5fd;font-size:12.5px}.empty-cell{text-align:center;color:var(--text-dim);font-size:13px;padding:40px 20px!important}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-main{grid-template-columns:1fr 1fr}.grid-admin{grid-template-columns:minmax(340px,1fr) 2fr}.stack{flex-direction:column;display:flex}.stack>*+*{margin-top:var(--stack-gap,16px)}.stack-sm{--stack-gap:8px}.stack-lg{--stack-gap:24px}.row{align-items:center;gap:8px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.spacer{flex:1}.stat{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;position:relative;overflow:hidden}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:11.5px;font-weight:500}.stat-value{letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:30px;font-weight:700;display:flex}.stat-value .unit{color:var(--text-dim);letter-spacing:0;font-size:13px;font-weight:500}.stat.accent{border-color:var(--accent-border)}.stat.accent .stat-value{color:#c7d2fe}.stat.success .stat-value{color:var(--success-text)}.stat.warning .stat-value{color:var(--warning-text)}.chat-layout{height:calc(100vh - var(--header-h) - 56px);grid-template-columns:320px 1fr;gap:16px;min-height:500px;display:grid}.chat-list{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.chat-list-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chat-list-body{flex:1;padding:6px;overflow-y:auto}.chat-row{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;transition:background .12s;display:flex}.chat-row:hover{background:var(--bg-hover)}.chat-row.active{background:var(--bg-elev-2);border-color:var(--border-strong)}.chat-row-phone{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.chat-platform{border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.chat-platform.wa{color:#86efac;background:#22c55e26}.chat-platform.ig{color:#f9a8d4;background:#ec489926}.chat-panel{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.chat-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.chat-panel-body{background:var(--bg);text-align:center;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.chat-mode{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elev-1);max-width:360px;padding:20px 24px}.chat-mode-icon{margin-bottom:8px;font-size:32px}.chat-mode-title{margin-bottom:4px;font-size:14px;font-weight:600}.chat-mode-sub{color:var(--text-muted);font-size:12.5px}.chat-panel-input{border-top:1px solid var(--border);gap:10px;padding:14px 16px;display:flex}.chat-empty{text-align:center;color:var(--text-dim);padding:40px;font-size:13.5px}.dropzone{border-radius:var(--radius);border:1px dashed var(--border-strong);background:var(--bg-elev-2);color:var(--text-muted);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.dropzone:hover{border-color:var(--accent-border);color:var(--text);background:var(--accent-soft)}.dropzone-active{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elev-2);color:var(--text);flex:1;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.dropzone-active .remove{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.dropzone-active .remove:hover{color:var(--danger-text)}.channel{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elev-1);flex-direction:column;gap:16px;padding:22px;display:flex;position:relative;overflow:hidden}.channel:before{content:"";pointer-events:none;opacity:.5;background:radial-gradient(600px 200px at 100% 0%, var(--_glow,transparent), transparent 60%);position:absolute;inset:0}.channel.wa{--_glow:#22c55e26}.channel.ig{--_glow:#ec489926}.channel-head{align-items:center;gap:14px;display:flex;position:relative}.channel-icon{letter-spacing:.02em;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:grid}.channel-icon.wa{color:#04140a;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 24px #22c55e40}.channel-icon.ig{color:#fff;background:linear-gradient(135deg,#f59e0b,#ec4899,#8b5cf6);box-shadow:0 8px 24px #ec48994d}.channel-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.channel-sub{color:var(--text-muted);margin-top:2px;font-size:12.5px}.channel-status{border-radius:var(--radius);background:var(--bg-elev-2);border:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex;position:relative}.channel-status .label-txt{color:var(--text-muted);font-size:12.5px}.channel-status .val{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.channel-actions{gap:8px;display:flex;position:relative}.details{border:1px solid var(--border);border-radius:var(--radius);padding:0;overflow:hidden}.details>summary{cursor:pointer;color:var(--text-muted);justify-content:space-between;align-items:center;padding:10px 14px;font-size:12.5px;font-weight:500;list-style:none;display:flex}.details>summary::-webkit-details-marker{display:none}.details>summary:after{content:"▾";color:var(--text-dim);font-size:10px;transition:transform .12s}.details[open]>summary:after{transform:rotate(180deg)}.details>summary:hover{background:var(--bg-hover);color:var(--text)}.details-body{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding:14px;display:flex}.admin-banner{border-radius:var(--radius);background:var(--warning-soft);border:1px solid #f59e0b40;align-items:center;gap:12px;margin-bottom:20px;padding:10px 14px;display:flex}.admin-banner-label{text-transform:uppercase;letter-spacing:.06em;color:var(--warning-text);font-size:11.5px;font-weight:600}.admin-banner .select{width:auto;min-width:260px}.report-item{border-radius:var(--radius);background:var(--bg-elev-2);border:1px solid var(--border);padding:12px 14px}.report-item+.report-item{margin-top:8px}.report-item.warn{background:var(--danger-soft);color:var(--danger-text);border-color:#ef444440}.report-item.ok{background:var(--success-soft);border-color:#22c55e40}.report-item-head{color:var(--text);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.report-item-example{color:var(--text-dim);margin-top:4px;font-size:12px;font-style:italic}@media (width<=1024px){.grid-main,.grid-admin,.grid-2{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:1fr 1fr}.chat-layout{grid-template-columns:1fr;height:auto}.field-row{grid-template-columns:1fr}}@media (width<=768px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.content{padding:16px}.header{padding:0 16px}.grid-3,.grid-4{grid-template-columns:1fr}.header-title h1{font-size:14px}}.hidden{display:none!important}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-danger{color:var(--danger-text)}.text-success{color:var(--success-text)}.text-warning{color:var(--warning-text)}.mono{font-family:var(--font-mono)}.mt-0{margin-top:0!important}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}