@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#080808;color:#f0f0f0;font-family:Outfit,sans-serif;min-height:100vh}.app{min-height:100vh;background:#080808;position:relative;overflow-x:hidden}.smoke{position:fixed;border-radius:50%;pointer-events:none;filter:blur(80px);z-index:0}.smoke-1{width:600px;height:400px;top:-100px;left:-150px;background:radial-gradient(ellipse,rgba(255,255,255,.028) 0%,transparent 70%);animation:drift1 18s ease-in-out infinite alternate}.smoke-2{width:500px;height:500px;bottom:-80px;right:-100px;background:radial-gradient(ellipse,rgba(255,255,255,.022) 0%,transparent 70%);animation:drift2 22s ease-in-out infinite alternate}.smoke-3{width:350px;height:350px;top:40%;left:55%;background:radial-gradient(ellipse,rgba(255,255,255,.015) 0%,transparent 70%);animation:drift3 26s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(0)}to{transform:translate(60px,40px)}}@keyframes drift2{0%{transform:translate(0)}to{transform:translate(-50px,-30px)}}@keyframes drift3{0%{transform:translate(0)}to{transform:translate(-40px,50px)}}.hdr{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#080808d9;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid rgba(255,255,255,.08)}.hdr-left{display:flex;align-items:center;gap:12px}.logo-mark{width:38px;height:38px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ffffffe6}.hdr-title{font-size:20px;font-weight:800;letter-spacing:-.5px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.15)}.hdr-accent{color:#fff6;font-weight:500}.hdr-badge{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff4d;border:1px solid rgba(255,255,255,.08);padding:6px 14px;border-radius:100px}.main{position:relative;z-index:1;max-width:1600px;width:100%;margin:0 auto;padding:36px 40px 60px;display:flex;flex-direction:column;gap:20px}.panel{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative;overflow:visible!important}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 60%);pointer-events:none}.panel-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ffffff59;padding:24px 28px}.label-dot{width:5px;height:5px;border-radius:50%;background:#ffffff80;box-shadow:0 0 6px #fff6;flex-shrink:0}.panel-body{padding:24px 28px 28px}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff4d}.field-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:9px;padding:12px 16px;color:#ffffffd9;font-family:JetBrains Mono,monospace;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.field-input::placeholder{color:#fff3}.field-input:focus{border-color:#ffffff40;box-shadow:0 0 0 3px #ffffff0a,0 0 14px #ffffff0a}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.4);cursor:pointer;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:.8}input[type=date].field-input,input[type=time].field-input{color-scheme:dark;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:10px 14px;font-family:Outfit,sans-serif;font-size:13px;color:#fff}.dropzone{border:1.5px dashed rgba(255,255,255,.12);border-radius:12px;padding:48px 40px;text-align:center;cursor:pointer;transition:all .2s;background:#ffffff03}.dropzone:hover,.dz-over{border-color:#ffffff47;background:#ffffff0a;box-shadow:0 0 30px #ffffff08 inset}.dz-icon{color:#ffffff4d;margin-bottom:14px;display:flex;justify-content:center}.dz-title{font-size:17px;font-weight:600;color:#ffffffbf;text-shadow:0 0 20px rgba(255,255,255,.15);margin-bottom:6px}.dz-sub{font-family:JetBrains Mono,monospace;font-size:12px;color:#ffffff40}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.06);border-top-left-radius:14px;border-top-right-radius:14px;overflow:visible}.count-chip{font-family:JetBrains Mono,monospace;font-size:11px;padding:4px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:100px;color:#ffffff80}.table-wrap{overflow-x:auto;max-height:650px;overflow-y:auto}.ct{width:100%;border-collapse:collapse}.ct thead th{padding:12px 20px;text-align:left;font-size:10px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:#ffffff40;background:#ffffff05;position:sticky;top:0;border-bottom:1px solid rgba(255,255,255,.06)}.ct tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.ct tbody tr:hover{background:#ffffff08}.ct tbody tr:last-child{border-bottom:none}.ct td{padding:13px 20px;font-size:14px}.td-num{font-family:JetBrains Mono,monospace;font-size:12px;color:#fff3}.td-name{font-weight:500;color:#fffc;text-shadow:0 0 14px rgba(255,255,255,.08)}.td-phone{font-family:JetBrains Mono,monospace;font-size:13px;color:#ffffff59}.td-response{font-family:JetBrains Mono,monospace;font-size:11px;color:#fff6;text-transform:lowercase}.spill{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:100px;display:inline-block}.s-pending{background:#ffffff0d;color:#ffffff4d;border:1px solid rgba(255,255,255,.08)}.s-queued{background:#ffdc6414;color:#f5c842;border:1px solid rgba(245,200,66,.2)}.s-calling{background:#ffffff12;color:#ffffffb3;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 10px #ffffff12}.s-done{background:#c8ffc80f;color:#7dffb3;border:1px solid rgba(125,255,179,.2)}.s-blue{background:#60a5fa14;color:#60a5fa;border:1px solid rgba(96,165,250,.25)}.s-failed{background:#ff505014;color:#ff7070;border:1px solid rgba(255,100,100,.2)}.action-bar{display:flex;justify-content:center;padding:8px 0}.btn-call{display:inline-flex;align-items:center;gap:10px;padding:16px 52px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;letter-spacing:.3px;border:1px solid rgba(255,255,255,.18);border-radius:100px;cursor:pointer;background:#ffffff0f;color:#ffffffe6;transition:all .25s;position:relative;overflow:hidden;text-shadow:0 0 20px rgba(255,255,255,.3);box-shadow:0 0 #fff0}.btn-call:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 60%);pointer-events:none}.btn-call:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 0 30px #ffffff14,0 0 60px #ffffff0a;transform:translateY(-1px);text-shadow:0 0 30px rgba(255,255,255,.5)}.btn-call:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-calling{background:#ffffff0a;border-color:#ffffff1f}.nav-link-highlight{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);padding:8px 20px;border-radius:8px;cursor:pointer;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px;outline:none}.nav-link-highlight:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#ffffffb3;box-shadow:0 0 8px #ffffff80;animation:pd 1.2s ease-in-out infinite}@keyframes pd{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.phone-icon{display:flex;align-items:center;color:#ffffffb3}.prog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.prog-rate{font-family:JetBrains Mono,monospace;font-size:12px;color:#ffffff40}.prog-rate strong{color:#ffffff80;font-weight:500}.prog-track{height:3px;background:#ffffff12;border-radius:100px;overflow:hidden;margin-bottom:24px}.prog-fill{height:100%;background:linear-gradient(90deg,#ffffff80,#ffffffd9);border-radius:100px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #ffffff4d}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:18px 14px;text-align:center}.stat-num{font-size:30px;font-weight:800;line-height:1;margin-bottom:5px;letter-spacing:-1px}.sn-white{color:#ffffffd9;text-shadow:0 0 20px rgba(255,255,255,.15)}.sn-green{color:#7dffb3;text-shadow:0 0 20px rgba(125,255,179,.25)}.sn-blue{color:#ffffffa6;text-shadow:0 0 20px rgba(255,255,255,.1)}.sn-red{color:#ff7070;text-shadow:0 0 20px rgba(255,100,100,.25)}.sn-purple{color:#a855f7;text-shadow:0 0 20px rgba(168,85,247,.25)}.stat-lbl{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff40;font-weight:600}.log-box{background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px 16px;max-height:180px;overflow-y:auto;font-family:JetBrains Mono,monospace}.log-box::-webkit-scrollbar{width:3px}.log-box::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.log-row{display:flex;gap:14px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:11px}.log-row:last-child{border-bottom:none}.log-ts{color:#ffffff2e;flex-shrink:0}.log-msg{color:#fff6}.log-ok .log-msg{color:#7dffb3b3}.log-err .log-msg{color:#ff7070b3}.log-info .log-msg{color:#ffffff73}.done-banner{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:44px 28px;text-align:center;animation:fadein .5s ease;position:relative;overflow:hidden}.done-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none}.done-icon{color:#fff9;margin-bottom:16px;display:flex;justify-content:center;filter:drop-shadow(0 0 20px rgba(255,255,255,.2))}.done-title{font-size:28px;font-weight:800;letter-spacing:-.5px;color:#ffffffe6;text-shadow:0 0 30px rgba(255,255,255,.2);margin-bottom:8px}.done-sub{font-family:JetBrains Mono,monospace;font-size:12px;color:#ffffff47}@media (max-width: 640px){.hdr{padding:16px 20px;flex-direction:column;gap:14px;align-items:flex-start}.hdr-nav{margin:0}.config-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.main{padding:20px 20px 40px}}.hdr-nav{display:flex;gap:12px;margin-right:auto;margin-left:40px}.nav-btn{background:none;border:1px solid transparent;color:#ffffff4d;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .2s}.nav-btn:hover{color:#fff9;background:#ffffff08}.nav-btn.active{color:#ffffffe6;background:#ffffff0f;border-color:#ffffff1a;box-shadow:0 0 14px #ffffff0d}.details-view{animation:fadein .4s ease}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff88%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 16px top 50%;background-size:10px auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-right:40px!important;font-family:Outfit,sans-serif!important;font-weight:500;cursor:pointer}.custom-select option{background-color:#080808!important;color:#ffffffe6!important;font-family:Outfit,sans-serif!important;padding:12px!important;font-weight:500}.search-box{display:flex;align-items:center;gap:10px;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:8px 14px;transition:border-color .2s,box-shadow .2s,background .2s;position:relative;overflow:hidden}.search-box:hover,.search-box:focus-within{background:#ffffff0f;border-color:#ffffff40;box-shadow:0 0 0 3px #ffffff08,0 0 14px #ffffff0a}.search-icon{display:flex;align-items:center;color:#ffffff80;z-index:1;pointer-events:none}.search-input{background:none;border:none;color:#ffffffd9;font-family:Outfit,sans-serif;font-weight:500;font-size:13px;outline:none;color-scheme:dark;cursor:pointer;z-index:1}.search-input::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.search-input::-webkit-datetime-edit{padding:2px 0}.details-tabs{display:flex;gap:12px;margin-top:0;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:20px}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:#ffffff4d;padding:10px 4px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-right:20px}.tab-btn:hover{color:#fff9}.tab-btn.active{color:#ffffffe6;border-bottom-color:#ffffffb3;text-shadow:0 0 14px rgba(255,255,255,.3)}.no-data{padding:40px;text-align:center;color:#fff3;font-size:14px;font-style:italic}[data-hide-scrollbar]::-webkit-scrollbar{display:none}.app-container{display:flex;min-height:100vh;background:#080808;gap:20px;padding-right:20px}.sidebar{width:260px;background:#0f0f0fb3;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;position:sticky;top:86px;height:calc(100vh - 106px);margin-top:20px;margin-left:20px;margin-bottom:20px;border-radius:20px;z-index:101;box-shadow:0 8px 32px #0006}.sidebar-content{padding:24px 16px;display:flex;flex-direction:column;gap:32px;height:100%}.sidebar-nav{display:flex;flex-direction:column;gap:12px}.sidebar-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid transparent;background:transparent;color:#fff6;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left}.sidebar-btn:hover{background:#ffffff0a;color:#ffffffb3;transform:translate(4px)}.sidebar-btn.active{background:#ffffff14;border-color:#ffffff26;color:#fff;box-shadow:0 4px 15px #0000004d}.sidebar-icon{display:flex;align-items:center;justify-content:center;width:20px;opacity:.8}.sidebar-btn.active .sidebar-icon{color:#fff;opacity:1}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;max-width:1400px;margin:0 auto;width:100%}.dashboard-header{margin-bottom:40px;display:flex;flex-direction:column;gap:32px}.agent-selector-wrapper{min-width:260px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:40px}.metric-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1);min-height:140px;justify-content:center;position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-6px) scale(1.02);background:#ffffff0f;border-color:#ffffff26;box-shadow:0 20px 40px #0006,0 0 20px #ffffff05}.metric-card.m-purple{background:linear-gradient(135deg,#a855f714,#ffffff05);border-color:#a855f726}.metric-card.m-purple:hover{border-color:#a855f766;box-shadow:0 20px 40px #a855f71a}.metric-card.m-green{background:linear-gradient(135deg,#7dffb314,#ffffff05);border-color:#7dffb326}.metric-card.m-green:hover{border-color:#7dffb366;box-shadow:0 20px 40px #7dffb31a}.metric-card.m-red{background:linear-gradient(135deg,#ff707014,#ffffff05);border-color:#ff707026}.metric-card.m-red:hover{border-color:#ff707066;box-shadow:0 20px 40px #ff70701a}.metric-card.m-blue{background:linear-gradient(135deg,#3b82f614,#ffffff05);border-color:#3b82f626}.metric-card.m-blue:hover{border-color:#3b82f666;box-shadow:0 20px 40px #3b82f61a}.metric-card.m-yellow{background:linear-gradient(135deg,#f5c84214,#ffffff05);border-color:#f5c84226}.metric-card.m-yellow:hover{border-color:#f5c84266;box-shadow:0 20px 40px #f5c8421a}.metric-value.highlight{color:#fff;text-shadow:0 0 15px rgba(255,255,255,.3);font-weight:800}.metric-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#ffffff4d}.metric-value{font-size:32px;font-weight:700;color:#fff;font-family:Outfit,sans-serif;letter-spacing:-.5px}.metric-sub{font-size:12px;color:#fff3;margin-top:4px}.engagement-banner{display:flex;flex-wrap:wrap;gap:12px}.motivational-tag{background:#7dffb30a;border:1px solid rgba(125,255,179,.12);padding:10px 20px;border-radius:100px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#7dffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.motivational-tag.blue{background:#3b82f60a;border:1px solid rgba(59,130,246,.12);color:#3b82f6}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{display:none}.app-container{padding-right:0}.main-content{padding:0 20px}.metrics-grid{grid-template-columns:1fr}}.cta-start-calling{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:16px 44px;border-radius:14px;font-size:16px;font-weight:800;cursor:pointer;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 40px #3b82f640,0 0 0 1px #ffffff1a inset;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;outline:none;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.01em}.cta-start-calling:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.25),transparent);transition:all .7s}.cta-start-calling:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 60px #8b5cf666,0 0 30px #3b82f640;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-color:#ffffff4d}.cta-start-calling:hover:before{left:100%}.cta-start-calling:active{transform:translateY(-2px) scale(.98)}.manager-page-wrapper{display:grid;grid-template-columns:420px 1fr;gap:28px;width:100%;max-width:1500px;margin:0 auto;align-items:flex-start}.manager-left-panel{display:flex;flex-direction:column;gap:18px}.manager-right-panel{display:flex;flex-direction:column;gap:20px}.mgr-section{width:100%}.mgr-section-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff59;margin-bottom:10px}.campaign-title-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:12px 16px;color:#ffffffd9;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;outline:none;transition:border-color .2s,box-shadow .2s}.campaign-title-input::placeholder{color:#fff3;font-style:italic}.campaign-title-input:focus{border-color:#ffffff40;box-shadow:0 0 0 3px #ffffff0a,0 0 14px #ffffff0a}.schedule-datetime-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.schedule-field{display:flex;flex-direction:column}.schedule-date-input,.schedule-time-input{width:100%;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;color:#ffffffd9;font-family:Outfit,sans-serif;font-size:13px;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1);color-scheme:dark}.schedule-date-input:hover,.schedule-time-input:hover{background:#ffffff0d;border-color:#ffffff26;box-shadow:0 4px 20px #0003}.schedule-date-input:focus,.schedule-time-input:focus{background:#ffffff0f;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff08,0 8px 30px #0000004d}.schedule-time-input::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.3);cursor:pointer;transition:opacity .2s}.schedule-time-input::-webkit-calendar-picker-indicator:hover{opacity:.7}.mgr-session-info{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:8px}.session-info-row{display:flex;justify-content:space-between;align-items:center}.session-info-label{font-size:12px;color:#fff6;font-weight:500}.session-info-value{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;color:#fffc}.mgr-quick-nav-container{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.mgr-quick-nav-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 60%);pointer-events:none}.mgr-quick-nav-title{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ffffff59;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.mgr-quick-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mgr-action-row{display:flex;align-items:center;gap:20px;width:100%;margin:10px 0 20px}.mgr-action-btn-wrap{flex:0 0 230px}.mgr-nav-horizontal{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mgr-nav-compact-item{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-family:Outfit,sans-serif;height:56px}.mgr-nav-compact-item:hover{background:#ffffff14;border-color:var(--nav-accent, rgba(255, 255, 255, .2));transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,0 0 12px color-mix(in srgb,var(--nav-accent, #fff) 10%,transparent)}.mgr-nav-compact-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#ffffff0a;color:var(--nav-accent, rgba(255, 255, 255, .6));transition:all .3s ease;flex-shrink:0}.mgr-nav-compact-label{font-size:11px;font-weight:600;color:#ffffff80;letter-spacing:.2px;transition:color .3s ease}.mgr-nav-compact-item:hover .mgr-nav-compact-label{color:#fff}.mgr-nav-compact-item.shining{border-color:var(--nav-accent, rgba(139, 92, 246, .5));box-shadow:0 0 15px color-mix(in srgb,var(--nav-accent, #8b5cf6) 20%,transparent);animation:pulse-glow 2s infinite alternate;position:relative;overflow:hidden}.mgr-nav-compact-item.shining:after{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(45deg,transparent 0%,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%,transparent 100%);animation:shine 3s infinite;pointer-events:none}@keyframes shine{0%{transform:translate(-30%,-30%)}to{transform:translate(30%,30%)}}@keyframes pulse-glow{0%{box-shadow:0 0 5px color-mix(in srgb,var(--nav-accent, #8b5cf6) 10%,transparent);border-color:#ffffff0f}to{box-shadow:0 0 20px color-mix(in srgb,var(--nav-accent, #8b5cf6) 30%,transparent);border-color:var(--nav-accent, #8b5cf6)}}.btn-stop{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-stop:hover{background:#ef444426;border-color:#ef444466;box-shadow:0 0 12px #ef444426}.btn-dashboard-nav{margin-left:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 16px;border-radius:100px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #8b5cf61a}.btn-dashboard-nav:hover{background:#8b5cf61a;border-color:#8b5cf666;box-shadow:0 0 20px #8b5cf633}.btn-violet{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 4px 16px #3b82f640!important;position:relative;overflow:hidden}.btn-violet:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s}.btn-violet:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf659,0 0 16px #3b82f633!important;background:linear-gradient(135deg,#60a5fa,#a78bfa)!important;border-color:#ffffff4d!important}.btn-violet:hover:before{left:100%}.manager-page-wrapper .action-bar{margin:0;padding:0;background:none;border:none;box-shadow:none}.manager-page-wrapper .btn-call{width:100%;min-height:56px;border-radius:14px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.manager-flow-section{width:100%;margin:10px 0;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.manager-page-wrapper{grid-template-columns:1fr;gap:24px}.mgr-quick-nav-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 640px){.manager-page-wrapper,.schedule-datetime-row{grid-template-columns:1fr}.mgr-quick-nav-grid{grid-template-columns:repeat(2,1fr)}}.details-page-container,.responses-page-container,.leads-page-container,.report-page-container{padding:0 40px 60px;animation:fadeIn .8s ease-out}.details-header-section,.responses-header-section,.leads-header-section,.report-header-section{margin-bottom:40px;padding-top:10px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:24px}.details-main-heading,.responses-main-heading,.leads-main-heading,.report-main-heading{font-size:32px;font-weight:800;letter-spacing:-1px;color:#fff;margin-bottom:8px;text-shadow:0 0 30px rgba(255,255,255,.1)}.details-sub-heading,.responses-sub-heading,.leads-sub-heading,.report-sub-heading{font-size:14px;color:#ffffff59;font-weight:400;letter-spacing:.2px;max-width:800px;line-height:1.6}.details-layout-wrapper,.responses-layout-wrapper,.leads-layout-wrapper{display:grid;grid-template-columns:280px 420px 1fr;gap:24px;height:620px;align-items:stretch;margin-bottom:40px;overflow:hidden}.report-layout-wrapper{display:grid;grid-template-columns:280px 1fr;gap:24px;height:620px;align-items:stretch;margin-bottom:40px;overflow:hidden}.details-left-column,.responses-left-column,.leads-left-column,.report-left-column,.details-center-column,.responses-center-column,.leads-center-column,.details-right-column,.responses-right-column,.leads-right-column,.report-right-column{height:100%!important;max-height:620px!important;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden!important}.details-left-column,.responses-left-column,.leads-left-column,.report-left-column{position:sticky;top:80px}.details-center-column,.responses-center-column,.leads-center-column{gap:20px;min-width:0}.details-right-column,.responses-right-column,.leads-right-column,.report-right-column{min-width:0}.details-right-column .panel,.responses-right-column .panel,.leads-right-column .panel{width:100%;height:auto;display:flex;flex-direction:column;margin-bottom:0!important;overflow:hidden;border-radius:14px}.details-nav-matrix{display:flex;flex-direction:column;height:auto;gap:12px;margin:0;padding:0}.nav-matrix-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:0 16px;height:46px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;color:#fff6;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.details-metrics-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px;margin-top:24px}.mini-metric-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;display:flex;flex-direction:row;align-items:center;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;min-width:0;height:100%}.mini-metric-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.metric-icon-wrap{width:36px;height:36px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-info{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}.metric-value{color:#fff;font-size:20px;font-weight:800;font-family:JetBrains Mono,monospace;line-height:1.1;letter-spacing:-.02em}.metric-label{color:#ffffff59;font-size:9px;font-weight:600;margin-top:2px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-matrix-item:hover{background:#ffffff14;border-color:#ffffff26;color:#fff;transform:translate(4px);box-shadow:0 4px 20px #0003}.nav-matrix-item.active{background:#8b5cf61a;border-color:#8b5cf666;color:#fff;box-shadow:0 0 20px #8b5cf626}.nav-matrix-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff08;transition:all .3s ease;flex-shrink:0}.nav-matrix-item:hover .nav-matrix-icon{background:#8b5cf633;color:#a78bfa}.nav-matrix-label{font-size:13px;font-weight:600;letter-spacing:.5px}.details-right-column .panel-body,.responses-right-column .panel-body,.leads-right-column .panel-body{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.details-table-scroll-container{flex:1;overflow-y:auto;margin-top:12px;padding-right:4px;min-height:0}.details-table-scroll-container::-webkit-scrollbar{width:4px}.details-table-scroll-container::-webkit-scrollbar-track{background:#ffffff05}.details-table-scroll-container::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.details-table-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}.details-center-column .panel,.responses-center-column .panel,.leads-center-column .panel{margin-bottom:0}@media (max-width: 1400px){.details-layout-wrapper{grid-template-columns:240px 1fr}.details-right-column{grid-column:span 2;margin-top:20px}.details-right-column .panel{height:500px}}@media (max-width: 1024px){.details-layout-wrapper{grid-template-columns:1fr}.details-left-column,.details-right-column{grid-column:auto}.details-nav-matrix{display:grid;grid-template-columns:repeat(3,1fr)}.details-page-container{padding:0 20px 40px}}.mgr-scheduled-section{margin-top:40px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;animation:fadein .5s ease-out}.mgr-section-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;color:#ffffffe6;margin-bottom:20px;letter-spacing:.5px}.scheduled-jobs-list{display:flex;flex-direction:column;gap:12px}.scheduled-job-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px 20px;transition:all .2s ease}.scheduled-job-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translate(4px)}.job-card-main{display:flex;align-items:center;justify-content:space-between;gap:20px}.job-info{display:flex;flex-direction:column;gap:4px;flex:1}.job-campaign{font-weight:600;font-size:.95rem;color:#fff}.job-agent{font-size:.8rem;color:#fff6;font-family:monospace}.job-timing{display:flex;flex-direction:column;gap:4px;min-width:120px}.job-date,.job-time{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#fff9}.job-status{padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:100px;text-align:center}.status-scheduled{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.status-running{background:#f5c8421a;color:#f5c842;border:1px solid rgba(245,200,66,.2);animation:pulse-border 2s infinite}@keyframes pulse-border{0%{border-color:#f5c84233}50%{border-color:#f5c84299}to{border-color:#f5c84233}}.status-completed{background:#7dffb31a;color:#7dffb3;border:1px solid rgba(125,255,179,.2)}.status-failed{background:#ff70701a;color:#ff7070;border:1px solid rgba(255,112,112,.2)}.job-cancel-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff6;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px;line-height:1}.job-cancel-btn:hover{background:#ff707026;color:#ff7070;border-color:#ff70704d;transform:scale(1.1)}.mgr-scheduled-section-full{width:100%;margin-top:30px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadein .5s ease-out}.mgr-scheduled-section-full .mgr-section-title{margin-bottom:24px}.mgr-scheduled-section-full .scheduled-jobs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px}@media (max-width: 1200px){.mgr-scheduled-section-full .scheduled-jobs-list{grid-template-columns:1fr}}.leads-filter-bar{display:flex;align-items:center;gap:10px;padding:0 0 8px}.leads-filter-dropdown-wrap{display:flex;align-items:center;gap:8px;flex:1}.leads-filter-dropdown{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;padding:8px 32px 8px 12px;font-size:12px;font-family:Outfit,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.leads-filter-dropdown:hover{border-color:#8b5cf666;background:#ffffff0f}.leads-filter-dropdown:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf61a}.leads-filter-dropdown option{background:#1a1a1a;color:#fff;padding:8px}.leads-filter-clear{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#f87171;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.leads-filter-clear:hover{background:#ef444426;border-color:#ef444466}.category-cell-clickable{display:inline-block;padding:4px 10px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:6px;color:#c4b5fd;font-size:11px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);letter-spacing:.2px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-cell-clickable:hover{background:#8b5cf633;border-color:#8b5cf680;color:#e9d5ff;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf626}.category-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalFadeIn .3s ease-out;padding:20px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.category-detail-modal{background:linear-gradient(145deg,#1a1a1efa,#121216fa);border:1px solid rgba(139,92,246,.2);border-radius:20px;padding:32px;width:100%;max-width:520px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 24px 64px #00000080,0 0 40px #8b5cf614,inset 0 1px #ffffff0d;animation:modalSlideIn .35s cubic-bezier(.4,0,.2,1)}.category-detail-modal::-webkit-scrollbar{width:4px}.category-detail-modal::-webkit-scrollbar-track{background:transparent}.category-detail-modal::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:10px}.category-modal-close{position:absolute;top:16px;right:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff80;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.category-modal-close:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171;transform:rotate(90deg)}.category-modal-header{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-right:40px}.category-modal-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#8b5cf626,#3b82f61a);border:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;color:#a78bfa;flex-shrink:0}.category-modal-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px;letter-spacing:-.3px}.category-modal-contact{font-size:13px;color:#fff6;margin:0;font-family:JetBrains Mono,monospace}.category-modal-section{margin-bottom:24px}.category-modal-section:last-child{margin-bottom:0}.category-modal-section-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.category-summary-block{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;color:#ffffffbf;font-size:13px;line-height:1.7;max-height:200px;overflow-y:auto;font-family:Outfit,sans-serif}.category-summary-block::-webkit-scrollbar{width:3px}.category-summary-block::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.category-audio-player{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center}.audio-element{width:100%;height:40px;border-radius:8px;filter:invert(1) hue-rotate(180deg) brightness(.8) contrast(1.2)}.audio-unavailable{display:flex;align-items:center;gap:10px;color:#ffffff4d;font-size:12px;padding:8px 0}.audio-loading{display:flex;align-items:center;gap:10px;color:#8b5cf699;font-size:12px;padding:8px 0}.audio-loading-spinner{width:16px;height:16px;border:2px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.campaign-layout-wrapper{display:grid;grid-template-columns:280px 1fr;gap:24px;height:620px;align-items:stretch;margin-bottom:40px;overflow:hidden}.campaign-right-column{flex:1;height:100%!important;max-height:620px!important;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden!important;min-width:0}.campaign-right-column .panel{width:100%;height:auto;display:flex;flex-direction:column;margin-bottom:0!important;overflow:hidden;border-radius:14px}.campaign-right-column .panel-body{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.campaign-row-clickable{cursor:pointer;transition:all .2s ease}.campaign-row-clickable:hover{background:#8b5cf60a!important}.campaign-row-clickable:hover td{color:#fff}.campaign-title-cell{display:flex;align-items:center;gap:6px;font-weight:600;color:#ffffffd9}.campaign-detail-modal{max-width:580px}.campaign-modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.campaign-stat-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px;text-align:center;transition:all .2s ease}.campaign-stat-item:hover{background:#ffffff0d;border-color:#ffffff1a}.campaign-stat-value{font-size:22px;font-weight:800;font-family:JetBrains Mono,monospace;color:#fff;line-height:1.2;letter-spacing:-.02em}.campaign-stat-label{font-size:10px;font-weight:600;color:#ffffff59;text-transform:uppercase;letter-spacing:.6px;margin-top:4px}@media (max-width: 1100px){.campaign-layout-wrapper{grid-template-columns:1fr;height:auto}}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.tutorial-tooltip{position:fixed;top:100px;left:50%;transform:translate(-50%);width:400px;background:#141419fa;border:1px solid rgba(99,102,241,.4);border-radius:20px;box-shadow:0 20px 60px #000000e6,0 0 0 1px #ffffff0d;padding:24px;z-index:10002;color:#fff;font-family:Outfit,sans-serif;pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tooltip-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:#818cf8;text-transform:uppercase;letter-spacing:.5px}.tooltip-close{background:#ffffff0d;border:none;color:#fff6;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.tooltip-close:hover{background:#ef444426;color:#ef4444}.tooltip-body{font-size:14px;line-height:1.6;color:#fffc;margin-bottom:24px}.tooltip-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.step-indicator{font-size:12px;font-family:JetBrains Mono,monospace;color:#ffffff4d;font-weight:600;background:#ffffff08;padding:4px 10px;border-radius:6px}.tooltip-actions{display:flex;gap:14px}.btn-skip{background:none;border:none;color:#fff6;font-size:13px;font-weight:600;cursor:pointer;transition:color .2s}.btn-skip:hover{color:#fff}.btn-next{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;color:#fff;padding:8px 20px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #6366f14d}.btn-next:hover{transform:translateY(-1px);box-shadow:0 8px 25px #6366f166}.tutorial-highlight{position:relative!important;z-index:10001!important;box-shadow:0 0 0 4px #6366f199,0 0 30px #6366f166!important;border-radius:12px!important;transition:all .4s ease!important;pointer-events:none!important}@keyframes tutorial-pulse-fixed{0%{box-shadow:0 0 #6366f1b3,0 0 30px #6366f166}70%{box-shadow:0 0 0 15px #6366f100,0 0 30px #6366f166}to{box-shadow:0 0 #6366f100,0 0 30px #6366f166}}.tutorial-highlight:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid #6366f1;border-radius:inherit;animation:tutorial-pulse-fixed 2.5s infinite;pointer-events:none}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.fade-in{animation:slideDown .5s cubic-bezier(.2,.8,.2,1) forwards}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 14px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.dropdown-trigger:hover,.dropdown-trigger.open{background:#ffffff0f;border-color:#ffffff40;box-shadow:0 0 0 3px #ffffff08,0 0 14px #ffffff0a}.dropdown-value{color:#ffffffd9;font-family:Outfit,sans-serif;font-size:13px;font-weight:500}.dropdown-caret{color:#fff6;transition:transform .2s ease}.dropdown-trigger.open .dropdown-caret{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#121212bf;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px;z-index:9999;box-shadow:0 12px 30px #00000080,0 0 0 1px #ffffff05 inset;animation:drop-pop .2s ease-out forwards}@keyframes drop-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{padding:10px 12px;color:#ffffffb3;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.dropdown-item:hover{background:#ffffff0f;color:#fff}.dropdown-item.selected{background:#ffffff1a;color:#ffffffe6;font-weight:600}.custom-dropdown.disabled .dropdown-trigger{opacity:.5;cursor:not-allowed;pointer-events:none}.custom-datepicker{position:relative;width:100%}.datepicker-trigger{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.datepicker-trigger:hover,.datepicker-trigger.open{background:#ffffff0d;border-color:#fff3;box-shadow:0 4px 20px #0003}.datepicker-label-wrap{display:flex;align-items:center;gap:10px}.datepicker-icon{color:#fff6;transition:color .2s}.datepicker-trigger:hover .datepicker-icon,.datepicker-trigger.open .datepicker-icon{color:#fffc}.datepicker-value{color:#ffffffd9;font-family:Outfit,sans-serif;font-size:13px;font-weight:500}.datepicker-caret{color:#ffffff4d;transition:transform .3s cubic-bezier(.4,0,.2,1)}.datepicker-caret.rotated{transform:rotate(180deg)}.search-input-text{color:#ffffffd9;font-family:Outfit,sans-serif;font-weight:500;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:110px}.cal-popup{width:260px;background:#121212d9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;box-shadow:0 10px 40px #0009,0 0 0 1px #ffffff08 inset;animation:cal-pop .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes cal-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cal-month-title{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;color:#ffffffe6}.cal-nav-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff9;cursor:pointer;transition:all .2s}.cal-nav-btn:hover{background:#ffffff14;color:#fff}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-dow{text-align:center;font-size:10px;font-weight:600;text-transform:uppercase;color:#ffffff4d;margin-bottom:8px}.cal-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:#ffffffb3;border-radius:6px;cursor:pointer;transition:all .2s}.cal-cell:not(.empty):not(.selected):hover{background:#ffffff0f;color:#fff}.cal-cell.today{color:#ffffffe6;border:1px solid rgba(255,255,255,.15)}.cal-cell.selected{background:#ffffffe6;color:#000;font-weight:700;box-shadow:0 0 14px #ffffff4d}.cal-footer{display:flex;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.cal-action-btn{background:none;border:none;font-family:Outfit,sans-serif;font-size:12px;font-weight:500;color:#fff6;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.cal-action-btn:hover{background:#ffffff0d;color:#fffc}.cal-action-btn.highlight{color:#fffc}.dashboard-main-grid{display:grid;grid-template-columns:300px 1fr 260px;gap:24px;align-items:stretch;animation:fadein .4s ease;margin-top:8px}.metrics-column{display:flex;flex-direction:column}.metrics-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.metrics-grid-compact .metric-card{min-height:110px;padding:18px;border-radius:16px}.metrics-grid-compact .metric-value{font-size:26px}.metrics-grid-compact .metric-label{font-size:10px;letter-spacing:1px}.metrics-grid-compact .metric-sub{font-size:11px}.calendar-column{display:flex;flex-direction:column;min-height:0}.calendar-column .cdv-container{flex:1;display:flex;flex-direction:column}.calendar-column .cdv-grid{flex:1}.cdv-hover-tooltip{margin-top:12px;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px 18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:.4;transition:opacity .2s ease-out;flex-shrink:0}.cdv-hover-tooltip.visible{opacity:1}.cdv-hover-placeholder{font-size:13px;color:#ffffff40;font-style:italic;text-align:center;padding:4px 0}.cdv-hover-date{font-size:15px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 0 10px rgba(255,255,255,.2)}.cdv-hover-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cdv-hover-item{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#ffffffb3;background:#ffffff05;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.cdv-hover-item strong{font-family:JetBrains Mono,monospace;font-weight:600;font-size:13px;color:#fff}.quick-nav-column{display:flex;flex-direction:column}.quick-nav-container{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:24px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.quick-nav-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 60%);pointer-events:none}.quick-nav-title{font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ffffff59;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.quick-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-nav-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-family:Outfit,sans-serif}.quick-nav-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.015) 0%,transparent 60%);pointer-events:none}.quick-nav-item:hover{background:#ffffff0f;border-color:var(--nav-accent, rgba(255, 255, 255, .2));transform:translateY(-3px);box-shadow:0 10px 30px #0000004d,0 0 15px color-mix(in srgb,var(--nav-accent, #fff) 15%,transparent)}.quick-nav-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--nav-accent, rgba(255, 255, 255, .6));transition:all .3s ease}.quick-nav-item:hover .quick-nav-icon{background:color-mix(in srgb,var(--nav-accent, #fff) 10%,transparent);border-color:color-mix(in srgb,var(--nav-accent, #fff) 25%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--nav-accent, #fff) 15%,transparent)}.quick-nav-label{font-size:12px;font-weight:600;color:#fff9;letter-spacing:.3px;transition:color .3s ease}.quick-nav-item:hover .quick-nav-label{color:#fff}.quick-nav-arrow{position:absolute;top:10px;right:10px;color:#ffffff1a;transition:all .3s ease}.quick-nav-item:hover .quick-nav-arrow{color:var(--nav-accent, rgba(255, 255, 255, .5));transform:translate(3px)}.cdv-layout{display:flex;gap:30px;align-items:flex-start;animation:fadein .4s ease}.cdv-container{flex:1;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.cdv-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 60%);pointer-events:none}.cdv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;z-index:20}.cdv-month-nav{display:flex;align-items:center;gap:16px}.cta-start-calling-compact{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #3b82f640;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;outline:none;white-space:nowrap;letter-spacing:-.01em}.cta-start-calling-compact:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s}.cta-start-calling-compact:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf659,0 0 16px #3b82f633;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-color:#ffffff4d}.cta-start-calling-compact:hover:before{left:100%}.cta-start-calling-compact:active{transform:translateY(-1px) scale(.98)}.cdv-month-title{font-size:20px;font-weight:700;color:#ffffffe6;min-width:180px;text-align:center;text-shadow:0 0 20px rgba(255,255,255,.15)}.cdv-nav-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff9;cursor:pointer;transition:all .2s}.cdv-nav-btn:hover{background:#ffffff1a;color:#fff;box-shadow:0 0 14px #ffffff0d}.cdv-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;position:relative;z-index:10}.cdv-dow{text-align:center;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff4d;margin-bottom:8px}.cdv-cell{background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:6px 8px;position:relative;transition:background .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out;display:flex;flex-direction:column;min-height:38px;will-change:background,border-color,box-shadow}.cdv-cell.empty{background:transparent;border-color:transparent}.cdv-cell:not(.empty){cursor:pointer}.cdv-cell:not(.empty):hover,.cdv-cell.hovered{background:#ffffff0b;border-color:#ffffff26;box-shadow:0 2px 12px #00000026,0 0 0 1px #ffffff0d inset}.cdv-cell.today{border-color:#ffffff40;background:#ffffff08}.cdv-cell.has-data{background:#ffffff08;border-color:#ffffff14}.cdv-cell-header{display:flex;justify-content:space-between;align-items:flex-start}.cdv-day-num{font-size:14px;font-weight:600;color:#fff9}.cdv-cell.today .cdv-day-num{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.cdv-call-count{display:flex;align-items:center;gap:3px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;color:#7dffb3e6;background:#7dffb31a;padding:3px 6px;border-radius:100px;border:1px solid rgba(125,255,179,.2)}.txt-green{color:#7dffb3!important}.txt-red{color:#ff7070!important}.cdv-cell.future{opacity:.5;cursor:pointer}.cdv-cell.future .cdv-day-num{color:#ffffff59}.cdv-cell.future:hover{opacity:.85;background:#3b82f60f;border-color:#3b82f633;box-shadow:0 2px 12px #3b82f61a}.fade-in{animation:fadein .3s ease}.daily-summary-compact{margin-top:16px;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.daily-summary-compact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 60%);pointer-events:none}.daily-summary-title{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ffffff59;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.daily-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.daily-summary-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:12px 8px}.daily-summary-value{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.15)}.daily-summary-label{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffffff4d}.chart-card-expandable{transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-card-expandable:hover{border-color:#ffffff1f!important;box-shadow:0 8px 30px #0003}.chart-card-expandable.expanded{box-shadow:0 12px 40px #0000004d,0 0 20px #3b82f60d;border-color:#3b82f626!important}@media (max-width: 1400px){.dashboard-main-grid{grid-template-columns:280px 1fr 240px;gap:20px}}@media (max-width: 1200px){.dashboard-main-grid{grid-template-columns:1fr 1fr;gap:20px}.quick-nav-column{grid-column:1 / -1}.quick-nav-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.dashboard-main-grid{grid-template-columns:1fr;gap:20px}.metrics-grid-compact,.quick-nav-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 640px){.dashboard-main-grid{grid-template-columns:1fr}.metrics-grid-compact,.quick-nav-grid{grid-template-columns:repeat(2,1fr)}.cdv-hover-grid{grid-template-columns:1fr}}@keyframes fadein{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.custom-timepicker{position:relative;width:100%}.timepicker-trigger{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.timepicker-trigger:hover,.timepicker-trigger.open{background:#ffffff0d;border-color:#fff3;box-shadow:0 4px 20px #0003}.timepicker-label-wrap{display:flex;align-items:center;gap:10px}.timepicker-icon{color:#fff6}.timepicker-value{color:#ffffffd9;font-family:Outfit,sans-serif;font-size:13px;font-weight:500}.timepicker-caret{color:#ffffff4d;transition:transform .3s ease}.timepicker-caret.rotated{transform:rotate(180deg)}.time-popup.clock-style{width:280px;background:#0c0c0cd9;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 60px #000c,0 0 0 1px #ffffff0d inset;padding:24px;animation:clockFadeScale .3s cubic-bezier(.34,1.56,.64,1);transform-origin:top right}@keyframes clockFadeScale{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.clock-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.clock-time-display{display:flex;align-items:center;gap:4px;font-family:Outfit,sans-serif;font-size:36px;font-weight:600;color:#fff3}.clock-time-display span{cursor:pointer;transition:color .2s}.clock-time-display span.active{color:#fff;text-shadow:0 0 15px rgba(255,255,255,.3)}.clock-time-display .separator{color:#ffffff1a;cursor:default}.clock-ampm-toggle{display:flex;background:#ffffff08;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.clock-ampm-toggle button{background:transparent;border:none;color:#ffffff4d;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;padding:6px 14px;border-radius:7px;cursor:pointer;transition:all .2s}.clock-ampm-toggle button.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 8px #0003}.clock-face-container{display:flex;justify-content:center;padding:10px 0}.clock-face{width:210px;height:210px;background:#ffffff05;border-radius:50%;position:relative;border:1px solid rgba(255,255,255,.05)}.clock-center-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);z-index:10;box-shadow:0 0 10px #ffffff80}.clock-hand{position:absolute;top:50%;left:50%;width:2px;height:85px;background:#ffffff26;transform-origin:bottom center;margin-top:-85px;margin-left:-1px;transition:transform .4s cubic-bezier(.4,2,.5,1);z-index:5}.clock-hand-tip{position:absolute;top:0;left:50%;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #ffffff1a}.clock-number{position:absolute;top:50%;left:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:14px;color:#fff6;cursor:pointer;border-radius:50%;transition:all .2s;margin-top:-15px;margin-left:-15px;z-index:15}.clock-number:hover{color:#fff;background:#ffffff0d}.clock-number.selected{color:#fff;font-weight:700}.time-picker-footer{margin-top:24px;display:flex;justify-content:center}.time-done-btn{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;padding:12px;border-radius:12px;cursor:pointer;transition:all .2s}.time-done-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 5px 20px #0000004d}.pp-glow{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(120px);opacity:.18;animation:pp-drift 20s ease-in-out infinite alternate}.pp-glow--1{width:700px;height:500px;top:-120px;left:-200px;background:radial-gradient(ellipse,rgba(99,130,255,.6) 0%,transparent 70%)}.pp-glow--2{width:600px;height:600px;bottom:-100px;right:-160px;background:radial-gradient(ellipse,rgba(60,100,200,.5) 0%,transparent 70%);animation-direction:alternate-reverse;animation-duration:26s}@keyframes pp-drift{0%{transform:translate(0) scale(1)}to{transform:translate(50px,40px) scale(1.08)}}.pp-hero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.pp-hero-inner{position:relative;z-index:2;text-align:center;max-width:760px;padding:80px 32px 60px;display:flex;flex-direction:column;align-items:center;gap:28px}.pp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:7px 18px;font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:#fff6}.pp-hero-h1{font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#fff;text-shadow:0 0 60px rgba(255,255,255,.08);margin:0}.pp-hero-accent{background:linear-gradient(135deg,#7fa8ff,#b0c4ff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pp-hero-sub{font-size:17px;color:#ffffff61;line-height:1.7;max-width:560px;font-weight:400}.pp-wave{display:flex;align-items:center;gap:4px;height:40px}.pp-wave-bar{width:3px;border-radius:100px;background:#ffffff26;height:8px;transition:height .3s ease}.pp-wave-bar--active{animation:pp-wave-anim 1.2s ease-in-out infinite;background:#78a0ff99}@keyframes pp-wave-anim{0%,to{height:6px;opacity:.4}50%{height:32px;opacity:1}}.pp-hero-btns{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.pp-btn-primary{background:linear-gradient(135deg,#5a78ff40,#3c5ac833)!important;border-color:#648cff73!important;box-shadow:0 0 30px #5078ff1f,inset 0 1px #ffffff0f!important;color:#dcebfff2!important;text-shadow:0 0 20px rgba(120,160,255,.4)!important}.pp-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6487ff59,#4669dc47)!important;border-color:#78a0ffa6!important;box-shadow:0 0 50px #5078ff38,0 8px 30px #0000004d!important;transform:translateY(-2px)!important}.pp-hero-stats{display:flex;gap:40px;flex-wrap:wrap;justify-content:center;border-top:1px solid rgba(255,255,255,.06);padding-top:28px;width:100%}.pp-hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.pp-hero-stat-val{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.pp-hero-stat-lbl{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#ffffff47;font-weight:600}.pp-call-indicator{position:absolute;display:flex;align-items:center;gap:8px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:8px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:pp-float 6s ease-in-out infinite;z-index:2}@keyframes pp-float{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-10px);opacity:1}}.pp-ci-dot{width:8px;height:8px;border-radius:50%;background:#7dffb3;box-shadow:0 0 8px #7dffb3b3;animation:pd 1.2s ease-in-out infinite;flex-shrink:0}.pp-ci-label{font-size:11px;font-weight:600;letter-spacing:.5px;color:#ffffff80;white-space:nowrap}.pp-section{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:80px 32px 40px;text-align:center}.pp-section-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#648cffb3;margin-bottom:16px}.pp-section-label:before{content:"";display:block;width:24px;height:1px;background:#648cff66}.pp-section-label:after{content:"";display:block;width:24px;height:1px;background:#648cff66}.pp-section-h2{font-size:clamp(26px,3.5vw,42px);font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:12px}.pp-section-sub{font-size:15px;color:#ffffff52;margin-bottom:52px}.pp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.pp-card{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:36px 28px 32px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:0;position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.pp-card:hover{transform:translateY(-6px);border-color:#ffffff24;box-shadow:0 24px 60px #0006}.pp-card--popular{border-color:#648cff59;background:#506eff0f;box-shadow:0 0 0 1px #648cff40,0 0 60px #506eff1f,0 20px 50px #0006;transform:scale(1.03)}.pp-card--popular:hover{transform:scale(1.03) translateY(-6px);box-shadow:0 0 0 1px #78a0ff73,0 0 80px #506eff33,0 30px 60px #00000080}.pp-card-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6488ff,#90aaff);color:#fff;font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;padding:5px 18px;border-radius:100px;box-shadow:0 4px 20px #6488ff66;white-space:nowrap}.pp-card-name{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff59;margin-bottom:20px}.pp-card-price{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.pp-card-amount{font-size:42px;font-weight:800;color:#fff;letter-spacing:-.03em}.pp-card-period{font-size:14px;color:#ffffff4d}.pp-card-setup{font-size:12px;color:#ffffff38;margin-bottom:24px;font-family:JetBrains Mono,monospace}.pp-card-divider{height:1px;background:#ffffff0f;margin-bottom:24px}.pp-card-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;text-align:left;flex:1}.pp-card-features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#ffffffa6;line-height:1.5}.pp-check{color:#7dffb3;flex-shrink:0;margin-top:2px;filter:drop-shadow(0 0 6px rgba(125,255,179,.4))}.pp-card-cta{width:100%;justify-content:center;padding:14px!important;font-size:14px!important}.pp-enterprise{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:48px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;text-align:left;position:relative;overflow:hidden}.pp-enterprise:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 0% 50%,rgba(80,110,255,.06) 0%,transparent 60%);pointer-events:none}.pp-enterprise-h2{font-size:34px;font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:14px}.pp-enterprise-sub{font-size:15px;color:#ffffff59;line-height:1.7;margin-bottom:8px}.pp-enterprise-right{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pp-ent-feat{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;font-size:13px;color:#fff9;transition:all .2s}.pp-ent-feat:hover{border-color:#ffffff1f;background:#ffffff0d;color:#ffffffd9}.pp-ent-icon{display:flex;color:#648cffb3;flex-shrink:0}.pp-credits{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:0;background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden}.pp-credit-row{display:flex;align-items:center;gap:16px;padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.pp-credit-row:last-child{border-bottom:none}.pp-credit-row:hover{background:#ffffff08}.pp-credit-calls{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#ffffffb3;white-space:nowrap;min-width:140px}.pp-credit-dots{flex:1;height:1px;border-top:1px dashed rgba(255,255,255,.1)}.pp-credit-price{font-size:17px;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace;letter-spacing:-.5px}.pp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadein .2s ease}.pp-modal{width:100%;max-width:460px;padding:32px!important}.pp-sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:300;padding:16px 20px;background:#080808f2;border-top:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (max-width: 900px){.pp-cards{grid-template-columns:1fr;max-width:440px;margin:0 auto}.pp-card--popular{transform:none}.pp-card--popular:hover{transform:translateY(-6px)}.pp-enterprise{grid-template-columns:1fr;gap:32px;padding:32px}.pp-enterprise-right{grid-template-columns:1fr}.pp-call-indicator{display:none}.pp-hero-stats{gap:24px}}@media (max-width: 600px){.pp-section{padding:60px 20px 32px}.pp-hero-inner{padding:60px 20px 40px}.pp-sticky-cta{display:flex}main{padding-bottom:80px}.pp-enterprise{padding:24px 20px}.pp-credit-row{padding:16px 20px}}.students-manager{display:flex;flex-direction:column;gap:24px;animation:fadeIn .4s ease-out}.sm-top-actions{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;align-items:flex-start}.agent-select-wrap{width:300px}.sm-content{display:grid;grid-template-columns:320px 1fr;gap:24px}.btn-upload{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#fff;font-family:Outfit,sans-serif;font-weight:600;cursor:pointer;transition:all .2s}.btn-upload:hover{background:#ffffff0f;border-color:#fff3}.sm-content{display:grid;grid-template-columns:320px 1fr;gap:24px;min-height:500px}.sm-side-panel{display:flex;flex-direction:column;gap:32px;height:100%}.students-summary{margin-top:10px}.insights-wrapper{min-height:190px;display:flex;flex-direction:column}.stats-detail,.stats-empty{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:20px;display:flex;flex-direction:column}.stats-empty{align-items:center;justify-content:center;text-align:center;color:#fff3;border-style:dashed;border-color:#ffffff0d}.stat-date{font-family:JetBrains Mono,monospace;font-size:14px;color:#ffffffe6;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.stats-grid-compact{display:grid;grid-template-columns:1fr;gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-item span{font-size:12px;color:#ffffff4d;text-transform:uppercase;letter-spacing:1px}.stat-item strong{font-family:JetBrains Mono,monospace;font-size:16px;color:#fff}.stats-empty p{font-size:13px;line-height:1.5}.students-list-mini{display:flex;flex-direction:column;gap:8px}.student-mini-row{display:flex;justify-content:space-between;font-size:13px;color:#fff9;padding:8px 12px;background:#ffffff05;border-radius:6px}.student-mini-row .phone{font-family:JetBrains Mono,monospace;font-size:11px;color:#ffffff4d}.more-students{font-size:11px;color:#fff3;text-align:center;margin-top:4px}.calendar-container{padding:32px;display:flex;flex-direction:column}.cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.cal-title{font-size:24px;font-weight:700;color:#fff}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;flex:1}.cal-dow{text-align:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#fff3;padding-bottom:12px}.cal-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:12px;font-family:JetBrains Mono,monospace;font-size:16px;color:#fff6;background:#ffffff04;border:1px solid rgba(255,255,255,.03);transition:all .2s;position:relative}.cal-cell.empty{background:transparent;border:none}.cal-cell.clickable{cursor:pointer;color:#fffc}.cal-cell.clickable:hover{background:#ffffff0d;border-color:#ffffff26;color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.cal-cell.disabled{opacity:.2;cursor:not-allowed}.cal-cell.today{border-color:#3b82f666;background:#3b82f60d;color:#3b82f6;font-weight:700}.cal-cell.today:after{content:"";position:absolute;bottom:8px;width:4px;height:4px;background:#3b82f6;border-radius:50%}.side-call-action{width:100%}.side-btn{padding:14px 20px!important;font-size:13px!important;border-radius:10px!important}.sm-footer{display:flex;justify-content:center;margin-top:12px}.msg-banner{position:fixed;bottom:100px;right:40px;z-index:1000;display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:14px;font-weight:500;box-shadow:0 20px 40px #0006;animation:slideIn .3s ease-out}.msg-banner.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#4ade80}.msg-banner.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.msg-close{background:none;border:none;color:currentColor;opacity:.5;cursor:pointer;font-size:18px;margin-left:8px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading-stats{font-size:12px;color:#fff3;font-style:italic;text-align:center}.student-attendance{display:flex;flex-direction:column;gap:24px;animation:fadeIn .4s ease-out}.att-top-bar{display:flex;justify-content:space-between;align-items:center;gap:24px}.date-picker-wrap{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:10px 16px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.att-date-input{background:transparent;border:none;color:#fff;font-family:Outfit,sans-serif;font-size:15px;font-weight:500;outline:none}.att-date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.att-summary-cards{display:flex;gap:16px}.att-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:14px 20px;border-radius:12px;display:flex;align-items:center;gap:14px;min-width:180px}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#ffffff4d}.stat-value{font-size:18px;font-weight:700;font-family:Outfit,sans-serif}.att-content-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.panel-header{margin-bottom:24px}.panel-header h3{font-size:18px;font-weight:600;margin-bottom:4px}.date-sub{font-size:13px;color:#ffffff4d}.panel-desc{font-size:13px;color:#fff6;line-height:1.5}.att-students-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:8px;margin-bottom:24px}.att-students-list::-webkit-scrollbar{width:4px}.att-students-list::-webkit-scrollbar-track{background:#ffffff05}.att-students-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.att-student-row{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .2s}.att-student-row:hover{background:#ffffff0a;border-color:#ffffff1a}.student-info{display:flex;flex-direction:column;gap:4px}.st-name{font-weight:600;font-size:15px}.st-parent{font-size:12px;color:#ffffff4d}.att-toggles{display:flex;gap:8px;background:#0003;padding:4px;border-radius:8px}.toggle-btn{padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:#ffffff4d}.toggle-btn.present.active{background:#22c55e33;color:#4ade80;box-shadow:0 4px 12px #22c55e1a}.toggle-btn.absent.active{background:#ef444433;color:#f87171;box-shadow:0 4px 12px #ef44441a}.att-actions{display:flex;justify-content:flex-end;margin-top:12px}.btn-primary,.btn-call{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 28px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary:hover,.btn-call:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-1px);box-shadow:0 8px 20px #0000004d}.btn-primary:disabled,.btn-call:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.btn-call.large{width:100%;padding:16px;background:#3b82f60d;border-color:#3b82f626}.btn-call.large:hover{background:#3b82f61a;border-color:#3b82f64d}.calling-actions{display:flex;flex-direction:column;gap:24px}.field-group{display:flex;flex-direction:column;gap:8px}.field-group label{font-size:12px;font-weight:600;color:#ffffff4d;text-transform:uppercase}.absentee-call-wrap{padding-top:24px;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:16px}.absent-preview{display:flex;justify-content:space-between;align-items:center}.preview-label{font-size:13px;color:#fff6}.preview-count{font-weight:700}.empty-state{padding:40px;text-align:center;color:#fff3;font-size:14px;border:1px dashed rgba(255,255,255,.05);border-radius:12px}@media (max-width: 1024px){.att-content-grid{grid-template-columns:1fr}}