@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap);.app-shell{background:var(--color-base);height:100vh}.app-shell,.sidebar{display:flex;overflow:hidden}.sidebar{background:#0f0f0f;border-right:1px solid var(--color-surface-mid);flex-direction:column;flex-shrink:0;padding:12px 0;transition:width .2s ease;z-index:10}.sidebar.collapsed{width:64px}.sidebar.expanded{width:220px}.sidebar-logo-area{min-height:48px;padding:0 12px 16px}.logo-mark-box,.sidebar-logo-area{align-items:center;display:flex;flex-shrink:0}.logo-mark-box{background:linear-gradient(135deg,var(--color-teal),#1a7a5e);border-radius:var(--radius-sm);height:40px;justify-content:center;width:40px}.logo-mark{color:#0a2a1f;font-family:var(--font-primary);font-size:20px;font-weight:700}.logo-full-default{align-items:center;background:linear-gradient(135deg,var(--color-teal),#1a7a5e);border-radius:var(--radius-sm);display:flex;gap:10px;padding:8px 14px;width:100%}.logo-text{color:#0a2a1f;font-family:var(--font-primary);font-size:16px;font-weight:700;letter-spacing:-.3px}.logo-img-collapsed{width:40px}.logo-img-collapsed,.logo-img-full{border-radius:var(--radius-sm);height:40px;object-fit:contain}.logo-img-full{width:100%}.sidebar-nav{flex:1 1;flex-direction:column;gap:2px;padding:0 8px}.nav-item,.sidebar-nav{display:flex;width:100%}.nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-dark-gray);cursor:pointer;flex-direction:row;font-family:var(--font-primary);gap:10px;overflow:hidden;padding:10px 12px;text-decoration:none;transition:var(--transition);white-space:nowrap}.nav-item:hover{background:var(--color-surface);color:var(--color-gray)}.nav-item.active{background:#3abb9014;color:var(--color-teal)}.nav-icon-svg{flex-shrink:0}.nav-label-text{font-size:13px;font-weight:500;letter-spacing:-.1px}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar-bottom{display:flex;flex-direction:column;gap:2px;padding:0 8px}.collapse-btn{font-family:var(--font-primary)}.user-avatar-wrap{padding:4px 0;position:relative}.user-avatar{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;overflow:hidden;padding:8px 12px;transition:var(--transition);width:100%}.user-avatar:hover{background:var(--color-surface)}.user-avatar .avatar-circle{align-items:center;background:var(--color-violet);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.sidebar.collapsed .user-avatar{justify-content:center;padding:10px}.user-avatar-info{flex:1 1;min-width:0;overflow:hidden}.user-avatar-name{color:var(--color-off-white);font-size:12px;font-weight:600}.user-avatar-email,.user-avatar-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-avatar-email{color:var(--color-gray);font-size:11px}.user-avatar>span{align-items:center;background:var(--color-violet);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;min-width:32px;width:32px}.user-menu{background:var(--color-surface);border:1px solid var(--color-surface-mid);border-radius:var(--radius-md);bottom:12px;box-shadow:0 8px 32px #00000080;left:72px;min-width:220px;padding:12px;position:fixed;z-index:9999}.sidebar.expanded .user-menu{left:228px}.user-menu-name{color:var(--color-white);font-size:14px;font-weight:600}.user-menu-email{color:var(--color-gray);font-size:12px;margin-top:2px}.divider{margin:10px 0}.user-menu-item{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-gray);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:13px;gap:8px;padding:8px 4px;text-align:left;transition:var(--transition);width:100%}.user-menu-item:hover{background:var(--color-surface-mid);color:var(--color-off-white)}.user-menu-item.danger:hover{color:var(--color-danger)}.app-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.incoming-overlay{animation:slideIn .3s ease;position:fixed;right:20px;top:20px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.incoming-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-teal);border-radius:var(--radius-lg);box-shadow:var(--glow-teal),0 16px 48px #00000080;display:flex;gap:16px;min-width:320px;padding:20px}.incoming-label{color:var(--color-gray);font-size:11px;letter-spacing:1px;text-transform:uppercase}.incoming-number{color:var(--color-teal);font-family:var(--font-mono);font-size:18px;font-weight:600;margin-top:2px}.incoming-info{flex:1 1}.incoming-actions{display:flex;gap:8px}.avatar-circle{background:var(--color-violet);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;height:32px;min-width:32px;overflow:hidden;width:32px}.auth-page,.avatar-circle{align-items:center;display:flex;justify-content:center}.auth-page{background:var(--color-base);background-image:radial-gradient(circle at 20% 50%,#3abb900a 0,#0000 50%),radial-gradient(circle at 80% 20%,#b282f00a 0,#0000 50%);min-height:100vh}.auth-card{background:var(--color-surface);border:1px solid var(--color-surface-mid);border-radius:var(--radius-xl);box-shadow:0 24px 80px #00000080,var(--glow-teal);max-width:420px;padding:40px;width:100%}.auth-logo{gap:12px;margin-bottom:32px}.auth-logo,.auth-logo-mark{align-items:center;display:flex}.auth-logo-mark{background:linear-gradient(135deg,var(--color-teal),#1a7a5e);border-radius:var(--radius-sm);color:#0a2a1f;font-family:var(--font-primary);font-size:22px;font-weight:800;height:44px;justify-content:center;width:44px}.auth-logo-text{display:flex;flex-direction:column}.auth-brand{color:var(--color-white);font-size:16px;font-weight:700;letter-spacing:.5px}.auth-product{color:var(--color-teal);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.auth-title{color:var(--color-white);font-size:24px;font-weight:700;margin-bottom:6px}.auth-subtitle{color:var(--color-gray);font-size:14px;margin-bottom:28px}.auth-btn{font-size:15px;margin-top:8px;padding:12px;width:100%}.auth-switch{color:var(--color-gray);font-size:13px;margin-top:20px;text-align:center}.auth-switch a{color:var(--color-teal);font-weight:500;text-decoration:none}.auth-switch a:hover{color:var(--color-teal-light)}.setup-page{align-items:center;background:var(--color-base);display:flex;justify-content:center;min-height:100vh;padding:24px}.setup-card{background:var(--color-surface);border:1px solid var(--color-surface-mid);border-radius:var(--radius-xl);box-shadow:0 24px 80px #00000080;max-width:560px;padding:40px;width:100%}.setup-header{margin-bottom:32px}.setup-step{color:var(--color-teal);font-size:11px;font-weight:600;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.setup-title{color:var(--color-white);font-size:22px;font-weight:700;margin-bottom:6px}.setup-desc{color:var(--color-gray);font-size:13px;line-height:1.6}.setup-btn{font-size:15px;margin-top:8px;padding:12px;width:100%}.setup-skip{color:var(--color-dark-gray);cursor:pointer;display:block;font-size:12px;margin-top:12px;text-align:center}.setup-skip:hover{color:var(--color-gray)}.phone-page{height:100%}.dialer-panel,.phone-page{display:flex;overflow:hidden}.dialer-panel{border-right:1px solid var(--color-surface-mid);flex-direction:column;flex-shrink:0;width:320px}.dialer-header{border-bottom:1px solid var(--color-surface-mid);gap:12px;justify-content:space-between;padding:16px}.dialer-header,.dialer-status{align-items:center;display:flex}.dialer-status{gap:6px}.status-dot-sm{border-radius:50%;display:inline-block;height:6px;width:6px}.caller-id-select{background:var(--color-surface);border:1px solid var(--color-surface-mid);border-radius:var(--radius-sm);color:var(--color-gray);cursor:pointer;flex:1 1;font-size:11px;padding:6px 10px}.number-display{align-items:center;display:flex;padding:16px 16px 8px;position:relative}.number-input{background:var(--color-surface);border-color:var(--color-surface-mid);font-family:var(--font-mono);font-size:22px;font-weight:300;letter-spacing:2px;padding:12px 44px 12px 14px}.number-input:focus{border-color:var(--color-teal)}.backspace{font-size:16px;position:absolute;right:24px}.dialer-tabs{border-bottom:1px solid var(--color-surface-mid);display:flex;padding:0 16px}.dialer-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-dark-gray);cursor:pointer;flex:1 1;font-family:var(--font-primary);font-size:12px;font-weight:500;letter-spacing:.5px;padding:10px 0;text-transform:uppercase;transition:var(--transition)}.dialer-tab:hover{color:var(--color-gray)}.dialer-tab.active{border-bottom-color:var(--color-teal);color:var(--color-teal)}.dialpad-grid{grid-gap:6px;display:grid;flex:1 1;gap:6px;grid-template-columns:repeat(3,1fr);padding:12px 16px}.dialpad-key{align-items:center;background:var(--color-surface);border:1px solid var(--color-surface-mid);border-radius:var(--radius-sm);color:var(--color-off-white);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:14px 8px;transition:var(--transition)}.dialpad-key:hover{background:var(--color-surface-mid);border-color:var(--color-dark-gray)}.dialpad-key:active{transform:scale(.96)}.key-digit{font-family:var(--font-primary);font-size:18px;font-weight:500}.key-sub{color:var(--color-dark-gray);font-size:8px;font-weight:500;letter-spacing:1.5px}.recents-list{flex:1 1;overflow-y:auto;padding:8px}.recent-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:10px 8px;transition:var(--transition)}.recent-item:hover{background:var(--color-surface)}.recent-direction{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;width:28px}.recent-direction.inbound{background:#3abb901a;color:var(--color-teal)}.recent-direction.outbound{background:#59b5f81a;color:var(--color-blue)}.recent-info{flex:1 1;min-width:0}.recent-name{color:var(--color-off-white);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-meta{color:var(--color-dark-gray);font-size:11px;margin-top:1px;text-transform:capitalize}.call-controls{border-top:1px solid var(--color-surface-mid);padding:16px}.btn-call,.call-controls{display:flex;justify-content:center}.btn-call{align-items:center;background:linear-gradient(135deg,#2a9d74,var(--color-teal));border:none;border-radius:var(--radius-full);box-shadow:0 4px 20px #3abb904d;color:#0a2a1f;cursor:pointer;font-family:var(--font-primary);font-size:16px;font-weight:700;gap:8px;padding:14px 48px;transition:var(--transition);width:100%}.btn-call:hover:not(:disabled){box-shadow:0 6px 28px #3abb9066;transform:translateY(-1px)}.btn-call:disabled{cursor:not-allowed;opacity:.4}.in-call-controls{display:flex;gap:12px;justify-content:center;width:100%}.ctrl-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-surface-mid);border-radius:var(--radius-md);color:var(--color-gray);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:var(--font-primary);font-size:10px;gap:4px;padding:10px 16px;transition:var(--transition)}.ctrl-btn:hover{border-color:var(--color-gray);color:var(--color-off-white)}.ctrl-btn.active{background:#3abb901a;border-color:var(--color-teal);color:var(--color-teal)}.ctrl-btn .ctrl-icon{font-size:20px}.ctrl-btn.hangup{background:#e052521a;border-color:var(--color-danger);color:var(--color-danger);font-size:20px}.ctrl-btn.hangup:hover{background:var(--color-danger);color:#fff}.call-info-panel{align-items:center;display:flex;flex:1 1;justify-content:center}.active-call-card{align-items:center;display:flex;flex-direction:column;gap:12px}.active-call-avatar{align-items:center;background:var(--color-violet);border-radius:50%;box-shadow:var(--glow-purple);color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;width:80px}.active-call-number{color:var(--color-white);font-size:22px;font-weight:300;letter-spacing:2px}.active-call-status{font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.active-call-timer{color:var(--color-teal);font-family:var(--font-mono);font-size:36px;font-weight:300}.idle-state{align-items:center;color:var(--color-dark-gray);display:flex;flex-direction:column;gap:12px;text-align:center}.idle-icon{font-size:48px;opacity:.3}.idle-state h3{color:var(--color-gray);font-size:18px;font-weight:500}.idle-state p{font-size:13px;line-height:1.6;max-width:240px}.idle-status{align-items:center;display:flex;font-size:12px;gap:6px}.contacts-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.page-header{align-items:center;border-bottom:1px solid var(--color-surface-mid);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.page-title{color:var(--color-white);font-size:20px;font-weight:600}.page-subtitle{color:var(--color-dark-gray);font-size:12px;margin-top:2px}.header-actions{align-items:center;display:flex;gap:10px}.sync-msg{color:var(--color-gray);font-size:12px}.search-bar{border-bottom:1px solid var(--color-surface-mid);flex-shrink:0;padding:12px 24px}.search-bar input{background:var(--color-surface)}.contacts-layout{display:flex;flex:1 1;overflow:hidden}.contacts-list{flex:1 1;overflow-y:auto;padding:8px}.contact-item{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:12px;transition:var(--transition)}.contact-item.active,.contact-item:hover{background:var(--color-surface)}.contact-item.active{border-color:var(--color-surface-mid)}.contact-avatar{align-items:center;background:var(--color-violet);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.contact-info{flex:1 1;min-width:0}.contact-name{color:var(--color-off-white);font-size:14px;font-weight:500}.contact-meta{color:var(--color-dark-gray);font-size:12px;margin-top:1px}.contact-actions{align-items:center;display:flex;gap:6px}.contact-detail{border-left:1px solid var(--color-surface-mid);display:flex;flex-direction:column;flex-shrink:0;width:320px}.detail-header{align-items:center;gap:14px}.detail-avatar{align-items:center;background:var(--color-violet);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:52px;justify-content:center;width:52px}.detail-header>div{flex:1 1;min-width:0}.detail-header>.detail-avatar{flex:0 0 52px}.detail-header h2{font-size:16px}.detail-header p{font-size:12px;margin-top:2px}.detail-row{border-bottom:1px solid #42424280;color:var(--color-off-white);font-size:13px;gap:10px}.detail-row span:first-child{flex-shrink:0;font-size:14px;width:20px}.detail-footer{border-top:1px solid var(--color-surface-mid);padding:16px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:var(--color-surface);border:1px solid var(--color-surface-mid);border-radius:var(--radius-xl);box-shadow:0 24px 80px #0009;max-height:90vh;max-width:90vw;overflow-y:auto;width:480px}.modal-header{align-items:center;border-bottom:1px solid var(--color-surface-mid);display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-header h3{color:var(--color-white);font-size:16px;font-weight:600}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid var(--color-surface-mid);display:flex;gap:10px;justify-content:flex-end;margin-top:8px;padding-top:16px}.contacts-toolbar{align-items:center;display:flex;flex-shrink:0;font-family:Space Grotesk,sans-serif;gap:12px;padding:14px 24px}.leads-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.pipeline-bar{align-items:center;display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:0 24px 12px}.pipeline-bar::-webkit-scrollbar{height:3px}.pipeline-bar::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:2px}.pipeline-stage{align-items:center;background:var(--color-surface);border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-family:Space Grotesk,sans-serif;gap:2px;min-width:60px;padding:8px 14px;transition:all .15s;white-space:nowrap}.pipeline-stage.active,.pipeline-stage:hover{background:var(--color-surface-mid)}.pipeline-stage.active{border-color:var(--stage-color,var(--color-teal))}.stage-count{color:var(--color-white);font-size:18px;font-weight:700;line-height:1}.stage-label{color:var(--color-gray);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.lead-detail{background:var(--color-bg);border-left:1px solid var(--color-surface);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.lead-detail-header{align-items:flex-start;gap:12px;padding:16px 20px}.lead-detail-header,.lead-quick-actions{border-bottom:1px solid var(--color-surface);display:flex;flex-shrink:0}.lead-quick-actions{align-items:center;flex-wrap:wrap;gap:6px;padding:10px 20px}.status-select{background:var(--color-surface);border:1px solid var(--color-surface-mid);border-radius:6px;color:var(--color-white);cursor:pointer;font-size:12px;padding:5px 10px}.detail-tabs{border-bottom:1px solid var(--color-surface);display:flex;flex-shrink:0}.detail-tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--color-gray);cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:10px 8px;text-transform:capitalize;transition:all .15s}.detail-tab-btn:hover{color:var(--color-white)}.detail-tab-btn.active{border-bottom-color:var(--color-teal);color:var(--color-teal)}.tab-badge{background:var(--color-surface-mid);border-radius:10px;color:var(--color-gray);font-size:10px;padding:1px 6px}.lead-detail-body{flex:1 1;overflow-y:auto;padding:16px 20px}.inline-input{background:var(--color-surface);border:1px solid var(--color-surface-mid);border-radius:4px;color:var(--color-white);flex:1 1;font-size:12px;min-width:0;padding:3px 8px}.inline-input:focus{border-color:var(--color-teal);outline:none}.note-preview{border-left:3px solid var(--color-teal)}.add-note-box,.note-preview{background:var(--color-surface);border-radius:8px;padding:12px}.add-note-box{margin-bottom:16px}.note-type-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.note-type-btn{background:none;border:1px solid var(--color-surface-mid);border-radius:20px;color:var(--color-gray);cursor:pointer;font-size:11px;padding:4px 10px;transition:all .15s}.note-type-btn:hover{border-color:var(--color-teal);color:var(--color-white)}.note-type-btn.active{background:var(--color-teal);border-color:var(--color-teal);color:#000;font-weight:600}.notes-timeline{display:flex;flex-direction:column;gap:12px}.timeline-note{align-items:flex-start;display:flex;gap:10px}.timeline-icon{align-items:center;background:var(--color-surface);border-radius:50%;display:flex;flex-shrink:0;font-size:13px;height:28px;justify-content:center;width:28px}.timeline-content{background:var(--color-surface);border-radius:8px;flex:1 1;padding:10px 12px}.timeline-meta{align-items:center;display:flex;gap:8px;margin-bottom:6px}.timeline-type{color:var(--color-teal);font-size:11px;font-weight:600;text-transform:capitalize}.timeline-time{color:var(--color-dark-gray);font-size:11px}.timeline-text{color:var(--color-white);font-size:13px;line-height:1.5}.search-filter-row{align-items:center;display:flex;flex-shrink:0;gap:8px;padding:0 24px 12px}.search-filter-row .search-bar{flex:1 1;padding:0}.search-filter-row input{width:100%}.contacts-toolbar,.leads-toolbar{align-items:center;display:flex;flex-shrink:0;font-family:Space Grotesk,sans-serif;gap:12px;padding:14px 24px}.leads-search-wrap{align-items:center;background:var(--color-surface);border:1px solid var(--color-surface-mid);border-radius:8px;display:flex;flex:1 1;gap:8px;padding:8px 14px;transition:border-color .15s}.leads-search-wrap:focus-within{border-color:var(--color-teal)}.leads-search-input{background:none;border:none;color:var(--color-white);font-family:Space Grotesk,sans-serif;font-size:13px;outline:none;width:100%}.leads-search-input::placeholder{color:var(--color-dark-gray)}.leads-filters{align-items:center;display:flex;flex-shrink:0;gap:4px;overflow-x:auto}.toolbar-divider{margin:0 24px}.leads-search-input:focus{border:none!important;box-shadow:none!important;outline:none!important}.toolbar-divider{background:var(--color-surface);flex-shrink:0;height:1px;margin:0;width:100%}.contact-item{margin-bottom:3px}.history-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.history-layout{display:flex;flex:1 1;overflow:hidden}.history-list{flex:1 1;overflow-y:auto;padding:8px}.history-item{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:12px;transition:var(--transition)}.history-item.active,.history-item:hover{background:var(--color-surface)}.history-item.active{border-color:var(--color-surface-mid)}.direction-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.direction-icon.inbound{background:#3abb901a;color:var(--color-teal)}.direction-icon.outbound{background:#59b5f81a;color:var(--color-blue)}.history-info{flex:1 1;min-width:0}.history-number{color:var(--color-off-white);font-size:14px;font-weight:500}.history-meta{color:var(--color-dark-gray);font-size:11px;margin-top:2px}.history-right{align-items:flex-end;gap:4px}.history-detail,.history-right{display:flex;flex-direction:column}.history-detail{border-left:1px solid var(--color-surface-mid);flex-shrink:0;width:340px}.detail-header{align-items:flex-start;border-bottom:1px solid var(--color-surface-mid);display:flex;gap:12px;justify-content:space-between;padding:20px}.detail-header h2{color:var(--color-white);font-size:15px;font-weight:600}.detail-header p{color:var(--color-gray);font-size:11px;margin-top:3px;text-transform:capitalize}.detail-header-actions{display:flex;flex-shrink:0;gap:6px}.detail-body{flex:1 1;overflow-y:auto;padding:16px}.detail-section{margin-bottom:20px}.detail-row{align-items:center;border-bottom:1px solid #42424266;color:var(--color-gray);display:flex;font-size:12px;justify-content:space-between;padding:8px 0}.detail-row span:last-child{color:var(--color-off-white);font-family:var(--font-mono)}.font-mono{font-family:var(--font-mono)!important}.tags-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-btn{background:var(--color-surface-mid);border:1px solid var(--color-surface-mid);border-radius:var(--radius-full);color:var(--color-gray);cursor:pointer;font-family:var(--font-primary);font-size:11px;font-weight:500;padding:4px 12px;transition:var(--transition)}.tag-btn:hover{border-color:var(--color-gray);color:var(--color-off-white)}.tag-btn.active{background:#b282f026;border-color:var(--color-purple);color:var(--color-purple)}.spinner-container{align-items:center;display:flex;justify-content:center;padding:48px;width:100%}.history-item{margin-bottom:3px}.dashboard-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.dashboard-body{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px 24px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background:var(--color-surface);border:1px solid var(--color-surface-mid);border-radius:var(--radius-md);padding:16px 20px}.stat-label{color:var(--color-dark-gray);font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.stat-value{font-family:var(--font-mono);font-size:28px;font-weight:700;line-height:1}.stat-sub{color:var(--color-dark-gray);font-size:11px;margin-top:6px}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-header h3{color:var(--color-white);font-size:14px;font-weight:600}.active-calls-list{display:flex;flex-direction:column;gap:8px}.active-call-item{align-items:center;background:var(--color-base);border-radius:var(--radius-sm);display:flex;gap:12px;padding:10px}.direction-badge{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;width:28px}.direction-badge.inbound{background:#3abb901a;color:var(--color-teal)}.direction-badge.outbound{background:#59b5f81a;color:var(--color-blue)}.active-call-info{flex:1 1}.active-call-number{color:var(--color-off-white);font-family:var(--font-mono);font-size:13px;font-weight:500}.active-call-meta{color:var(--color-dark-gray);font-size:11px;text-transform:capitalize}.live-dot{animation:livePulse 2s infinite;background:var(--color-teal);border-radius:50%;height:8px;width:8px}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}.queues-list{display:flex;flex-direction:column;gap:8px}.queue-item{align-items:center;background:var(--color-base);border-radius:var(--radius-sm);display:flex;gap:12px;padding:12px}.queue-name{color:var(--color-off-white);flex:1 1;font-size:13px;font-weight:500;text-transform:capitalize}.queue-stats{display:flex;gap:20px}.queue-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.queue-stat-val{font-family:var(--font-mono);font-size:16px;font-weight:700}.queue-stat-lbl{color:var(--color-dark-gray);font-size:9px;letter-spacing:.5px;text-transform:uppercase}.queue-status-dot{border-radius:50%;height:8px;width:8px}.queue-status-dot.busy{background:var(--color-orange)}.queue-status-dot.idle{background:var(--color-dark-gray)}.settings-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.settings-layout{display:flex;flex:1 1;overflow:hidden}.settings-nav{border-right:1px solid var(--color-surface-mid);display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:16px 8px;width:200px}.settings-tab{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-gray);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:13px;font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:var(--transition);width:100%}.settings-tab:hover{background:var(--color-surface);color:var(--color-off-white)}.settings-tab.active{background:#3abb9014;color:var(--color-teal)}.settings-content{flex:1 1;max-width:600px;overflow-y:auto;padding:32px}.settings-section-title{color:var(--color-white);font-size:16px;font-weight:600;margin-bottom:6px}.settings-desc{color:var(--color-gray);font-size:13px;line-height:1.5;margin-bottom:24px}.input-hint{color:var(--color-dark-gray);font-size:11px;margin-top:4px}.settings-help{align-items:flex-start;background:#59b5f812;border:1px solid #59b5f833;border-radius:var(--radius-sm);color:var(--color-gray);display:flex;font-size:12px;gap:10px;line-height:1.6;margin-bottom:20px;padding:12px}.settings-help a{color:var(--color-blue)}.settings-help code{background:var(--color-surface-mid);border-radius:4px;color:var(--color-blue-light);font-family:var(--font-mono);font-size:11px;padding:1px 6px}.avatar-upload-section{align-items:center;background:var(--color-surface);border-radius:var(--radius-md);display:flex;gap:20px;padding:16px}.avatar-upload-preview{align-items:center;background:var(--color-violet);border:2px solid var(--color-surface-mid);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:72px;justify-content:center;overflow:hidden;position:relative;transition:border-color .15s;width:72px}.avatar-upload-preview:hover{border-color:var(--color-teal)}.avatar-upload-overlay{align-items:center;background:#0009;color:#fff;display:flex;flex-direction:column;font-size:11px;gap:4px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .15s}.avatar-upload-preview:hover .avatar-upload-overlay{opacity:1}.color-swatches{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.color-swatch{border:2px solid #0000;border-radius:8px;cursor:pointer;height:36px;transition:all .15s;width:36px}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 3px #ffffff4d}.logo-upload-row{align-items:flex-start;display:flex;gap:16px}.logo-preview-box{align-items:center;background:var(--color-surface-mid);border:1px dashed var(--color-dark-gray);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;padding:8px;text-align:center;transition:border-color .15s}.logo-preview-box:hover{border-color:var(--color-teal)}.logo-preview-box.square{height:64px;width:64px}.logo-preview-box.wide{height:48px;width:160px}.logo-preview-box.favicon{height:48px;width:48px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-base:#161616;--color-surface:#2d2d2d;--color-surface-mid:#424242;--color-dark-gray:#535862;--color-gray:#a6a8ab;--color-light-gray:#e4e3e4;--color-off-white:#f0f0f0;--color-white:#fff;--color-teal:#3abb90;--color-teal-light:#74ddbf;--color-orange:#ec6c21;--color-orange-light:#f29a68;--color-blue:#59b5f8;--color-blue-light:#87d9fd;--color-purple:#b282f0;--color-violet:#773dd0;--color-danger:#e05252;--color-success:#3abb90;--font-primary:"Space Grotesk",-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--glow-teal:0 0 24px #3abb9026;--glow-purple:0 0 24px #b282f026;--glow-blue:0 0 24px #59b5f826;--sidebar-width:64px;--panel-width:280px;--transition:all 0.15s ease}#root,body,html{-webkit-font-smoothing:antialiased;background:#161616;background:var(--color-base);color:#f0f0f0;color:var(--color-off-white);font-family:Space Grotesk,-apple-system,sans-serif;font-family:var(--font-primary);font-size:14px;height:100%;line-height:1.5}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#424242;background:var(--color-surface-mid);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#535862;background:var(--color-dark-gray)}input,select,textarea{background:#2d2d2d;background:var(--color-surface);border:1px solid #424242;border:1px solid var(--color-surface-mid);border-radius:8px;border-radius:var(--radius-sm);color:#f0f0f0;color:var(--color-off-white);font-family:Space Grotesk,-apple-system,sans-serif;font-family:var(--font-primary);font-size:14px;outline:none;padding:10px 14px;transition:all .15s ease;transition:var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:#3abb90;border-color:var(--color-teal);box-shadow:0 0 0 3px #3abb901a}input::placeholder,textarea::placeholder{color:#535862;color:var(--color-dark-gray)}select option{background:#2d2d2d;background:var(--color-surface)}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Space Grotesk,-apple-system,sans-serif;font-family:var(--font-primary);font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .15s ease;transition:var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-primary{background:#3abb90;background:var(--color-teal);color:#0a2a1f}.btn-primary:hover:not(:disabled){background:#74ddbf;background:var(--color-teal-light)}.btn-secondary{background:#2d2d2d;background:var(--color-surface);border:1px solid #424242;border:1px solid var(--color-surface-mid);color:#f0f0f0;color:var(--color-off-white)}.btn-secondary:hover:not(:disabled){background:#424242;background:var(--color-surface-mid);border-color:#a6a8ab;border-color:var(--color-gray)}.btn-danger{background:#e05252;background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.85}.btn-ghost{background:#0000;color:#a6a8ab;color:var(--color-gray)}.btn-ghost:hover:not(:disabled){background:#2d2d2d;background:var(--color-surface);color:#f0f0f0;color:var(--color-off-white)}.btn-sm{font-size:12px;padding:6px 14px}.btn-icon,.btn-sm{border-radius:8px;border-radius:var(--radius-sm)}.btn-icon{align-items:center;background:#0000;border:none;color:#a6a8ab;color:var(--color-gray);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .15s ease;transition:var(--transition)}.btn-icon:hover{color:#f0f0f0;color:var(--color-off-white)}.btn-icon:hover,.card{background:#2d2d2d;background:var(--color-surface)}.card{border:1px solid #424242;border:1px solid var(--color-surface-mid);border-radius:16px;border-radius:var(--radius-lg);padding:20px}.label{color:#535862;color:var(--color-dark-gray);display:block;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.status-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.status-dot.green{background:#3abb90;background:var(--color-teal);box-shadow:0 0 6px #3abb90;box-shadow:0 0 6px var(--color-teal)}.status-dot.red{background:#e05252;background:var(--color-danger)}.status-dot.yellow{background:#ec6c21;background:var(--color-orange)}.status-dot.gray{background:#535862;background:var(--color-dark-gray)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:500;letter-spacing:.3px;padding:2px 8px}.badge-teal{background:#3abb9026;color:#3abb90;color:var(--color-teal)}.badge-blue{background:#59b5f826;color:#59b5f8;color:var(--color-blue)}.badge-purple{background:#b282f026;color:#b282f0;color:var(--color-purple)}.badge-orange{background:#ec6c2126;color:#ec6c21;color:var(--color-orange)}.badge-gray{background:#a6a8ab26;color:#a6a8ab;color:var(--color-gray)}.badge-danger{background:#e0525226;color:#e05252;color:var(--color-danger)}.divider{background:#424242;background:var(--color-surface-mid);height:1px;margin:16px 0}.form-group{margin-bottom:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.msg-error{background:#e052521a;border:1px solid #e052524d;border-radius:8px;border-radius:var(--radius-sm);color:#e05252;color:var(--color-danger)}.msg-error,.msg-success{font-size:13px;padding:10px 14px}.msg-success{background:#3abb901a;border:1px solid #3abb904d;border-radius:8px;border-radius:var(--radius-sm);color:#3abb90;color:var(--color-teal)}.spinner{animation:spin .7s linear infinite;border:2px solid #424242;border-top-color:#3abb90;border:2px solid var(--color-surface-mid);border-radius:50%;border-top-color:var(--color-teal);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#535862;color:var(--color-dark-gray);padding:48px 24px;text-align:center}.empty-state .empty-icon{font-size:32px;margin-bottom:12px;opacity:.5}.empty-state p{font-size:13px}
/*# sourceMappingURL=main.ddaeb957.css.map*/