@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap");:root{--bg:#020617;--panel:rgba(15,23,42,.6);--panel-2:rgba(30,41,59,.7);--border:hsla(0,0%,100%,.1);--text:#f8fafc;--muted:#94a3b8;--accent:#22c55e;--good:#22c55e;--warn:#f59e0b;--bad:#ef4444}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}a{color:var(--accent);text-decoration:none;transition:all .2s ease}a:hover{opacity:.8}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:6px;z-index:10}.sidebar h1{font-size:18px;margin:0 0 24px 8px;font-weight:700;color:#fff;letter-spacing:-.02em}.sidebar a{color:var(--muted);padding:10px 14px;border-radius:8px;display:block;font-weight:500;transition:all .2s ease}.sidebar a:hover{background:hsla(0,0%,100%,.05);color:var(--text)}.sidebar a.active{background:rgba(34,197,94,.15);color:var(--accent);border:1px solid rgba(34,197,94,.3)}.main,.sidebar .spacer{flex:1 1}.main{padding:32px 40px;max-width:1400px;margin:0 auto;width:100%}.main h2{margin:0 0 8px;font-size:24px;font-weight:600;letter-spacing:-.02em}.subtitle{color:var(--muted);margin:0 0 28px;font-size:15px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.card{background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:20px 22px;box-shadow:0 4px 24px -1px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px -1px rgba(0,0,0,.3)}.card .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.card .value{font-size:32px;font-weight:700;margin-top:8px;color:#fff;letter-spacing:-.02em}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid var(--border);overflow:hidden;box-shadow:0 4px 24px -1px rgba(0,0,0,.2)}td,th{text-align:left;padding:14px 18px;border-bottom:1px solid hsla(0,0%,100%,.05)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;background:rgba(0,0,0,.2)}tr:last-child td{border-bottom:none}tr:hover td{background:hsla(0,0%,100%,.02)}.hover-row:hover{background:hsla(0,0%,100%,.05)!important;transform:scale(1.002);box-shadow:inset 2px 0 0 var(--accent)}.hover-scale{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 12px 40px rgba(0,0,0,.3)!important}.badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;display:inline-block;border:1px solid transparent}.badge.connected,.badge.interested{background:rgba(34,197,94,.15);color:var(--good);border-color:rgba(34,197,94,.3)}.badge.busy,.badge.callback,.badge.no_answer{background:rgba(245,158,11,.15);color:var(--warn);border-color:rgba(245,158,11,.3)}.badge.dnc,.badge.failed,.badge.not_interested,.badge.rejected{background:rgba(239,68,68,.15);color:var(--bad);border-color:rgba(239,68,68,.3)}.badge.called,.badge.new,.badge.queued{background:hsla(0,0%,100%,.1);color:var(--text);border-color:hsla(0,0%,100%,.2)}.login-wrap{display:flex;min-height:100vh;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1e293b 0,#020617 100%)}.login-box{background:var(--panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;padding:40px;width:380px;box-shadow:0 10px 40px -10px rgba(0,0,0,.5)}.login-box h1{margin:0 0 8px;font-size:24px;font-weight:700;color:#fff;letter-spacing:-.02em}.login-box p{color:var(--muted);margin:0 0 28px;font-size:15px}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-bottom:8px}.field input{width:100%;padding:12px 14px;border-radius:8px;font-family:inherit;font-size:14px;border:1px solid var(--border);background:rgba(0,0,0,.2);color:var(--text);transition:all .2s ease}.field input:focus{outline:none;border-color:var(--accent);background:rgba(0,0,0,.4);box-shadow:0 0 0 2px rgba(34,197,94,.2)}button.primary{width:100%;padding:12px;border:none;border-radius:8px;font-family:inherit;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;font-size:15px;transition:all .2s ease;box-shadow:0 4px 12px rgba(34,197,94,.2)}button.primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px rgba(34,197,94,.3)}button.primary:active{transform:translateY(1px)}button.link{background:none;border:none;color:var(--muted);cursor:pointer;font-weight:500;font-family:inherit;transition:color .2s ease}button.link:hover{color:var(--text)}.error{color:var(--bad);font-size:13px;margin-top:14px;padding:10px;background:rgba(239,68,68,.1);border-radius:6px;border:1px solid rgba(239,68,68,.2)}.empty{color:var(--muted);padding:48px;text-align:center;background:var(--panel);border:1px dashed var(--border);border-radius:12px;margin-top:16px}.mobile-topbar{display:none}.mobile-menu-btn{background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;padding:8px}@media (max-width:768px){.app{flex-direction:column}.mobile-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--panel);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sidebar{position:fixed;top:0;left:-100%;bottom:0;transition:left .3s ease;z-index:30;width:260px;box-shadow:4px 0 24px rgba(0,0,0,.5)}.sidebar.mobile-open{left:0}.main{padding:20px 16px;overflow-x:hidden}}.chat-container{display:flex;height:600px;background:rgba(10,10,12,.4);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 16px 40px rgba(0,0,0,.3)}.chat-sidebar{width:320px;border-right:1px solid hsla(0,0%,100%,.08);display:flex;flexDirection:column;background:rgba(0,0,0,.2)}.chat-sidebar-header{padding:16px;border-bottom:1px solid hsla(0,0%,100%,.05);font-weight:600;font-size:15px;color:#fff;letter-spacing:.3px}.chat-list{flex:1 1;overflow-y:auto}.chat-item{padding:16px;border-bottom:1px solid hsla(0,0%,100%,.03);cursor:pointer;transition:background .2s;display:flex;flex-direction:column;gap:4px}.chat-item:hover{background:hsla(0,0%,100%,.03)}.chat-item.active{background:rgba(37,211,102,.1);border-left:3px solid #25d366}.chat-item-name{font-weight:600;font-size:14px;color:#fff}.chat-item-preview{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-thread{flex:1 1;display:flex;flex-direction:column;background:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-blend-mode:overlay;background-color:rgba(15,15,20,.95)}.chat-header{padding:16px 20px;background:rgba(0,0,0,.4);border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:space-between}.chat-messages{flex:1 1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.msg-bubble{max-width:75%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.4;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.2)}.msg-bubble.in{align-self:flex-start;background:hsla(0,0%,100%,.1);color:#fff;border-bottom-left-radius:4px;border:1px solid hsla(0,0%,100%,.05)}.msg-bubble.out{align-self:flex-end;background:#005c4b;color:#fff;border-bottom-right-radius:4px}.msg-time{font-size:11px;color:hsla(0,0%,100%,.5);margin-top:4px;text-align:right;display:block}.chat-input-area{padding:16px;background:rgba(0,0,0,.4);border-top:1px solid hsla(0,0%,100%,.08);display:flex;gap:12px;align-items:flex-end}.chat-input{flex:1 1;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:12px 16px;color:#fff;font-family:inherit;font-size:14px;outline:none;resize:none;max-height:120px;min-height:44px;transition:border-color .2s}.chat-input:focus{border-color:rgba(37,211,102,.5);background:hsla(0,0%,100%,.08)}.chat-send-btn{background:#25d366;color:#000;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .2s,filter .2s;box-shadow:0 4px 12px rgba(37,211,102,.3)}.chat-send-btn:hover{transform:scale(1.05);filter:brightness(1.1)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.chat-send-icon{width:20px;height:20px;fill:currentColor;margin-left:2px}@media (max-width:768px){.chat-container{flex-direction:column;height:80vh}.chat-sidebar{width:100%;border-right:none;border-bottom:1px solid hsla(0,0%,100%,.08);max-height:30%}}