:root{--bg-color:#fff;--text-color:#000;--accent-color:#000;--border-color:#e0e0e0;--card-bg:#f9f9f9;--hover-bg:#f0f0f0;--sidebar-width:300px;--spacing:2rem}[data-theme=dark]{--bg-color:#000;--text-color:#fff;--accent-color:#fff;--border-color:#333;--card-bg:#0a0a0a;--hover-bg:#111}*{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;transition:background-color .3s,color .3s}html{scroll-behavior:smooth}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-color);border-right:1px solid var(--border-color);height:100vh;padding:var(--spacing);z-index:100;flex-direction:column;transition:background-color .3s,border-color .3s;display:flex;position:fixed;top:0;left:0}.brand{margin-bottom:3rem;animation:.8s ease-out fadeIn}.brand h1{letter-spacing:-1px;margin-bottom:.5rem;font-size:2rem;font-weight:800}.badge{border:1px solid var(--text-color);letter-spacing:2px;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.nav-links{flex-grow:1;list-style:none;overflow-y:auto}.nav-links li{opacity:0;animation:.5s ease-out forwards slideInLeft;animation-delay:calc(var(--delay) * .1s);margin-bottom:.6rem}.nav-links a{color:#666;border-left:2px solid #0000;padding:.35rem 0;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:block}.nav-links a:hover,.nav-links a.active{color:var(--text-color);border-left-color:var(--text-color);padding-left:1rem}.sidebar-footer{opacity:0;margin-top:auto;animation:1s ease-out .8s forwards fadeIn}.contact-info small{color:#666;margin-bottom:.2rem;font-size:.7rem;display:block}.main-content{margin-left:var(--sidebar-width);width:100%;max-width:1200px;padding:4rem 6rem}section{opacity:0;margin-bottom:6rem;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(20px)}section.visible{opacity:1;transform:translateY(0)}h2{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem;font-size:2.5rem;font-weight:700}h3{margin-bottom:.75rem;font-size:1.1rem;font-weight:700}p{color:var(--text-color);opacity:.8;max-width:70ch;margin-bottom:1.5rem}.hero-btn{text-transform:uppercase;letter-spacing:1px;border:1px solid var(--text-color);cursor:pointer;padding:.8rem 1.8rem;font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.22,1,.36,1);display:inline-block}.hero-btn.primary{background:var(--text-color);color:var(--bg-color)}.hero-btn.primary:hover{background:var(--bg-color);color:var(--text-color);transform:translateY(-1px)}.hero-btn.secondary{color:var(--text-color);background:0 0}.hero-btn.secondary:hover{background:var(--text-color);color:var(--bg-color);transform:translateY(-1px)}.hero-btn:active{transform:translateY(0)scale(.98)!important}.hero-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.about-block{border-bottom:1px solid var(--border-color);padding:2rem 0}.about-block h3{text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:.85rem}.historical-list{border-top:1px solid var(--border-color);margin-top:0}.historical-item{border-bottom:1px solid var(--border-color);align-items:center;gap:2rem;padding:1.5rem 1rem;transition:background-color .3s;display:flex}.historical-item:hover{background-color:var(--hover-bg)}.historical-year{flex-shrink:0;width:60px;font-family:monospace;font-size:1.5rem;font-weight:800}.historical-info{flex-grow:1}.login-page{background:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{border:1px solid var(--border-color);width:100%;max-width:420px;padding:3rem;animation:.4s cubic-bezier(.22,1,.36,1) .1s both fadeInScale}.error-banner{color:#c00;border:1px solid #c00;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem}.panel-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.portal-input{border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);outline:none;min-width:200px;padding:.6rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.portal-input:focus{border-color:var(--text-color)}.call-status{align-items:center;gap:.5rem;margin:1rem 0;font-size:.9rem;font-weight:600;display:flex}.status-dot{background:var(--border-color);flex-shrink:0;width:10px;height:10px;transition:background .3s;display:inline-block;border-radius:50%!important}.status-dot.ring{background:red;animation:1s infinite ringPulse}.status-dot.active{background:#0a0;animation:2s infinite pulseShadow}.log-box{background:var(--card-bg);border:1px solid var(--border-color);height:180px;padding:.75rem 1rem;font-family:monospace;font-size:.8rem;line-height:1.7;overflow-y:auto}.incoming-banner{border:1px solid var(--border-color);background:var(--hover-bg);margin-bottom:1.5rem;padding:1.25rem 1.5rem;animation:.35s cubic-bezier(.22,1,.36,1) fadeInScale}.sms-row{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.15rem;padding:.6rem 0;display:flex}.sms-row.in .sms-meta{color:#1a6}.sms-row.out .sms-meta{color:#55a}.sms-meta{font-family:monospace;font-size:.75rem;font-weight:600}.sms-body{font-size:.9rem}.webhook-panel{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem}.webhook-section{margin-bottom:1.25rem}.webhook-label{text-transform:uppercase;letter-spacing:2px;opacity:.5;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.webhook-row{margin-bottom:.75rem}.webhook-url{background:var(--bg-color);border:1px solid var(--border-color);word-break:break-all;padding:.3rem .6rem;font-family:monospace;font-size:.85rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes statusIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes pulseShadow{0%,to{box-shadow:0 0 #80808000}50%{box-shadow:0 0 0 6px #8080802e}}@keyframes ringPulse{0%{box-shadow:0 0 #dc323273}70%{box-shadow:0 0 0 10px #dc323200}to{box-shadow:0 0 #dc323200}}@keyframes dotBounce{0%,80%,to{opacity:.3;transform:scale(.4)}40%{opacity:1;transform:scale(1)}}@keyframes trackFill{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}.main-content{animation:.4s ease-out fadeIn}.main-content section{opacity:1;transition:none;animation:.55s cubic-bezier(.22,1,.36,1) 40ms both slideInUp;transform:none}.main-content h2{animation:.42s cubic-bezier(.22,1,.36,1) 80ms both slideInLeft}.number-selector{border:1px solid var(--border-color);flex-wrap:wrap;margin-bottom:1.5rem;animation:.35s ease-out 20ms both fadeIn;display:flex;overflow:hidden}.number-tab{border:none;border-right:1px solid var(--border-color);color:#888;text-transform:uppercase;letter-spacing:1px;cursor:pointer;white-space:nowrap;background:0 0;padding:.55rem 1.1rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s cubic-bezier(.22,1,.36,1);animation:.3s ease-out fadeIn}.number-tab:last-child{border-right:none}.number-tab.active{background:var(--text-color);color:var(--bg-color)}.number-tab:hover:not(.active){background:var(--hover-bg);color:var(--text-color)}.call-workspace{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:.5rem;display:grid}.call-left,.call-right{flex-direction:column;gap:1.25rem;display:flex}.dial-section{border:1px solid var(--border-color);padding:1.25rem;animation:.35s cubic-bezier(.22,1,.36,1) both slideInUp}.call-left .dial-section:first-child{animation-delay:50ms}.call-left .dial-section:nth-child(2){animation-delay:.12s}.call-right .dial-section:first-child{animation-delay:.18s}.call-right .dial-section:nth-child(2){animation-delay:.24s}.dial-section h4{text-transform:uppercase;letter-spacing:2px;opacity:.45;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.sms-workspace{border:1px solid var(--border-color);grid-template-columns:220px 1fr;height:520px;animation:.38s cubic-bezier(.22,1,.36,1) .1s both fadeInScale;display:grid;overflow:hidden}.sms-contact-list{border-right:1px solid var(--border-color);flex-shrink:0;overflow-y:auto}.sms-contact-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:.7rem .85rem;transition:background .12s;animation:.22s ease-out both fadeIn}.sms-contact-item:first-child{animation-delay:40ms}.sms-contact-item:nth-child(2){animation-delay:80ms}.sms-contact-item:nth-child(3){animation-delay:.12s}.sms-contact-item:nth-child(4){animation-delay:.16s}.sms-contact-item:nth-child(5){animation-delay:.2s}.sms-contact-item:hover{background:var(--hover-bg)}.sms-contact-item.active{background:var(--hover-bg);border-left:2px solid var(--text-color);padding-left:calc(.85rem - 2px)}.sms-contact-number{font-family:monospace;font-size:.82rem;font-weight:700}.sms-contact-preview{opacity:.55;white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin-top:.1rem;font-size:.72rem;overflow:hidden}.sms-contact-time{opacity:.38;margin-top:.1rem;font-size:.68rem}.sms-thread-pane{flex-direction:column;display:flex;overflow:hidden}.sms-messages{flex:1;padding:1rem 1.25rem;overflow-y:auto}.sms-compose{border-top:1px solid var(--border-color);flex-shrink:0;align-items:flex-end;gap:.5rem;padding:.6rem .85rem;display:flex}.sms-compose textarea{border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);resize:none;outline:none;flex:1;padding:.5rem .65rem;font-family:inherit;font-size:.875rem;line-height:1.5}.sms-compose textarea:focus{border-color:var(--text-color)}.msg-bubble{max-width:72%;margin-bottom:.65rem}.msg-bubble.out{margin-left:auto}.msg-bubble-text{border:1px solid var(--border-color);background:var(--card-bg);word-break:break-word;padding:.45rem .75rem;font-size:.875rem;line-height:1.5;display:inline-block}.msg-bubble.out .msg-bubble-text{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.msg-bubble-meta{opacity:.38;margin-top:.2rem;font-size:.68rem}.msg-bubble.out .msg-bubble-meta{text-align:right}@media (max-width:1024px){.sidebar{width:240px;padding:1.5rem}.main-content{margin-left:240px;padding:3rem}}.mobile-header,.mobile-nav{display:none}.dialpad{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.65rem;display:grid}.dialpad-btn{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;text-align:center;background:0 0;padding:.7rem .5rem;font-family:inherit;font-size:1rem;font-weight:700;line-height:1;transition:background .1s,transform .1s cubic-bezier(.22,1,.36,1)}.dialpad-btn:hover{background:var(--hover-bg)}.dialpad-btn:active{background:var(--text-color);color:var(--bg-color);transform:scale(.93)}.dialpad-sub{letter-spacing:1px;opacity:.45;margin-top:.15rem;font-size:.55rem;font-weight:400;display:block}.call-history-list{border:1px solid var(--border-color);max-height:220px;overflow-y:auto}.call-history-item{border-bottom:1px solid var(--border-color);align-items:center;gap:.6rem;padding:.5rem .85rem;font-size:.78rem;animation:.25s ease-out both slideInUp;display:flex}.call-history-item:first-child{animation-delay:30ms}.call-history-item:nth-child(2){animation-delay:60ms}.call-history-item:nth-child(3){animation-delay:90ms}.call-history-item:nth-child(4){animation-delay:.12s}.call-history-item:nth-child(5){animation-delay:.15s}.call-history-item:last-child{border-bottom:none}.call-dir-badge{text-transform:uppercase;letter-spacing:.5px;opacity:.5;flex-shrink:0;width:44px;font-size:.65rem;font-weight:700}.call-peer-num{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:monospace;font-weight:600;overflow:hidden}.call-dur{opacity:.45;flex-shrink:0;font-family:monospace;font-size:.75rem}.call-ts{opacity:.3;flex-shrink:0;font-size:.7rem}.mobile-back-btn{display:none}@media (max-width:768px){.sidebar{display:none}.mobile-header{background:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:200;justify-content:space-between;align-items:center;gap:.75rem;height:52px;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}.mobile-header-brand{letter-spacing:-.5px;font-size:1.35rem;font-weight:800}.mobile-header-actions{align-items:center;gap:.5rem;display:flex}.mobile-header-btn{cursor:pointer;color:var(--text-color);opacity:.55;border:none;border:1px solid var(--border-color);background:0 0;padding:.3rem .5rem;font-family:monospace;font-size:.75rem}.mobile-nav{background:var(--bg-color);border-top:1px solid var(--border-color);z-index:200;height:56px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{text-transform:uppercase;letter-spacing:.5px;color:#888;cursor:pointer;background:0 0;border:none;border-top:2px solid #0000;flex:1;justify-content:center;align-items:center;font-family:inherit;font-size:.68rem;font-weight:700;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--text-color);border-top-color:var(--text-color)}.main-content{max-width:100%;margin-left:0;padding:calc(52px + 1rem) 1rem calc(56px + 1rem)}h2{font-size:1.6rem}.call-workspace{grid-template-columns:1fr}.sms-workspace{grid-template-columns:1fr;height:calc(100svh - 188px - 2rem)}.sms-contact-list{display:block}.sms-thread-pane,.sms-workspace.show-thread .sms-contact-list{display:none}.sms-workspace.show-thread .sms-thread-pane{display:flex}.admin-form-grid,.admin-webhook-grid{grid-template-columns:1fr!important}.number-selector{flex-wrap:nowrap;overflow-x:auto}.portal-input{width:100%;min-width:0}.historical-item{gap:.75rem;padding:1rem .75rem}.historical-year{min-width:100px;font-size:.85rem}.about-block{padding:1.25rem 0}section{margin-bottom:3rem}.mobile-back-btn{display:inline-block!important}.call-statusbar{padding:1rem 1.1rem}.csb-peer{font-size:1.2rem!important}.call-history-list{max-height:180px}}.call-statusbar{border:1px solid var(--border-color);background:var(--card-bg);margin-bottom:1.25rem;padding:1.25rem 1.5rem;transition:opacity .5s;animation:.35s cubic-bezier(.22,1,.36,1) both statusIn;position:relative;overflow:hidden}.call-statusbar.csb-ended{opacity:.45}.call-statusbar:before{content:"";background:var(--text-color);opacity:.08;height:2px;position:absolute;top:0;left:0;right:0}.call-statusbar.csb-ringing:before{opacity:.18;animation:.4s ease-out forwards trackFill}.csb-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.csb-direction{text-transform:uppercase;letter-spacing:3px;opacity:.4;margin-bottom:.25rem;font-size:.6rem;font-weight:700;display:block}.csb-peer{letter-spacing:1px;font-family:monospace;font-size:1.6rem;font-weight:800;line-height:1.1}.csb-timer{opacity:.5;text-align:right;font-family:monospace;font-size:1.1rem;font-weight:700}.csb-ended-lbl{text-transform:uppercase;letter-spacing:3px;opacity:.35;text-align:right;margin-top:.25rem;font-size:.6rem;font-weight:700}.csb-stages{align-items:center;display:flex}.csb-node{flex-direction:column;flex-shrink:0;align-items:center;gap:.3rem;display:flex}.csb-dot{border:2px solid var(--text-color);opacity:.2;width:10px;height:10px;transition:all .35s;display:block;border-radius:50%!important}.csb-node.csb-now .csb-dot{opacity:1;background:var(--text-color);animation:1.5s infinite pulseShadow}.csb-node.csb-past .csb-dot{opacity:.55;background:var(--text-color)}.csb-lbl{text-transform:uppercase;letter-spacing:1.5px;opacity:.25;white-space:nowrap;font-size:.55rem;font-weight:700;transition:opacity .3s}.csb-node.csb-now .csb-lbl,.csb-node.csb-past .csb-lbl{opacity:.65}.csb-track{background:var(--border-color);flex:1;min-width:28px;height:1px;margin-bottom:1rem;transition:background .4s,opacity .4s}.csb-track.csb-track-filled{background:var(--text-color);opacity:.35}.csb-ring-indicator{align-items:center;gap:3px;margin-top:.65rem;display:flex}.csb-ring-dot{background:var(--text-color);width:5px;height:5px;animation:1.4s ease-in-out infinite dotBounce;border-radius:50%!important}.csb-ring-dot:first-child{animation-delay:0s}.csb-ring-dot:nth-child(2){animation-delay:.2s}.csb-ring-dot:nth-child(3){animation-delay:.4s}.csb-note{opacity:.35;margin-top:.6rem;font-size:.7rem;font-style:italic}.settings-panel{background:var(--card-bg);border:1px solid var(--border-color);z-index:150;padding:1rem 1.25rem;animation:.2s cubic-bezier(.22,1,.36,1) slideInUp;position:absolute;bottom:calc(100% + .5rem);left:0;right:0}.settings-title{text-transform:uppercase;letter-spacing:2.5px;opacity:.4;margin-bottom:.85rem;font-size:.6rem;font-weight:700}.settings-item{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:1rem;padding:.3rem 0;font-size:.82rem;display:flex}.settings-item input[type=checkbox]{cursor:pointer}.log-box{animation:.3s ease-out fadeIn}.portal-input{transition:border-color .2s,box-shadow .2s}.portal-input:focus{border-color:var(--text-color);box-shadow:0 0 0 2px #8080801a}.sms-contact-item{transition:background .15s,border-left-color .15s}.msg-bubble{animation:.2s ease-out both slideInUp}.global-call-popup{z-index:1000;background:var(--card-bg);border:1px solid var(--border-color);min-width:280px;max-width:340px;padding:1.25rem 1.5rem;animation:.3s cubic-bezier(.22,1,.36,1) both fadeInScale,1.5s ease-in-out infinite ringPulse;position:fixed;top:24px;right:24px;box-shadow:0 8px 40px #00000038}.gcp-label{text-transform:uppercase;letter-spacing:2px;opacity:.45;margin-bottom:.35rem;font-size:.65rem}.gcp-line{opacity:.5;margin-bottom:.3rem;font-size:.75rem}.gcp-from{letter-spacing:-.5px;margin-bottom:1rem;font-family:monospace;font-size:1.3rem;font-weight:800}.gcp-actions{gap:.5rem;display:flex}.sms-toast-stack{z-index:999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:24px;right:24px}.sms-toast{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;pointer-events:all;min-width:260px;max-width:320px;padding:.75rem 1rem;animation:.3s cubic-bezier(.22,1,.36,1) both slideInUp;box-shadow:0 4px 20px #00000026}.sms-toast-from{margin-bottom:.25rem;font-size:.8rem;font-weight:700}.sms-toast-body{opacity:.6;font-size:.78rem;line-height:1.4}@media (max-width:768px){.global-call-popup{min-width:0;max-width:none;top:60px;left:12px;right:12px}.sms-toast-stack{bottom:68px;left:12px;right:12px}.sms-toast{min-width:0;max-width:none}}.mic-indicator{z-index:210;cursor:default;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s;display:flex;position:fixed;top:.85rem;right:1rem}.mic-indicator:hover{opacity:1!important}.mic-indicator--denied{background:var(--hover-bg);border:1px solid var(--border-color);animation:2s ease-in-out infinite ringPulse}@media (max-width:768px){.mic-indicator{top:12px;right:.75rem}}