:root{--ink:#0b1220;--ink-raised:#0e1626;--panel:#121b2e;--panel-inset:#0f1728;--line:#24314c;--line-soft:#1b263d;--paper:#eaeff7;--muted:#8b98b4;--faint:#5b6b8c;--amber:#f2a63d;--amber-ink:#241704;--teal:#34d6b7;--blue:#4c8dff;--coral:#ff6b5b;--violet:#a78bfa;--font-display:"IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;--font-body:"IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--radius:6px;--radius-sm:4px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--ink);color:var(--paper);font-size:15px}a{color:inherit}::selection{background:var(--amber);color:var(--amber-ink)}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.login-container{background:radial-gradient(ellipse 900px 500px at 50% -10%, #f2a63d14, transparent), repeating-linear-gradient(0deg, #eaeff706 0px, #eaeff706 1px, transparent 1px, transparent 3px), var(--ink);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:380px;padding:2.5rem 2.5rem 2rem;position:relative}.login-box:before{content:"ACCESS CONSOLE";font-family:var(--font-mono);letter-spacing:.18em;color:var(--faint);text-align:center;margin-bottom:1.5rem;font-size:.7rem;display:block}.login-box h1{color:var(--paper);text-align:center;letter-spacing:-.01em;margin-bottom:.35rem;font-size:1.5rem;font-weight:700}.login-box h1:before{content:"";background:var(--amber);border-radius:2px;width:8px;height:8px;margin-right:.5rem;display:inline-block;box-shadow:0 0 8px #f2a63db3}.login-box h2{text-align:center;color:var(--muted);margin-bottom:2rem;font-size:.9rem;font-weight:400}.alert{border-radius:var(--radius-sm);font-size:.85rem;font-family:var(--font-mono);border:1px solid #0000;margin-bottom:1.5rem;padding:.75rem 1rem}.alert-error{color:var(--coral);background-color:#ff6b5b1a;border-color:#ff6b5b4d}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.8rem;font-weight:500;display:block}.form-group input,.form-group select{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;font-size:.95rem;font-family:var(--font-mono);background:var(--panel-inset);color:var(--paper);padding:.65rem .75rem;transition:border-color .15s}.form-group input::placeholder{color:var(--faint);font-family:var(--font-body)}.form-group input:focus,.form-group select:focus{border-color:var(--amber);outline:none;box-shadow:0 0 0 3px #f2a63d26}.btn{border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-body);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.1rem;text-decoration:none;transition:all .15s;display:inline-flex}.container{grid-template-rows:auto 1fr;grid-template-columns:232px 1fr;min-height:100vh;display:grid}header{background:var(--ink-raised);border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;padding:.9rem 1.75rem;display:flex}header h1{letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;display:flex}header h1:before{content:"";background:var(--amber);border-radius:2px;flex-shrink:0;width:9px;height:9px;display:block;box-shadow:0 0 8px #f2a63db3}.live-indicator{font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;border:1px solid var(--line);border-radius:999px;align-items:center;gap:.5rem;margin-right:1.25rem;padding:.3rem .65rem;font-size:.72rem;display:flex}.pulse-dot{background:var(--teal);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 #34d6b799}@keyframes pulse{0%{box-shadow:0 0 #34d6b78c}70%{box-shadow:0 0 0 6px #34d6b700}to{box-shadow:0 0 #34d6b700}}.live-clock{color:var(--paper)}.user-info{color:var(--muted);align-items:center;gap:0;font-size:.85rem;display:flex}.sidebar{background:var(--ink-raised);border-right:1px solid var(--line);padding:1.5rem 0}.sidebar ul{list-style:none}.sidebar li a{color:var(--muted);border-left:2px solid #0000;align-items:center;padding:.75rem 1.75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar li a:hover{background:var(--panel);color:var(--paper)}.sidebar li a.active{background:var(--panel);color:var(--amber);border-left-color:var(--amber)}.content{padding:2rem 2.25rem;overflow-y:auto}.btn-primary{background:var(--amber);color:var(--amber-ink);border-color:var(--amber)}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--paper);border-color:var(--line);background:0 0}.btn-secondary:hover{border-color:var(--muted)}.btn-export{background:var(--teal);color:#052a22;border-color:var(--teal)}.btn-export:hover{filter:brightness(1.08)}.btn-view{color:var(--muted);border-color:var(--line);background:0 0;padding:.4rem .8rem;font-size:.78rem}.btn-view:hover{color:var(--amber);border-color:var(--amber)}.btn-logout{color:var(--muted);background:0 0;border-color:#0000;margin-left:.75rem}.btn-logout:hover{color:var(--coral);border-color:#ff6b5b66}.btn-back{color:var(--muted);border-color:var(--line);background:0 0}.btn-back:hover{color:var(--paper);border-color:var(--muted)}.stats-cards{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:2rem;display:flex;overflow:hidden}.card{border-right:1px solid var(--line);flex:1;padding:1.25rem 1.5rem}.card:last-child{border-right:none}.card h3{color:var(--faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;font-size:.68rem;font-weight:600}.stat-number{font-family:var(--font-mono);color:var(--paper);font-size:1.9rem;font-weight:500;line-height:1}.card:nth-child(2) .stat-number,.card:nth-child(3) .stat-number{color:var(--amber)}.card:nth-child(4) .stat-number{color:var(--teal)}.recent-transactions h2{color:var(--paper);margin-bottom:1rem;font-size:.95rem;font-weight:600}.data-table{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);border-collapse:collapse;width:100%;overflow:hidden}.data-table thead{background:var(--ink-raised)}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);border-bottom:1px solid var(--line);padding:.7rem 1.1rem;font-size:.7rem;font-weight:600}.data-table td{border-bottom:1px solid var(--line-soft);color:var(--paper);font-size:.88rem;font-family:var(--font-mono);padding:.75rem 1.1rem}.data-table tbody tr:hover{background:var(--ink-raised)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .no-data{text-align:center;color:var(--faint);font-family:var(--font-mono);padding:2.5rem;font-size:.85rem}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.data-table td.truncate{font-family:var(--font-body);color:var(--muted)}.status-badge{font-size:.72rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:1px solid;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .65rem .25rem .5rem;display:inline-flex}.status-badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-sent{color:var(--amber);border-color:#f2a63d59}.status-sent:before{background:var(--amber)}.status-delivered{color:var(--teal);border-color:#34d6b759}.status-delivered:before{background:var(--teal)}.status-read{color:var(--blue);border-color:#4c8dff59}.status-read:before{background:var(--blue)}.status-failed{color:var(--coral);border-color:#ff6b5b59}.status-failed:before{background:var(--coral)}.status-received{color:var(--violet);border-color:#a78bfa59}.status-received:before{background:var(--violet)}.status-unknown{color:var(--faint);border-color:var(--line)}.status-unknown:before{background:var(--faint)}.type-badge{border-radius:var(--radius-sm);font-size:.66rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;background:var(--panel-inset);color:var(--muted);border:1px solid var(--line);padding:.2rem .55rem;display:inline-block}.type-template{color:var(--blue)}.type-text{color:var(--muted)}.type-image,.type-video,.type-document,.type-audio,.type-sticker,.type-location,.type-contacts{color:var(--violet)}.template-badge{background:var(--panel-inset);color:var(--blue);border:1px solid var(--line);border-radius:999px;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:inline-block}.filter-section{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:2rem;padding:1.5rem}.filter-section h2{color:var(--paper);margin-bottom:1.1rem;font-size:.95rem;font-weight:600}.filter-form{flex-direction:column;gap:1rem;display:flex}.filter-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.filter-group{flex-direction:column;display:flex}.filter-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.75rem;font-weight:500}.filter-group input,.filter-group select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-inset);color:var(--paper);font-family:var(--font-mono);padding:.55rem .7rem;font-size:.85rem}.filter-group input:focus,.filter-group select:focus{border-color:var(--amber);outline:none}.filter-actions{gap:.75rem;margin-top:.25rem;display:flex}.transactions-table .table-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.transactions-table .table-header h2{color:var(--paper);font-size:.95rem;font-weight:600}.pagination{font-family:var(--font-mono);justify-content:center;align-items:center;gap:1.25rem;margin-top:1.5rem;padding:1rem;font-size:.8rem;display:flex}.pagination span{color:var(--muted)}.pagination a{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--paper);cursor:pointer;padding:.4rem .9rem;text-decoration:none;transition:all .15s}.pagination a:hover{border-color:var(--amber);color:var(--amber)}.template-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;padding:1.5rem}.template-card h3,.template-card h4{color:var(--paper);margin-bottom:1rem;font-size:1rem}.template-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.template-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:1rem;display:grid}.template-stats span{text-align:center;background:var(--panel-inset);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.85rem;font-family:var(--font-mono);color:var(--muted);padding:.5rem;display:block}.template-stats span:first-child{color:var(--amber);font-weight:600}.template-details{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.template-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.stat-item{flex-direction:column;display:flex}.stat-label{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem;font-size:.7rem}.stat-value{color:var(--paper);font-size:1.3rem;font-weight:500;font-family:var(--font-mono)}.template-messages{margin-top:2rem}.template-messages h2{margin-bottom:1rem;font-size:1rem;font-weight:600}.direction-inbound{color:var(--violet);font-weight:500}.direction-outbound{color:var(--amber);font-weight:500}.conversation-thread{flex-direction:column;display:flex}.conversation-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:1rem;padding-bottom:1rem;display:flex}.conversation-phone{font-family:var(--font-mono);color:var(--paper);font-size:1.1rem;font-weight:600}.conversation-count{color:var(--faint);font-size:.75rem;font-family:var(--font-mono)}.conversation-scroll{flex-direction:column;display:flex}.conversation-day-divider{text-align:center;font-family:var(--font-mono);color:var(--faint);text-transform:uppercase;letter-spacing:.06em;margin:1.25rem 0 .75rem;font-size:.68rem}.chat-bubble-row{margin-bottom:.6rem;scroll-margin:2rem;display:flex}.chat-bubble-row.outbound{justify-content:flex-end}.chat-bubble-row.inbound{justify-content:flex-start}.chat-bubble{border-radius:var(--radius);border:1px solid var(--line);min-width:0;max-width:78%;padding:.65rem .85rem}.chat-bubble-row.outbound .chat-bubble{background:#f2a63d14;border-color:#f2a63d40;border-bottom-right-radius:2px}.chat-bubble-row.inbound .chat-bubble{background:var(--panel);border-bottom-left-radius:2px}.chat-bubble .type-badge{margin-bottom:.4rem;display:inline-block}.chat-bubble-text{color:var(--paper);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-size:.9rem;font-family:var(--font-body)}.chat-bubble-meta{font-family:var(--font-mono);color:var(--faint);gap:.6rem;margin-top:.4rem;font-size:.68rem;display:flex}.chat-status{text-transform:uppercase;letter-spacing:.04em;font-weight:600}.chat-bubble-row.is-focus .chat-bubble{animation:1.8s ease-out focus-flash}@keyframes focus-flash{0%{box-shadow:0 0 0 2px var(--amber)}to{box-shadow:0 0 0 2px #0000}}.reply-composer{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.25rem}.reply-composer-row{align-items:flex-end;gap:.75rem;display:flex}.reply-input{resize:none;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-inset);min-width:0;color:var(--paper);font-family:var(--font-body);flex:1;padding:.65rem .85rem;font-size:.9rem;line-height:1.4}.reply-input:focus{border-color:var(--amber);outline:none;box-shadow:0 0 0 3px #f2a63d26}.reply-input:disabled{opacity:.6}.reply-window-note{font-family:var(--font-mono);margin-top:.6rem;font-size:.72rem}.reply-window-note.open{color:var(--teal)}.reply-window-note.closed{border-top:1px solid var(--line);color:var(--faint);margin-top:1.5rem;padding-top:1.25rem;font-size:.82rem;line-height:1.5}.reply-window{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.reply-window.open{color:var(--teal)}.reply-window.closed{color:var(--faint)}.loading-state{text-align:center;color:var(--faint);font-family:var(--font-mono);padding:3rem;font-size:.85rem}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#05091299;justify-content:flex-end;animation:.18s ease-out drawer-fade-in;display:flex;position:fixed;inset:0}.drawer-panel{background:var(--ink-raised);border-left:1px solid var(--line);width:min(560px,100vw);height:100%;padding:2rem 1.75rem;animation:.22s cubic-bezier(.16,1,.3,1) drawer-slide-in;position:relative;overflow-y:auto;box-shadow:-24px 0 48px #00000059}.drawer-close{border-radius:var(--radius-sm);border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;font-size:.9rem;line-height:1;transition:all .15s;position:absolute;top:1.25rem;right:1.5rem}.drawer-close:hover{color:var(--coral);border-color:#ff6b5b66}.drawer-panel .message-details{margin-top:2.5rem}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=640px){.drawer-panel{width:100vw;padding:1.5rem 1.25rem}}@media (width<=860px){.container{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);padding:.5rem}.sidebar ul{display:flex;overflow-x:auto}.sidebar li a{white-space:nowrap;border-bottom:2px solid #0000;border-left:none;padding:.6rem 1rem}.sidebar li a.active{border-left-color:#0000;border-bottom-color:var(--amber)}.stats-cards{flex-wrap:wrap}.card{border-bottom:1px solid var(--line);flex:45%}.live-indicator{display:none}header h1{font-size:.9rem}.content{padding:1.25rem}}