.barChartBox{width:100%;height:100%}.barChartBox h1{font-size:20px;margin-bottom:20px}.bigChartBox{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 1400px){.bigChartBox h1{font-size:24px}}.bigChartBox .chart{width:100%;height:300px}.chartBox{display:flex;height:100%}@media screen and (max-width: 480px){.chartBox{flex-direction:column}}.chartBox .boxInfo{flex:3;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 480px){.chartBox .boxInfo{gap:20px}}.chartBox .boxInfo .title{display:flex;align-items:center;gap:10px}@media screen and (max-width: 1400px){.chartBox .boxInfo .title{font-size:14px}}@media screen and (max-width: 1400px){.chartBox .boxInfo h1{font-size:20px}}.chartBox .chartInfo{flex:2;display:flex;flex-direction:column;justify-content:space-between}.chartBox .chartInfo .chart{width:100%;height:100%}.chartBox .chartInfo .texts{display:flex;flex-direction:column;text-align:right}.chartBox .chartInfo .texts .percentage{font-weight:700;font-size:20px}@media screen and (max-width: 1400px){.chartBox .chartInfo .texts .percentage{font-size:16px}}.chartBox .chartInfo .texts .duration{font-size:14px}.pieChartBox{height:100%;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 1400px){.pieChartBox h1{font-size:24px}}.pieChartBox .chart{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.pieChartBox .options{display:flex;justify-content:space-between;gap:10px;font-size:14px}.pieChartBox .options .option{display:flex;flex-direction:column;gap:10px;align-items:center}.pieChartBox .options .option .title{display:flex;gap:10px;align-items:center}.pieChartBox .options .option .title .dot{width:10px;height:10px;border-radius:50%}.topBox{max-width:400px;margin:0 auto;padding:15px;background-color:#1e1e2f;border-radius:8px;box-shadow:0 4px 15px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.topBox h1{text-align:left;margin-bottom:15px;font-size:1.25rem;color:#f1f1f1;font-weight:600;padding-bottom:8px;letter-spacing:.01em}.topBox .list{padding:5px}.topBox .listItem{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 5px;border:none;margin-bottom:4px;background-color:transparent;transition:background-color .2s ease}.topBox .listItem:hover{background-color:#2a2a3c80}.topBox .userTexts{display:flex;flex-direction:column;justify-content:center;flex:1;max-width:200px;line-height:1.4}.topBox .userTexts .username{font-size:.9375rem;color:#f1f1f1;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;letter-spacing:.01em}.topBox .userTexts .email{font-size:.8125rem;color:#8e8e9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.topBox .callDetails{display:flex;flex-direction:column;align-items:flex-end;min-width:120px;line-height:1.4}.topBox .callDetails span{margin-bottom:2px;font-size:.8125rem;color:#8e8e9a;letter-spacing:.01em}.topBox .callDetails .callDuration{color:#8e8e9a;font-weight:400}.topBox .callDetails .callType{color:#60a5fa;font-weight:500}.topBox .showMoreButton{width:100%;padding:8px;background-color:transparent;color:#60a5fa;border:none;border-radius:4px;cursor:pointer;text-align:center;font-size:.875rem;margin-top:8px;font-weight:500;letter-spacing:.01em}.topBox .showMoreButton:hover{background-color:#60a5fa1a}.home{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);grid-auto-flow:dense}@media screen and (max-width: 1200px){.home{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1024px){.home{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.home{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 480px){.home{grid-auto-rows:minmax(120px,auto)}}.home .box{padding:20px;border-radius:10px;border:2px solid #384256}.home .box1,.home .box4{grid-column:span 1;grid-row:span 3}.home .box7{grid-column:span 2;grid-row:span 2}@media screen and (max-width: 768px){.home .box7{display:none}}.dataTable .dataGrid{background:white;padding:20px}.dataTable .dataGrid .MuiDataGrid-toolbarContainer{flex-direction:row-reverse}.dataTable .dataGrid img{width:32px;height:32px;border-radius:50%;object-fit:cover}.dataTable .dataGrid .action{display:flex;gap:15px}.dataTable .dataGrid .action img{width:20px;height:20px;cursor:pointer}.add{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:#000000b9;display:flex;align-items:center;justify-content:center}.add .modal{padding:50px;border-radius:10px;background-color:#2a3447;position:relative}.add .modal h1{margin-bottom:40px;font-size:24px;color:#ddd}.add .modal .close{position:absolute;top:10px;right:10px;cursor:pointer}.add .modal form{display:flex;flex-wrap:wrap;max-width:500px;justify-content:space-between}.add .modal form .item{width:40%;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.add .modal form .item label{font-size:14px}.add .modal form .item input{padding:10px;background-color:transparent;color:#fff;outline:none;border:1px solid #ddd;border-radius:3px}.add .modal form button{width:100%;padding:10px;cursor:pointer}.products .info{display:flex;align-items:center;gap:20px;margin-bottom:20px}.products .info button{padding:5px;cursor:pointer}.navbar{width:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.navbar .logo{display:flex;align-items:center;font-weight:700;gap:10px}.navbar .icons{display:flex;align-items:center;gap:20px}@media screen and (max-width: 480px){.navbar .icons .icon{display:none}}.navbar .icons .notification{position:relative}.navbar .icons .notification span{background-color:red;color:#fff;width:16px;height:16px;border-radius:50%;position:absolute;top:-10px;right:-10px;display:flex;align-items:center;justify-content:center;font-size:12px}.navbar .icons .user{display:flex;align-items:center;gap:10px}.navbar .icons .user img{width:26px;height:26px;border-radius:50%;object-fit:cover}.footer{display:flex;align-items:center;justify-content:space-between;padding:30px}.footer span:first-child{font-weight:700}.footer span:last-child{font-size:14px}.menu .item{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.menu .item .title{font-size:12px;font-weight:200;color:#ddd;text-transform:uppercase}@media screen and (max-width: 1024px){.menu .item .title{display:none}}.menu .item .listItem{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px}.menu .item .listItem:hover{background-color:#384256}@media screen and (max-width: 1024px){.menu .item .listItem .listItemTitle{display:none}}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}.main{font-family:Inter,sans-serif;background-color:#2a3447;color:#fff;min-height:100vh}.container{display:flex;width:100vw;max-width:1920px;margin:0 auto}.menuContainer{width:250px;padding:5px 20px;border-right:2px solid #384256}@media screen and (max-width: 1024px){.menuContainer{width:max-content}}.contentContainer{padding:5px 20px;width:calc(100% - 250px)}@media (min-width: 1920px){.menuContainer{width:300px}.contentContainer{width:calc(100% - 300px);padding:20px 40px}}.topBox{padding:20px;background-color:#1e1e2f;border-radius:10px;box-shadow:0 0 15px #0003;max-width:800px;margin:0 auto}.topBox h1{margin-bottom:20px;color:#f1f1f1;font-size:24px;font-weight:700}.topBox .loading{text-align:center;padding:20px;color:#a0a0a0;font-size:16px}.topBox .tableContainer{overflow-x:auto;margin-top:20px;border-radius:8px;background-color:#2a2a3c}.topBox .callTable{width:100%;border-collapse:collapse;min-width:800px}.topBox .callTable th,.topBox .callTable td{padding:12px 15px;text-align:left;border-bottom:1px solid #444;color:#e0e0e0}.topBox .callTable th{background-color:#3a3a4f;font-weight:600;color:#ccc;cursor:pointer;transition:background-color .3s,color .3s}.topBox .callTable th:hover{background-color:#505067;color:#fff}.topBox .callTable th span{font-size:.8em;margin-left:5px}.topBox .callTable tbody tr{transition:background-color .2s}.topBox .callTable tbody tr:hover{background-color:#353548}.topBox .callTable tbody tr td:first-child{font-weight:500}.topBox .callTable .callType{padding:4px 8px;border-radius:4px;font-size:.9em;font-weight:500;text-transform:capitalize}.topBox .callTable .callType.incoming{background-color:#388e3c33;color:#66bb6a}.topBox .callTable .callType.outgoing{background-color:#1976d233;color:#42a5f5}.topBox .callTable .callType.missed{background-color:#d32f2f33;color:#ef5350}.missedCalls{padding:30px;background-color:#1a1a2e;border-radius:16px;box-shadow:0 8px 16px #0003,0 2px 4px #9d4edd1a;max-width:800px;margin:30px auto;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e4e4e4}.missedCalls h2{color:#9d4edd;font-size:2rem;text-align:center;margin-bottom:30px;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(157,78,221,.2)}.device{background-color:#252542;border:1px solid #363655;border-radius:12px;padding:25px;margin-bottom:25px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.device:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0003,0 2px 4px #9d4edd1a}.device:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#9d4edd,#c77dff);opacity:0;transition:opacity .3s ease}.device:hover:before{opacity:1}.device h3{color:#c77dff;font-size:1.4rem;margin-bottom:15px;font-weight:600;letter-spacing:.5px}.date{margin-bottom:20px;color:#b8b8d1;font-size:.95rem}.device h4{font-size:1.1rem;color:#e4e4e4;margin-bottom:12px;font-weight:500}.callInfo{padding:15px;background-color:#1e1e36;border-radius:8px;margin-bottom:15px;font-size:.95rem;border:1px solid #363655;transition:background-color .2s ease}.callInfo:hover{background-color:#2a2a4a}.callInfo p{margin:8px 0;color:#b8b8d1;line-height:1.5}.callInfo strong{color:#e4e4e4;font-weight:600}.missedCalls::-webkit-scrollbar{width:8px}.missedCalls::-webkit-scrollbar-track{background:#1a1a2e}.missedCalls::-webkit-scrollbar-thumb{background:#363655;border-radius:4px}.missedCalls::-webkit-scrollbar-thumb:hover{background:#9d4edd}@media (max-width: 768px){.missedCalls{padding:20px;margin:15px;border-radius:12px}.missedCalls h2{font-size:1.75rem;margin-bottom:25px}.device{padding:20px;margin-bottom:20px}.device h3{font-size:1.2rem}.device h4{font-size:1rem}.callInfo{padding:12px}}@keyframes highlightNew{0%{background-color:#9d4edd33}to{background-color:#1e1e36}}.callInfo.new{animation:highlightNew 2s ease-out forwards}.outgoingCalls{padding:20px;background-color:#2c003e;border-radius:8px;box-shadow:0 4px 6px #0000004d;max-width:800px;margin:20px auto;color:#e0e0e0;font-family:Arial,sans-serif}.date{background-color:#3e1f56;border:1px solid #5d2a78;border-radius:5px;padding:15px;margin-bottom:20px}h2{color:#c39bd3;font-size:24px;text-align:center;margin-bottom:20px}h3{color:#9b59b6;font-size:20px;margin-bottom:10px}.callInfo{padding:10px;background-color:#3e1f56;border-radius:4px;margin-bottom:10px;font-size:14px;box-shadow:0 2px 4px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.callInfo:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006}p{margin:5px 0;color:#e0e0e0}strong{color:#c39bd3;font-weight:700}@media (max-width: 768px){.outgoingCalls{padding:10px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}}.callLog{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;max-width:1200px;margin:0 auto;padding:32px;background-color:#0f172a;min-height:100vh}.callLog h2{color:#f8fafc;text-align:left;font-size:1.875rem;font-weight:600;margin-bottom:24px;letter-spacing:-.025em;padding-bottom:16px;border-bottom:1px solid #1e293b}.callLog .device{margin-bottom:24px;background-color:#1e293b;border-radius:8px;border:1px solid #334155;overflow:hidden}.callLog .device h3{color:#f8fafc;background:#334155;padding:16px 24px;margin:0;font-size:1.25rem;font-weight:500;display:flex;align-items:center;gap:12px}.callLog .device h3:before{content:"";display:inline-block;width:8px;height:8px;background:#22c55e;border-radius:50%}.callLog .date{padding:20px 24px;border-bottom:1px solid #334155}.callLog .date:last-child{border-bottom:none}.callLog .date h4{color:#94a3b8;margin-bottom:16px;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.callLog .callInfo{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background-color:#262f42;border-radius:6px;padding:16px;margin-bottom:12px;transition:all .2s ease}.callLog .callInfo:hover{background-color:#2d3748}.callLog .callInfo:last-child{margin-bottom:0}.callLog .callInfo p{margin:0;display:flex;align-items:center;gap:8px;color:#e2e8f0;font-size:.9375rem}.callLog .callInfo p strong{color:#94a3b8;font-weight:500;font-size:.875rem}.callLog ::-webkit-scrollbar{width:6px}.callLog ::-webkit-scrollbar-track{background:#1e293b}.callLog ::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.callLog ::-webkit-scrollbar-thumb:hover{background:#64748b}.callStatus{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:500}.callStatus.incoming{background-color:#22c55e1a;color:#22c55e}.callStatus.outgoing{background-color:#3b82f61a;color:#3b82f6}.callStatus.missed{background-color:#ef44441a;color:#ef4444}@media (max-width: 1024px){.callLog{padding:24px}.callLog .callInfo{grid-template-columns:1fr;gap:8px}}@media (max-width: 640px){.callLog{padding:16px}.callLog h2{font-size:1.5rem}.callLog .device h3{font-size:1.125rem;padding:12px 16px}.callLog .date{padding:16px}.callLog .callInfo{padding:12px}}@media print{.callLog{background:white;color:#000}.callLog .device,.callLog .callInfo{border:1px solid #e2e8f0;break-inside:avoid}}.contactList{padding:30px;background-color:#2c003e;border-radius:12px;max-width:600px;margin:20px auto;box-shadow:0 4px 12px #0000004d;font-family:Arial,sans-serif}.contactList h2{text-align:center;color:#9b59b6;font-size:28px;margin-bottom:30px;text-transform:uppercase;letter-spacing:1px}.contactList ul{list-style-type:none;padding:0}.contactList li{background-color:#3e1f56;border:1px solid #5d2a78;border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:0 2px 8px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.contactList li:hover{transform:translateY(-3px);box-shadow:0 4px 16px #0000004d}.contactList li p{margin:8px 0;color:#e0e0e0;font-size:18px;line-height:1.6}.contactList li p:first-of-type{font-weight:700}.contactList li strong{color:#9b59b6;font-weight:700}@media (max-width: 768px){.contactList{padding:15px}.contactList h2{font-size:24px}.contactList p{font-size:16px}.contactList li{padding:15px;margin-bottom:10px}}@media (max-width: 480px){.contactList{max-width:90%}.contactList h2{font-size:22px}.contactList p{font-size:14px}.contactList li{padding:12px}}.frequent-call-detector{padding:20px;background-color:#2c003e;border-radius:8px;box-shadow:0 4px 6px #0000004d;max-width:600px;margin:20px auto;text-align:center;color:#e0e0e0;font-family:Arial,sans-serif}h1{color:#9b59b6;font-size:24px;margin-bottom:20px}ul{list-style-type:none;padding:0}li{padding:10px;background-color:#3e1f56;border:1px solid #5d2a78;border-radius:5px;margin-bottom:10px;font-size:16px;color:#e0e0e0;transition:transform .3s ease,box-shadow .3s ease}li:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0006}p{font-size:18px;color:#b0b0b0}@media (max-width: 768px){.frequent-call-detector{padding:10px}h1{font-size:20px}li{font-size:14px}p{font-size:16px}}@media (max-width: 480px){.frequent-call-detector{max-width:90%}h1{font-size:18px}li{padding:8px}p{font-size:14px}}.call-type-analysis{background-color:#0a2540;color:#fff;padding:20px;border-radius:10px}.call-type-analysis .dashboard-heading{font-size:32px;text-align:center;color:#fff;margin-bottom:30px;font-family:Roboto,sans-serif}.call-type-analysis .call-type-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.call-type-analysis .call-type-box{background-color:#142f56;border-radius:10px;padding:20px;text-align:center;width:22%;box-shadow:0 4px 12px #0003;transition:transform .3s ease,background-color .3s ease}.call-type-analysis .call-type-box h3{font-size:20px;margin-bottom:10px;color:#e0e0e0}.call-type-analysis .call-type-box p{font-size:28px;font-weight:700;color:#00e676}.call-type-analysis .call-type-box:hover{background-color:#1f3b6b;transform:translateY(-10px)}@media (max-width: 768px){.call-type-analysis .call-type-container{flex-direction:column}.call-type-analysis .call-type-container .call-type-box{width:100%}}.callStatsDetails{background:linear-gradient(135deg,rgba(17,24,39,.98) 0%,rgba(31,41,55,.98) 100%);color:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #0003;max-width:1200px;margin:2rem auto;font-family:Inter,system-ui,-apple-system,sans-serif;border:1px solid rgba(255,255,255,.1)}.callStatsDetails h1{text-align:center;margin-bottom:2.5rem;font-size:2.5rem;font-weight:700;background:linear-gradient(120deg,#3b82f6 0%,#60a5fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.callStatsDetails .summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.callStatsDetails .summary .statItem{background:rgba(31,41,55,.95);padding:1.75rem;border-radius:16px;border:1px solid rgba(255,255,255,.12);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000001a}.callStatsDetails .summary .statItem:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d,0 4px 8px #0003,inset 0 1px #ffffff1a;background:rgba(40.1918604651,53.1569767442,71.3081395349,.95)}.callStatsDetails .summary .statItem h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#60a5fa;letter-spacing:-.3px}.callStatsDetails .summary .statItem p{margin:.5rem 0;font-size:1.5rem;font-weight:600;color:#fff}.callStatsDetails .summary .statItem p:last-child{color:#60a5fa;font-size:1rem;opacity:.9}.callStatsDetails .shiftDetails{margin-bottom:3rem;padding:2rem;background:rgba(31,41,55,.95);border-radius:16px;border:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem;box-shadow:0 4px 6px #0000001a}.callStatsDetails .shiftDetails h2{margin:0;font-size:1.25rem;color:#cbd5e1;display:flex;flex-direction:column;align-items:center}.callStatsDetails .shiftDetails h2:after{content:attr(data-value);font-size:2rem;color:#60a5fa;margin-top:.5rem;font-weight:700}.callStatsDetails .durationList{background:rgba(31,41,55,.95);border-radius:16px;border:1px solid rgba(255,255,255,.12);padding:2rem;box-shadow:0 4px 6px #0000001a}.callStatsDetails .durationList h2{margin:0 0 1.5rem;font-size:1.5rem;color:#60a5fa;font-weight:600}.callStatsDetails .durationList ul{list-style-type:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.callStatsDetails .durationList ul li{padding:1rem;background:rgba(17,24,39,.7);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#fff}.callStatsDetails .durationList ul li:hover{background:rgba(24.7410714286,34.9285714286,56.7589285714,.7);transform:translate(4px);border-color:#ffffff26}@media (max-width: 768px){.callStatsDetails{padding:1.5rem;margin:1rem}.callStatsDetails h1{font-size:2rem}.callStatsDetails .summary{grid-template-columns:1fr}.callStatsDetails .shiftDetails{padding:1.5rem}.callStatsDetails .shiftDetails h2{font-size:1.1rem}.callStatsDetails .shiftDetails h2:after{font-size:1.5rem}.callStatsDetails .durationList ul{grid-template-columns:1fr}}.trainingResources{background:linear-gradient(135deg,rgba(15,23,42,.95) 0%,rgba(8.2894736842,12.7105263158,23.2105263158,.95) 100%);min-height:100vh;padding:3rem 1.5rem;color:#f8fafc;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.trainingResources:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 50%,rgba(56,189,248,.08) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(129,140,248,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.trainingResources .content-wrapper{position:relative;z-index:1;max-width:1200px;margin:0 auto}.trainingResources h1{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;padding-bottom:1rem}.trainingResources h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:2px}.trainingResources section{margin-bottom:4rem;animation:fadeInUp .6s ease-out forwards}.trainingResources section:nth-child(1){animation-delay:.2s}.trainingResources section:nth-child(2){animation-delay:.4s}.trainingResources section h2{font-size:1.75rem;font-weight:700;margin-bottom:2rem;color:#f8fafc;text-align:left;display:flex;align-items:center;gap:1rem}.trainingResources section h2:before{content:"";display:block;width:3px;height:24px;background:linear-gradient(to bottom,#38bdf8,#818cf8);border-radius:3px}.trainingResources section .resourceList{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:.5rem}.trainingResources section .resourceList .resourceItem{background:#1e293b;border-radius:12px;padding:1.5rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.trainingResources section .resourceList .resourceItem:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#38bdf8,#818cf8);opacity:0;transition:opacity .3s ease}.trainingResources section .resourceList .resourceItem a{color:#f8fafc;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.75rem;position:relative;padding-left:1.5rem}.trainingResources section .resourceList .resourceItem a:before{content:"";position:absolute;left:0;width:16px;height:16px;background-size:contain;background-repeat:no-repeat}.trainingResources section .resourceList .resourceItem:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003;background:rgb(35.1573033708,48.0483146067,69.1426966292);border-color:#fff3}.trainingResources section .resourceList .resourceItem:hover:before{opacity:1}.trainingResources section .resourceList .resourceItem:hover a{color:#38bdf8}.trainingResources .pdfResources .resourceItem a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2338bdf8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'%3E%3C/path%3E%3C/svg%3E")}.trainingResources .videoResources .resourceItem a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f472b6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z'%3E%3C/path%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 12a9 9 0 11-18 0 9 9 0 0118 0z'%3E%3C/path%3E%3C/svg%3E")}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.trainingResources{padding:2rem 1rem}.trainingResources h1{font-size:2rem;margin-bottom:2rem}.trainingResources section{margin-bottom:2.5rem}.trainingResources section h2{font-size:1.5rem;margin-bottom:1.5rem}.trainingResources section .resourceList{grid-template-columns:1fr;gap:1rem}}.call-quality-analysis{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:30px;background:linear-gradient(135deg,#2b2d42,#3c416f);box-shadow:0 8px 16px #0000004d;border-radius:12px}.call-quality-analysis h1{color:#f7b32b;font-size:28px;margin-bottom:25px;font-weight:700;text-shadow:2px 2px 5px rgba(0,0,0,.2);border-bottom:2px solid #f7b32b;padding-bottom:10px}.call-quality-analysis h2{color:#f7b32b;font-size:22px;margin-top:25px;font-weight:600}.call-quality-analysis .date-section{background:linear-gradient(135deg,#1f2235,#2a2d48);border:1px solid #3c3f58;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 4px 8px #0003}.call-quality-analysis .date-section h3{color:#f7b32b;font-size:20px;margin-bottom:15px;font-weight:600}.call-quality-analysis .date-section .call-entry{background:#2f3150;border-radius:8px;padding:15px;margin-bottom:15px;transition:background .3s,transform .3s;box-shadow:0 2px 4px #0000001a}.call-quality-analysis .date-section .call-entry:hover{background:#3a3c5c;transform:translateY(-2px)}.call-quality-analysis .date-section .call-entry h4{color:#e74c3c;font-size:18px;font-weight:500}.call-quality-analysis .date-section .call-entry p{margin:6px 0;font-size:15px;color:#f0f0f0}.call-quality-analysis .date-section .call-entry .quality-metrics{margin-top:12px;background:#444866;padding:12px;border-radius:6px;box-shadow:inset 0 1px 2px #0000001a}.call-quality-analysis .date-section .call-entry .quality-metrics p{color:#f7b32b;font-weight:500}.call-risk-analysis{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:30px;background:linear-gradient(135deg,#2b2d42,#3c416f);color:#f0f0f0;border-radius:12px;box-shadow:0 8px 16px #0000004d}.call-risk-analysis h1{font-size:28px;color:#f7b32b;margin-bottom:25px;text-align:center;font-weight:700;text-shadow:2px 2px 5px rgba(0,0,0,.2)}.call-risk-analysis h2{color:#f7b32b;font-size:22px;margin:25px 0;font-weight:600}.call-risk-analysis .date-section{margin-bottom:35px}.call-risk-analysis .call-card{background:#1f2235;border:1px solid #3c3f58;border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 4px 8px #0003;transition:transform .3s,box-shadow .3s}.call-risk-analysis .call-card:hover{box-shadow:0 12px 20px #0006;transform:translateY(-5px)}.call-risk-analysis .call-card h4{color:#f7b32b;font-size:20px;margin-bottom:12px;font-weight:600}.call-risk-analysis .call-card p{margin:10px 0;font-size:15px;color:#d4d4dc}.call-risk-analysis .call-card p strong{color:#f0f0f0;font-weight:500}.call-risk-analysis .call-card .risk-metrics{margin-top:18px;padding:15px;background:#2f3150;border-left:4px solid #f7b32b;border-radius:8px;box-shadow:inset 0 1px 2px #0000001a}.call-risk-analysis .call-card .risk-metrics p{margin:8px 0;font-size:14px}.call-risk-analysis .call-card .actions{margin-top:25px}.call-risk-analysis .call-card .actions h5{color:#f7b32b;font-size:18px;margin-bottom:12px;font-weight:600}.call-risk-analysis .call-card .actions ul{padding-left:22px}.call-risk-analysis .call-card .actions ul li{margin-bottom:8px;font-size:15px;color:#d4d4dc;list-style-type:disc}.call-sentiment-container{background-color:#f7f9fc;padding:30px;border-radius:10px;box-shadow:0 6px 16px #0000001a}.call-sentiment-container .device-section{margin-bottom:40px}.call-sentiment-container .device-section h2{color:#007bff;font-size:1.75rem;margin-bottom:15px;font-weight:600;text-transform:uppercase}.call-sentiment-container .device-section .date-section{margin-top:25px}.call-sentiment-container .device-section .date-section h3{color:#0056b3;font-size:1.4rem;margin-bottom:12px;font-weight:500}.call-sentiment-container .device-section .date-section .call-card{background-color:#fff;color:#2c3e50;padding:20px;border-radius:10px;margin-bottom:15px;box-shadow:0 4px 8px #0000001a;transition:box-shadow .3s,transform .3s}.call-sentiment-container .device-section .date-section .call-card:hover{box-shadow:0 12px 20px #0003;transform:translateY(-5px)}.call-sentiment-container .device-section .date-section .call-card h4{margin:0 0 15px;color:#007bff;font-size:1.25rem;font-weight:600}.call-sentiment-container .device-section .date-section .call-card p{margin:8px 0;font-size:15px;line-height:1.6}.call-sentiment-container .device-section .date-section .call-card p strong{font-weight:600;color:#0056b3}.call-sentiment-container .device-section .date-section .call-card .emotion-scores-table{width:100%;border-collapse:collapse;margin-top:15px;font-size:15px}.call-sentiment-container .device-section .date-section .call-card .emotion-scores-table thead{background-color:#007bff;color:#fff}.call-sentiment-container .device-section .date-section .call-card .emotion-scores-table thead th{padding:12px;text-align:left;font-weight:600}.call-sentiment-container .device-section .date-section .call-card .emotion-scores-table tbody tr:nth-child(2n){background-color:#f2f2f2}.call-sentiment-container .device-section .date-section .call-card .emotion-scores-table tbody tr:hover{background-color:#e6f0ff}.call-sentiment-container .device-section .date-section .call-card .emotion-scores-table tbody td{padding:12px;border:1px solid #ddd;text-align:left}.chat-container{width:80%;margin:0 auto;font-family:Segoe UI,Arial,sans-serif;color:#333;padding:20px;border-radius:10px;background:#f7faff;box-shadow:0 10px 30px #0000000d}.chat-box{background-color:#e0f7ff;border:1px solid #ccc;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 5px 15px #0000001a;transition:box-shadow .3s ease}.chat-box:hover{box-shadow:0 8px 20px #00000026}.chat-header{display:flex;justify-content:space-between;font-size:16px;margin-bottom:15px;font-weight:700}.chat-header .chat-date,.chat-header .chat-duration{color:#0056b3;font-weight:700;font-size:1rem}.chat-table{width:100%;border-collapse:collapse;font-size:15px}.chat-table th,.chat-table td{padding:12px;text-align:left;border:1px solid #ccc;font-size:14px}.chat-table thead{background-color:linear-gradient(135deg,#007bff,#0056b3);color:#fff;text-transform:uppercase;font-weight:700}.chat-table thead th{padding:15px;border:none}.chat-table tbody tr:nth-child(2n){background-color:#f1f9ff}.chat-table tbody tr:nth-child(odd){background-color:#fff}.chat-table .speaker-name{font-weight:600;color:#007bff}.chat-table .transcript-line{margin:8px 0;font-size:14px;line-height:1.5;color:#1a1a1a}.chat-box:hover{transform:translateY(-3px)}.behavior-report-container{margin:32px auto;max-width:1200px;padding:24px;background:linear-gradient(145deg,#1a202c,#2d3748);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.behavior-report-container .report-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid rgba(255,255,255,.1)}.behavior-report-container .report-header .subtitle{color:#a0aec0;font-size:1.1rem;font-weight:500}.behavior-report-container .table-wrapper{background:rgba(255,255,255,.03);border-radius:12px;padding:1px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f,0 0 0 1px #ffffff0d}.behavior-report-container .behavior-report-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent}.behavior-report-container .behavior-report-table th,.behavior-report-container .behavior-report-table td{padding:16px;text-align:left;transition:all .2s ease-in-out}.behavior-report-container .behavior-report-table th{background:rgba(44,82,130,.8);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;position:relative}.behavior-report-container .behavior-report-table th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(66,153,225,.5),rgba(49,130,206,.8))}.behavior-report-container .behavior-report-table tbody tr:nth-child(odd){background-color:#1a202c66}.behavior-report-container .behavior-report-table tbody tr:nth-child(2n){background-color:#2d374866}.behavior-report-container .behavior-report-table tbody tr:hover{background-color:#3182ce26;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.behavior-report-container .behavior-report-table td{color:#e2e8f0;border-bottom:1px solid rgba(74,85,104,.2);font-size:.95rem}.behavior-report-container .behavior-report-table td.date-cell{color:#90cdf4;font-weight:500}.behavior-report-container .behavior-report-table td.metric-cell{text-align:center;font-family:Monaco,monospace;font-size:.9rem}.behavior-report-container .behavior-report-table td.metric-cell.score-excellent{color:#48bb78;background:rgba(72,187,120,.1)}.behavior-report-container .behavior-report-table td.metric-cell.score-good{color:#ecc94b;background:rgba(236,201,75,.1)}.behavior-report-container .behavior-report-table td.metric-cell.score-average{color:#ed8936;background:rgba(237,137,54,.1)}.behavior-report-container .behavior-report-table td.metric-cell.score-poor{color:#f56565;background:rgba(245,101,101,.1)}.behavior-report-container .behavior-report-table td.comments-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cbd5e0;font-style:italic}@media (max-width: 1024px){.behavior-report-container{margin:16px;padding:16px}.behavior-report-container .report-header h2{font-size:1.75rem}.behavior-report-container .behavior-report-table th,.behavior-report-container .behavior-report-table td{padding:12px 8px;font-size:.875rem}}@media (max-width: 768px){.behavior-report-container .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.behavior-report-container .behavior-report-table{min-width:900px}}.table-wrapper{background:rgba(255,255,255,.08);border-radius:12px;padding:1px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a,0 0 0 1px #ffffff1a}th{background:rgba(44,82,130,.9);color:#f7fafc;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;position:relative}th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(66,153,225,.7),rgb(49,130,206))}tbody tr:nth-child(odd){background-color:#1a202c99}tbody tr:nth-child(2n){background-color:#2d374899}tbody tr:hover{background-color:#3182ce40;transform:translateY(-2px);box-shadow:0 6px 8px -1px #00000026}h2{font-size:2.25rem;font-weight:700;color:#e2e8f0;margin-bottom:8px;letter-spacing:-.025em;text-shadow:0 3px 6px rgba(0,0,0,.4)}.incident-report{background:linear-gradient(to bottom,#1f2937,#111827);border-radius:16px;padding:2.5rem;max-width:700px;margin:2rem auto;box-shadow:0 10px 15px -3px #0006,0 0 0 1px #0003;position:relative;overflow:hidden}.incident-report:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e40af,#4b62db)}.incident-report h1{color:#f3f4f6;font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:2rem;position:relative;padding-bottom:1rem}.incident-report h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#1e40af,#4b62db);border-radius:3px}.incident-report .form-group{margin-bottom:1.5rem;position:relative}.incident-report .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#f3f4f6;font-size:.925rem;transition:color .2s ease}.incident-report .form-group input[type=text],.incident-report .form-group input[type=date],.incident-report .form-group textarea,.incident-report .form-group select{width:100%;padding:.75rem 1rem;border:1px solid #374151;border-radius:8px;background-color:#1f2937;color:#f3f4f6;font-size:.95rem;transition:all .2s ease;box-shadow:0 1px 2px #0003}.incident-report .form-group input[type=text]:hover,.incident-report .form-group input[type=date]:hover,.incident-report .form-group textarea:hover,.incident-report .form-group select:hover{border-color:#4b62db}.incident-report .form-group input[type=text]:focus,.incident-report .form-group input[type=date]:focus,.incident-report .form-group textarea:focus,.incident-report .form-group select:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px #1e40af4d}.incident-report .form-group textarea{min-height:120px;resize:vertical}.incident-report .form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;padding-right:2.5rem}.incident-report .status-select{position:relative}.incident-report .status-select:after{content:"";position:absolute;top:50%;right:1rem;transform:translateY(-50%);pointer-events:none}.incident-report .status-select select option[value=Pending]{color:#ef4444}.incident-report .status-select select option[value=Completed]{color:#10b981}.incident-report .button-container{margin-top:2rem;text-align:center}.incident-report .button-container button{background:linear-gradient(135deg,#1e40af,#162f8d);color:#fff;padding:.875rem 2rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000004d}.incident-report .button-container button:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0006;background:linear-gradient(135deg,#4b62db,#1e40af)}.incident-report .button-container button:active{transform:translateY(0);box-shadow:0 1px 2px #0003}@media (max-width: 768px){.incident-report{margin:1rem;padding:1.5rem}.incident-report h1{font-size:1.5rem}.incident-report .form-group{margin-bottom:1rem}.incident-report .form-group input[type=text],.incident-report .form-group input[type=date],.incident-report .form-group textarea,.incident-report .form-group select{padding:.625rem .875rem}.incident-report .button-container button{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.report-display{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:800px;margin:0 auto}.report-display h1{text-align:center;font-size:2em;color:#333;margin-bottom:20px}.report-display ul{list-style:none;padding:0}.report-display ul li{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px;margin-bottom:15px;transition:box-shadow .3s}.report-display ul li:hover{box-shadow:0 4px 20px #00000026}.report-display ul li h3{font-size:1.5em;margin-bottom:10px;color:#007bff}.report-display ul li p{margin:5px 0;color:#555}.report-display ul li p:first-of-type{font-weight:700;color:#333}.report-display p{text-align:center;color:#888;font-size:1.2em;margin-top:20px}.compliance-report{background-color:#1e1e2f;color:#f1f1f1;padding:30px;font-family:Arial,sans-serif;max-width:800px;margin:0 auto}.compliance-report h1{color:#4fa3ff;text-align:center;font-size:2rem;margin-bottom:20px;text-transform:uppercase}.compliance-report .employee-report{margin:20px auto;padding:20px;border-radius:10px;border:1px solid #4fa3ff;background-color:#2a2a3c;box-shadow:0 4px 15px #0003;transition:transform .3s ease}.compliance-report .employee-report h2{font-size:1.75rem;margin-bottom:15px;color:#4fa3ff}.compliance-report .employee-report .call-list{list-style-type:none;padding:0}.compliance-report .employee-report .call-list .call-item{background-color:#3a3a50;margin:15px 0;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0003}.compliance-report .employee-report .call-list .call-item h3{color:#4fa3ff;font-size:1.3rem;margin-bottom:8px}.compliance-report .employee-report .call-list .call-item p{color:#f1f1f1;margin:5px 0;line-height:1.6}.compliance-report .employee-report .call-list .call-item:hover{transform:translateY(-2px);transition:transform .3s ease;background-color:#45455f}.compliance-report p.loading{text-align:center;font-size:1.2rem;color:#f1f1f1}.call-tag-report{font-family:Arial,sans-serif;color:#333;padding:20px;background-color:#f4f6f8;border-radius:8px;box-shadow:0 2px 10px #0000001a}.call-tag-report h1{color:#007bff;margin-bottom:10px;font-size:24px}.call-tag-report h2{color:#0056b3;margin-bottom:20px;font-size:20px}.call-tag-report table{width:100%;border-collapse:collapse;margin-top:10px;border:1px solid #007bff}.call-tag-report table th,.call-tag-report table td{border:1px solid #007bff;padding:12px;text-align:left;font-size:16px;transition:background-color .3s}.call-tag-report table th:hover,.call-tag-report table td:hover{background-color:#e1f5ff}.call-tag-report table th{background-color:#007bff;color:#fff;font-weight:700;text-transform:uppercase}.call-tag-report table tbody tr:nth-child(2n){background-color:#f9f9f9}.call-tag-report table tbody tr:nth-child(odd){background-color:#fff}.call-tag-report table tbody tr:last-child td{border-bottom:none}.call-tag-report table:after{content:"";display:block;height:5px;background-color:#007bff;border-radius:0 0 8px 8px}@media (max-width: 768px){.call-tag-report table{font-size:14px}.call-tag-report table th,.call-tag-report table td{padding:8px}}.feedback-container{padding:20px;background-color:#1a1a1a;min-height:100vh;color:#fff}.feedback-container h1{text-align:center;margin-bottom:30px;color:#00b4d8;font-size:2.5rem;font-weight:600;text-shadow:0 0 20px rgba(0,180,216,.3)}.feedback-container .card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;max-width:1400px;margin:0 auto;padding:0 15px}.feedback-container .feedback-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;box-shadow:0 8px 16px #0003;padding:20px;transition:all .3s ease}.feedback-container .feedback-card h2{color:#00b4d8;margin-bottom:15px;font-size:1.5rem;border-bottom:2px solid #3a3a3a;padding-bottom:10px}.feedback-container .feedback-card h3{color:#90caf9;margin:15px 0 10px;font-size:1.2rem}.feedback-container .feedback-card p{margin:10px 0;line-height:1.6;color:#fff}.feedback-container .feedback-card p strong{color:#90caf9;font-weight:500;margin-right:5px}.feedback-container .feedback-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #0000004d;border-color:#00b4d8}.feedback-container ::-webkit-scrollbar{width:8px}.feedback-container ::-webkit-scrollbar-track{background:#1a1a1a}.feedback-container ::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.feedback-container ::-webkit-scrollbar-thumb:hover{background:#4a4a4a}@media screen and (max-width: 768px){.feedback-container{padding:15px}.feedback-container h1{font-size:2rem}.feedback-container .card-container{grid-template-columns:1fr}.feedback-container .feedback-card{padding:15px}}.feedback-report{text-align:center;background-color:#1a1a1a;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000004d;margin:20px;color:#e0e0e0}.feedback-report h1{margin-bottom:20px;color:#fff;font-weight:600}.feedback-report h2{margin:30px 0 10px;color:#4d9fff;font-weight:500}.feedback-report .recharts-wrapper{margin:0 auto;display:flex;justify-content:center}.feedback-report .recharts-wrapper .recharts-cartesian-grid-horizontal line,.feedback-report .recharts-wrapper .recharts-cartesian-grid-vertical line{stroke:#333}.feedback-report .recharts-wrapper .recharts-text{fill:#b0b0b0}.feedback-report .recharts-wrapper .recharts-legend-item-text{color:#e0e0e0!important}.feedback-report .recharts-wrapper .recharts-cartesian-axis-line{stroke:#404040}.feedback-report .bar-chart{margin:20px auto;display:flex;justify-content:center}.feedback-report .recharts-pie-chart{margin:0 auto;max-width:100%;border-radius:8px;background-color:#242424;box-shadow:0 2px 5px #0000004d;padding:15px;display:flex;justify-content:center;align-items:center}.feedback-report .recharts-bar-chart{margin:0 auto;max-width:100%;border-radius:8px;background-color:#242424;box-shadow:0 2px 5px #0000004d;padding:15px}.feedback-report .recharts-tooltip-wrapper .recharts-default-tooltip{background-color:#2a2a2a!important;border:1px solid #404040;border-radius:4px;padding:10px;box-shadow:0 2px 5px #0000004d}.feedback-report .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-label{color:#e0e0e0}.feedback-report .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item{color:#fff}.feedback-report .recharts-active-dot{stroke:#fff;stroke-width:2}.feedback-report .recharts-sector:hover{opacity:.8;transition:opacity .2s}.feedback-report .pie-chart-container{display:flex;justify-content:center;align-items:center;width:100%;margin:20px auto}.call-report{background:linear-gradient(to bottom right,#f8f9fa,#ffffff);padding:2rem;border-radius:12px;box-shadow:0 10px 30px #00000014;text-align:center;max-width:1400px;margin:2rem auto}.call-report h1{margin-bottom:1.5rem;font-size:2rem;font-weight:600;color:#2d3748;position:relative;display:inline-block;padding-bottom:.5rem}.call-report h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(to right,#007bff,#6366f1);border-radius:2px}.call-report .call-table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.call-report .call-table th,.call-report .call-table td{padding:1rem 1.25rem;text-align:left;border:none;border-bottom:1px solid #f0f0f0;font-size:.95rem;transition:background-color .2s ease}.call-report .call-table th{background:linear-gradient(to right,#007bff,#0056b3);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;white-space:nowrap}.call-report .call-table th:first-child{border-top-left-radius:8px}.call-report .call-table th:last-child{border-top-right-radius:8px}.call-report .call-table tr:last-child td{border-bottom:none}.call-report .call-table tr:hover td{background-color:#f8f9fa}.call-report .call-table .accepted{background-color:#34d3991a;border-left:4px solid #34d399}.call-report .call-table .accepted td{color:#065f46}.call-report .call-table .accepted td:first-child{font-weight:500}.call-report .call-table .accepted:hover td{background-color:#34d39926}.call-report .call-table .rejected{background-color:#f871711a;border-left:4px solid #f87171}.call-report .call-table .rejected td{color:#991b1b}.call-report .call-table .rejected td:first-child{font-weight:500}.call-report .call-table .rejected:hover td{background-color:#f8717126}@media (max-width: 768px){.call-report{padding:1rem}.call-report h1{font-size:1.5rem}.call-report .call-table th,.call-report .call-table td{padding:.75rem 1rem;font-size:.875rem}}@media (max-width: 640px){.call-report .call-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.call-report .call-table::-webkit-scrollbar{height:8px}.call-report .call-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.call-report .call-table::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.call-report .call-table::-webkit-scrollbar-thumb:hover{background:#a8a8a8}}.callback-report{padding:30px;background-color:#1a1a2e;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e4e4e4;min-height:100vh}.callback-report h1{text-align:center;color:#9d4edd;margin-bottom:30px;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(157,78,221,.2)}.callback-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;padding:20px;max-width:1400px;margin:0 auto}.callback-card{background-color:#252542;border-radius:12px;box-shadow:0 4px 6px #0003,0 1px 3px #9d4edd1a;padding:25px;text-align:left;border:1px solid #363655;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.callback-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#9d4edd,#c77dff);opacity:0;transition:opacity .3s ease}.callback-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000004d,0 2px 4px #9d4edd33}.callback-card:hover:before{opacity:1}.callback-card h3{color:#9d4edd;margin-bottom:15px;font-size:1.25rem;font-weight:600;letter-spacing:.5px}.callback-card p{margin:8px 0;font-size:.95rem;line-height:1.6;color:#b8b8d1}.callback-card strong{color:#e4e4e4;font-weight:600}.callback-report::-webkit-scrollbar{width:8px}.callback-report::-webkit-scrollbar-track{background:#1a1a2e}.callback-report::-webkit-scrollbar-thumb{background:#363655;border-radius:4px}.callback-report::-webkit-scrollbar-thumb:hover{background:#9d4edd}@media (max-width: 768px){.callback-report{padding:20px}.callback-report h1{font-size:2rem}.callback-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:15px}.callback-card{padding:20px}}