body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;outline:none;position:relative;z-index:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus{outline:none!important}*{border-left:none!important}#portal-root{position:relative;z-index:99999999}.driver-assessment-popup-overlay,.participation-popup-overlay{bottom:0!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9999999!important}*{box-sizing:border-box;font-family:Inter,Arial,sans-serif;margin:0;padding:0}body,html{height:100%}.app,body,html{background-color:#f5f7fb;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh}.main-header{background-color:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 4px 12px #00000014;height:70px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.header-logo,.main-header{align-items:center;display:flex}.header-logo{height:50px}.header-logo img{height:50px;object-fit:contain;width:auto}.content-container{border:none;box-shadow:none;display:flex;flex:1 1;gap:0;outline:none;overflow:hidden}.main-content{display:flex;flex-direction:column;height:calc(100vh - 70px);margin-left:12px;overflow:hidden;padding:20px;position:relative;z-index:0}.scrollable-content{flex:1 1;overflow-y:auto;padding-right:10px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:20px}.chart-container{border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:8px}.scrollable-content::-webkit-scrollbar{height:8px;width:8px}.scrollable-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.user-profile-container{position:relative}.user-profile{align-items:center;background-color:#f8f9fa;border-radius:28px;box-shadow:0 2px 10px #0000000d;cursor:pointer;display:flex;padding:6px 16px;transition:all .2s ease}.user-profile:hover{background-color:#f1f3f5;transform:translateY(-1px)}.user-avatar{background-color:#eef2ff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;height:48px;overflow:hidden;width:48px}.default-avatar{align-items:center;background-color:#e5ddea;color:#5b47a1;display:flex;font-size:16px;font-weight:700;justify-content:center}.user-info{margin-left:8px;text-align:left}.user-greeting{color:#000;font-size:10px}.user-names{font-size:18px}.user-names,.user-role{color:#000;font-weight:600}.user-role{font-size:10px;margin-top:0}.dropdown-icon{color:#6b7280;font-size:8px;margin-left:8px}.user-dropdown-menu{background-color:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 4px 12px #00000026;overflow:hidden;position:absolute;right:0;top:110%;width:180px;z-index:100}.dropdown-item{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .2s ease}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-divider{background-color:#f0f0f0;height:1px;margin:4px 0}.logout-item{color:#ef4444}.logout-icon{height:16px;object-fit:contain;width:16px}.settings-icon{align-items:center;display:flex;font-size:16px;justify-content:center}.footer{color:#999;font-size:12px;margin-top:20px;padding:10px 20px;text-align:right}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-segment-placeholder{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 12px #00000014;min-height:350px}.ReactModalPortal,[class*=modal-overlay],[class*=popup-overlay]{position:fixed;z-index:9999999!important}.sidebar{background-image:url(../../static/media/sidebarbg.a5d712082eb7815ec91e.jpg);background-position:50%;background-size:cover;border:none;border-left:none!important;box-shadow:none;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;margin-left:0;outline:none;overflow-x:hidden;overflow-y:hidden;padding:20px;pointer-events:auto;position:sticky;position:relative;top:0;width:280px;z-index:20}.sidebar-home-item{margin-bottom:8px;margin-top:0}.sidebar-section{margin-bottom:10px;transition:all .3s ease-in-out}.section-label{font-size:12px;text-shadow:0 0 1px #00000080}.menu-item,.section-label{color:#fff;margin-bottom:8px}.menu-item{align-items:center;background-color:#0000001a;border-radius:8px;cursor:pointer;display:flex;font-size:14px;padding:10px 12px;transition:all .3s ease}.menu-item:hover{background-color:#0003}.menu-icon{align-items:center;display:flex;font-size:18px;justify-content:center;margin-right:12px}.menu-icon.report-icon{filter:brightness(0) invert(1);height:20px;object-fit:contain;width:20px}.menu-text{font-weight:500}.vehicle-dropdown-container{margin-bottom:5px;position:relative;z-index:50}.vehicle-dropdown-header{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#00000026;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:10px 15px;position:relative;transition:all .3s ease;z-index:51}.vehicle-dropdown-header:hover{background-color:#00000040}.vehicle-dropdown-header.open{background-color:#00000040;border-radius:8px 8px 0 0}.dropdown-arrow{font-size:10px;margin-left:8px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.vehicle-dropdown-menu{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#0000004d;border-radius:0 0 8px 8px;box-shadow:0 4px 6px #0000001a;height:0;left:0;max-height:300px;opacity:0;overflow:hidden!important;position:absolute;top:100%;transition:height .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:100%;z-index:100}.vehicle-dropdown-menu[style*=visible]{height:auto!important;opacity:1!important;overflow:hidden!important;visibility:visible!important}.dropdown-items-container{overflow:hidden!important;padding:5px 0}.vehicle-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 15px;transition:background-color .2s ease}.vehicle-dropdown-item:hover{background-color:#ffffff1a}.vehicle-dropdown-item span{color:#fff!important;display:inline-block!important;font-weight:500;text-shadow:0 0 1px #00000080}.vehicle-icon{align-items:center;display:flex;filter:brightness(0) invert(1);height:20px;justify-content:center;margin-right:10px;object-fit:contain;width:20px}.menu{display:flex;flex:1 1;flex-direction:column;margin-top:0;max-height:calc(100vh - 200px);overflow-y:hidden;transform-origin:top;transition:all .3s ease-in-out}.menu.dropdown-open{transform:translateY(var(--dropdown-height))}.menu-section{margin-bottom:8px;overflow-y:hidden;transition:all .3s ease-in-out}.logout-btn{align-items:center;bottom:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;left:20px;padding:10px;position:absolute}.logout-icon{margin-right:10px}.dropdown-text{align-items:center;color:#fff!important;display:flex;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 1px #00000080;white-space:nowrap}.dropdown-text .vehicle-icon{height:20px;margin-right:10px;width:20px}.home-page .menu-section,.home-page .sidebar-section+.menu{margin-top:0}.chart-header{border-bottom:2px solid #f0f0f0;color:#234f78;font-size:18px;font-weight:700}.view-selector{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 12px}.view-selector:hover{border-color:#999}.loading-container{flex:1 1}.drivers-rank{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:15px}.chart-title{align-items:center;color:#333;display:flex;font-size:16px;margin-bottom:15px}.drivers-rank table{border-collapse:collapse;display:block;width:100%}.drivers-rank thead{display:table;table-layout:fixed;width:100%}.drivers-rank tbody{background-color:#fafafa;border:1px solid #ddd;border-radius:4px;display:block;max-height:240px;overflow-y:scroll;padding-right:5px;width:100%}.drivers-rank tbody tr{display:table;table-layout:fixed;width:100%}.drivers-rank td,.drivers-rank th{border-bottom:1px solid #f0f0f0;padding:10px;text-align:left;width:25%}.drivers-rank th{background-color:#f8f9fa;color:#555;font-weight:600;position:sticky;top:0;z-index:10}.star-rating{color:gold}.driver-row{cursor:pointer;transition:background-color .2s ease}.driver-row:hover{background-color:#f5f5f5}.drivers-rank tbody::-webkit-scrollbar{width:8px}.drivers-rank tbody::-webkit-scrollbar-track{background:#e8e8e8;border:1px solid #ddd;border-radius:4px}.drivers-rank tbody::-webkit-scrollbar-thumb{background:#888;border:1px solid #666;border-radius:4px}.drivers-rank tbody::-webkit-scrollbar-thumb:hover{background:#555}.drivers-rank tbody{scrollbar-color:#888 #e8e8e8;scrollbar-width:thin}@media (max-width:768px){.drivers-rank td,.drivers-rank th{font-size:14px;padding:8px 5px}.drivers-rank tbody{max-height:200px}.drivers-rank tbody::-webkit-scrollbar{width:10px}}.driver-assessment-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;transform:translateZ(0);will-change:transform;z-index:9999999}body>.driver-assessment-popup-overlay{z-index:9999999}.driver-assessment-popup{background-color:#f8f9fa;border-radius:15px;box-shadow:0 5px 15px #0000004d;height:auto;max-width:1200px;overflow:hidden;transform:translateZ(0);width:90%}.driver-assessment-popup,.driver-sidebar{display:flex;max-height:90vh;position:relative}.driver-sidebar{align-items:center;border-radius:15px 0 0 15px;color:#fff;flex-direction:column;overflow-y:hidden;padding:25px 0;width:220px}.user-photo{align-items:center;background-color:#f8f8f8;border:3px solid #303f9f;border-radius:50%;display:flex;height:100px;justify-content:center;margin-bottom:15px;overflow:hidden;width:100px}.user-photo .user-img{height:100%;object-fit:cover;object-position:center;width:100%}.user-name{font-size:20px;font-weight:600;margin-bottom:10px}.user-name,.vehicle-name{color:#fff;text-align:center}.vehicle-name{font-size:18px;margin-top:15px;opacity:.9}.main-content{max-height:90vh;padding:25px}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.main-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.main-content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.driver-assessment-header{display:flex;justify-content:flex-start;margin-bottom:40px;padding-left:5px;position:relative}.close-button{background-color:#fff;right:-5px;top:-10px;transition:background-color .2s}.session-selector{position:relative;z-index:5}.session-selector:before{display:none}.session-selector select{background-color:#1e2430;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-size:.8em;border-radius:50px;box-shadow:0 2px 8px #0000001a;color:#fff;font-size:15px;font-weight:500;min-width:130px;outline:none;padding:12px 35px 12px 20px;transition:all .2s ease}.session-selector select:focus,.session-selector select:hover{background-color:#262f3d;box-shadow:0 4px 12px #00000026}.session-selector select option{background-color:#1e2430;border-radius:0;color:#fff}.driver-assessment-content{display:flex;flex-direction:column;gap:30px;padding-bottom:30px}.all-cards-row{align-items:flex-start;display:flex;gap:20px;margin-bottom:30px;width:100%}.all-cards-row>.driving-score-card{flex-shrink:0;min-height:220px;width:180px}.all-cards-row>.assessment-cards-container{-ms-overflow-style:none;background-color:#f9f9fb;border-radius:15px;display:flex;flex:1 1;flex-direction:row;gap:20px;min-height:220px;overflow-x:auto;overflow-y:hidden;padding:5px 10px 20px;position:relative;scroll-behavior:smooth;white-space:nowrap}.all-cards-row>.admin-remarks-card{background-color:#fff;border-radius:15px;box-shadow:0 3px 10px #00000014;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;min-height:220px;padding:20px;width:220px}.bottom-row{align-items:flex-start;display:flex;gap:20px;min-height:280px;width:100%}.breakdown-assessment-container{background-color:#fff;border-radius:15px;box-shadow:0 3px 10px #00000014;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100%;max-height:350px;min-height:280px;overflow:hidden;padding:15px}.breakdown-assessment-container .show-scrollbar{flex:1 1;max-height:250px;position:relative}.breakdown-assessment-container h3{color:#0e1c64;font-size:18px;font-weight:600;margin-bottom:10px;margin-top:0}.breakdown-assessment-container .show-scrollbar{border-radius:8px;max-height:calc(100% - 50px);overflow-y:auto;padding-right:4px}.breakdown-assessment-container .show-scrollbar::-webkit-scrollbar{background-color:#f1f1f1;border-radius:4px;height:8px}.breakdown-assessment-container .show-scrollbar::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.breakdown-assessment-container .show-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#555}.breakdown-assessment-container table{border-collapse:initial;border-radius:8px;border-spacing:0;box-shadow:0 1px 3px #0000000d;overflow:hidden;table-layout:fixed;width:100%}.breakdown-assessment-container th{background-color:#f9fafb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.breakdown-assessment-container th:first-child{width:60%}.breakdown-assessment-container th:nth-child(2){width:15%}.breakdown-assessment-container th:last-child{width:25%}.breakdown-assessment-container td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:14px;padding:12px 16px;vertical-align:middle}.breakdown-assessment-container tr:last-child td{border-bottom:none}.breakdown-assessment-container tr:hover{background-color:#f9fafb}.breakdown-assessment-container .text-green-500,.breakdown-assessment-container .text-red-500{height:24px;width:24px}.breakdown-assessment-container .bg-green-100{background-color:#e6f7e6;border-radius:20px;color:#2e7d32;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.breakdown-assessment-container .bg-red-100{background-color:#ffebee;border-radius:20px;color:#c62828;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.breakdown-content{align-items:center;color:#666;display:flex;flex:1 1;font-style:italic;justify-content:center}.position-label{font-size:16px}.position-label,.vehicle-type{color:#1a3a5f;margin-bottom:5px;text-align:left;width:100%}.vehicle-type{font-size:22px;font-weight:700;line-height:1.2}.leaderboard-label{color:#1a3a5f;font-size:16px;margin-bottom:15px;text-align:center}.position-number{color:#1a3a5f;font-size:100px;font-weight:700;line-height:.9;padding-bottom:20px}.loading{color:#666;font-size:18px;padding:40px}@media (max-width:1900px){.bottom-cards-row{margin-left:-580px}}@media (max-width:1800px){.bottom-cards-row{margin-left:-540px}}@media (max-width:1600px){.bottom-cards-row{margin-left:-480px}}@media (max-width:1400px){.bottom-cards-row{margin-left:-420px}}@media (max-width:1300px){.bottom-cards-row{margin-left:-360px}}@media (max-width:1250px){.bottom-cards-row{margin-left:-300px}}@media (max-width:1200px){.all-cards-row{flex-wrap:wrap;gap:20px;justify-content:center}.all-cards-row>.driving-score-card,.right-side-cards{height:auto;margin:0}.all-cards-row>.assessment-cards-container{margin-top:20px;min-height:220px;order:3;width:100%}.assessment-card{height:210px}.right-side-cards{width:220px}.breakdown-assessment-container{padding:0}}@media (max-width:992px){.driver-assessment-popup{flex-direction:column}.driver-sidebar{align-items:center;border-radius:15px 15px 0 0;flex-direction:row;gap:20px;justify-content:flex-start;max-height:none;overflow-y:visible;padding:20px;width:100%}.user-photo{height:80px;margin-bottom:0;width:80px}.main-content{max-height:80vh}.all-cards-row>.driving-score-card,.right-side-cards{width:180px}.all-cards-row>.assessment-cards-container{min-height:230px}}@media (max-width:768px){.all-cards-row{align-items:center;flex-direction:column}.admin-remarks-card,.all-cards-row>.driving-score-card,.assessment-card{height:210px;margin:10px 0;max-width:220px;width:100%}.all-cards-row>.assessment-cards-container{margin-top:20px;min-height:220px;padding:15px 20px}.right-side-cards{margin-top:10px}.bottom-cards-row,.right-side-cards{align-items:center;flex-direction:column;margin-left:0;width:100%}.breakdown-assessment,.leaderboard-position{margin:10px 0;max-width:300px;width:100%}.assessment-card{min-width:180px;width:180px}.position-number{font-size:80px}.leaderboard-position{padding:10px}.driver-assessment-header{justify-content:flex-start;margin-bottom:30px;padding-left:15px}.session-selector{margin:0}.close-button{right:10px;top:0}}@media (max-width:480px){.admin-remarks-card,.all-cards-row>.driving-score-card,.assessment-card,.breakdown-assessment,.leaderboard-position{height:200px}.breakdown-assessment{padding:15px}.assessment-card .circular-progress{transform:scale(.8)}.driving-score-card .score-value{font-size:60px}.position-number{font-size:70px}.breakdown-assessment,.leaderboard-position{padding:8px}}.assessment-card{align-items:center;background-color:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 3px 10px #00000014;display:flex;flex:0 0 auto;flex-direction:column;height:210px;justify-content:space-around;margin-right:5px;min-width:150px;padding:15px 10px;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s;width:180px}.assessment-card:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.assessment-card.border-2.border-blue-500{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.assessment-card[style*="cursor: pointer"]:after{background-color:#3b82f6;border-radius:50%;content:"";height:6px;opacity:.6;position:absolute;right:8px;top:8px;width:6px}.assessment-card.border-2.border-blue-500:after{background-color:#3b82f6;opacity:1}.breakdown-assessment-container .show-scrollbar{scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.breakdown-assessment-container .show-scrollbar::-webkit-scrollbar{width:8px}.breakdown-assessment-container .show-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.breakdown-assessment-container .show-scrollbar::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.breakdown-assessment-container .show-scrollbar::-webkit-scrollbar-thumb:hover{background:#666}.assessment-card h3{color:#333;font-size:15px;font-weight:600;margin-bottom:8px;margin-top:0;text-align:center;width:100%}.assessment-card .circular-progress{margin-bottom:5px}.assessment-card .star-rating{margin-bottom:5px;margin-top:3px}.circular-progress.pending{align-items:center;background-color:#f8f8f8;border:2px dashed #ccc;border-radius:50%;display:flex;justify-content:center}.assessment-cards-container::-webkit-scrollbar{height:12px;width:0}.assessment-cards-container::-webkit-scrollbar-track{background:#f1f1f1;border:1px solid #ddd;border-radius:10px;margin:0 15px}.assessment-cards-container::-webkit-scrollbar-thumb{background:#888;border:3px solid #f1f1f1;border-radius:10px}.assessment-cards-container::-webkit-scrollbar-thumb:hover{background:#666}.all-cards-row>.assessment-cards-container{padding-bottom:20px;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.admin-remarks-card,.assessment-card,.driving-score-card{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 3px 10px #00000014;box-sizing:border-box;display:flex;flex-direction:column;height:210px;justify-content:space-between;padding:15px}.admin-remarks-card h3,.assessment-card h3,.driving-score-card h3{color:#333;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0;text-align:center;width:100%}.driving-score-card{background-color:#fffdf5}.driving-score-card .score-value{color:#1a2e35;font-size:65px;font-weight:700;line-height:1;margin:10px 0}.driving-score-card .score-category{color:#666;font-size:13px;margin-bottom:3px;text-align:center}.circular-progress{align-items:center;display:flex;justify-content:center;margin:10px 0;position:relative}.circular-progress-background{fill:none;stroke:#f0f0f0;stroke-width:8}.circular-progress-bar{fill:none;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .5s ease}.circular-progress-bar.progress-0{stroke:#4caf50}.circular-progress-bar.progress-1{stroke:#1a4971}.circular-progress-bar.progress-2{stroke:#ff9800}.circular-progress-text{color:#1a2e35;font-size:22px;font-weight:700;position:absolute}.circular-progress-text.pending-text{color:#888;font-size:13px;font-style:italic}.star-rating{display:flex;gap:1px;justify-content:center;margin-top:8px}.star{color:#ccc;font-size:16px;line-height:1}.star.filled{color:gold}.admin-remarks-card .remarks-content{color:#2e5984;display:flex;flex-direction:column;flex-grow:1;font-size:16px;font-weight:700;justify-content:center;line-height:1.2;margin:5px 0 10px;max-height:120px;overflow:hidden;text-align:center}.admin-remarks-card .remarks-content .no-remarks{color:#888;font-size:14px;font-style:italic;font-weight:400}.admin-remarks-card .remarks-content .save-status{border-radius:4px;font-size:13px;font-weight:500;margin-top:10px;padding:6px;text-align:center}.admin-remarks-card .remarks-content .save-status.success{background-color:#e6f7e6;color:#2e7d32}.admin-remarks-card .remarks-content .save-status.error{background-color:#ffebee;color:#c62828}.admin-remarks-card .remarks-content p{margin:2px 0;overflow:hidden;text-overflow:ellipsis}.admin-remarks-card .remarks-actions{display:flex;gap:10px;justify-content:center;margin-top:auto;width:100%}.admin-remarks-card .remarks-edit{align-items:center;display:flex;flex-direction:column;margin-top:10px;width:100%}.admin-remarks-card .remarks-textarea{border:1px solid #ddd;border-radius:8px;color:#2e5984;font-family:inherit;font-size:14px;margin-bottom:15px;padding:12px;resize:none;width:100%}.admin-remarks-card .remarks-textarea::placeholder{color:#aaa;font-style:italic}.admin-remarks-card .cancel-btn,.admin-remarks-card .enter-btn{border:none;border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;max-width:90px;min-width:70px;overflow:hidden;padding:8px 16px;text-overflow:ellipsis;transition:background-color .2s;white-space:nowrap}.enter-btn{background-color:#7c2855;color:#fff}.cancel-btn{background-color:#fff;border:1px solid #ddd;color:#333}.enter-btn:hover{background-color:#651f45}.cancel-btn:hover{background-color:#f0f0f0}.remarks-status-popup{animation:fadeInOut 4s ease-in-out;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:500;left:50%;min-width:220px;padding:15px 20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:100}.remarks-status-popup.success{background-color:#e6f7e6;border-left:4px solid #2e7d32;color:#2e7d32}.remarks-status-popup.error{background-color:#ffebee;border-left:4px solid #c62828;color:#c62828}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.admin-remarks-card{overflow:visible;position:relative}.leaderboard-position{align-items:flex-start;background-color:#fff;border-radius:15px;box-shadow:0 3px 10px #00000014;box-sizing:border-box;display:flex;flex-direction:column;min-height:280px;padding:25px 20px}@media (max-width:1200px){.bottom-row{flex-direction:column;gap:20px;margin-top:0}.bottom-row .breakdown-assessment-container{margin-right:0;transform:translateY(0);width:100%}.bottom-row .leaderboard-position{transform:translateY(0);width:100%}}@media (max-width:768px){.all-cards-row{margin-bottom:10px}}.assessment-cards-container:after,.assessment-cards-container:before{display:none}@media (min-width:993px){.main-content{overflow-y:scroll;scrollbar-width:thin}}.violation-table{border-collapse:initial;border-spacing:0;box-shadow:0 1px 3px #0000000d;margin-bottom:10px}.violation-table thead{box-shadow:0 2px 4px #0000001a}.violation-table th,.violation-table thead{background-color:#f9fafb;position:sticky;top:0;z-index:20}.violation-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase}.violation-table tbody tr{border-bottom:1px solid #f3f4f6}.violation-table tbody tr:nth-child(odd){background-color:#fff}.violation-table tbody tr:nth-child(2n){background-color:#f9fafb}.violation-table tbody tr:hover{background-color:#f3f4f6}.violation-table td{color:#1f2937;padding:8px 16px;vertical-align:middle}.violation-table tbody tr:last-child{border-bottom:none}.bottom-row .leaderboard-position{align-items:flex-start;background-color:#fff;border-radius:15px;box-shadow:0 3px 10px #00000014;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;min-height:280px;padding:25px 20px;width:220px}.chart-container{height:100%}.chart-header h3{align-items:center;color:#234f78;display:flex;margin:0}.date-filters{align-items:center;gap:10px}.date-filters input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.date-filters input:focus{border-color:#234f78;outline:none}.loading-container{flex-grow:1;min-height:300px}.trend-table-container{flex-grow:1;margin-right:-10px;overflow-y:auto;padding:0 5px}.trend-table{border-collapse:initial;border-spacing:0 4px;width:100%}.trend-table td,.trend-table th{border-bottom:1px solid #f0f0f0;padding:8px 10px;text-align:left}.trend-table td:first-child,.trend-table th:first-child{padding-left:15px;width:40%}.trend-table td:last-child,.trend-table th:last-child{padding-right:15px;text-align:left;width:60%}.trend-table th{background:#fff;border-bottom:2px solid #eaeaea;color:#234f78;font-weight:600;padding-bottom:12px;position:sticky;top:0;z-index:1}.trend-table tr:hover{background-color:#f8f9fd}.bar-container{background-color:#eaedf2;border-radius:2px;box-shadow:inset 0 1px 2px #0000000d;height:12px;margin:5px 0;overflow:visible}.bar-container,.percentage-bar{align-items:center;display:flex}.percentage-bar{animation:growBar .8s ease-out forwards;border-radius:1px;height:100%;justify-content:flex-end;min-width:30px;position:relative;transform-origin:left}.high-percentage,.low-percentage,.medium-percentage,.percentage-bar{background:linear-gradient(90deg,#4361ee,#7b68ee)}.bar-label{align-items:center;color:#fff;display:flex;font-size:10px;font-weight:600;height:100%;opacity:1;position:absolute;right:8px;text-shadow:0 1px 1px #0003;white-space:nowrap;z-index:5}@keyframes growBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.violation-name-container{display:inline-block;position:relative}.violation-tooltip{align-items:center;color:#234f78;cursor:pointer;display:inline-flex;font-weight:500;position:relative;transition:color .2s}.info-icon{color:#5d4da3;margin-left:5px;opacity:.7;transition:opacity .2s}.violation-tooltip:hover .info-icon{opacity:1}.violation-tooltip:hover{color:#5d4da3}.violation-tooltip[data-tooltip]:hover:after{background:#222;border-radius:8px;box-shadow:0 4px 16px #0000002e;color:#fff;content:attr(data-tooltip);font-size:13px;font-weight:400;left:105%;max-width:280px;min-width:220px;opacity:1;padding:10px 14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:pre-line;z-index:50}.violation-tooltip[data-tooltip]:hover:before{border:6px solid #0000;border-right-color:#222;content:"";left:100%;opacity:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:21}.violation-tooltip[data-tooltip]:hover:after,.violation-tooltip[data-tooltip]:hover:before{opacity:1}.violation-tooltip[data-tooltip]:after,.violation-tooltip[data-tooltip]:before{opacity:0;pointer-events:none;transition:opacity .2s}.bar-label.outside-label{color:#333;right:-5px;text-shadow:none;transform:translateX(100%)}.trend-analysis-page{background-color:#f5f5fa;display:flex;flex:1 1;flex-direction:column;height:100vh;overflow-y:auto;padding:0 20px;scrollbar-color:#483d8b #f5f5fa;scrollbar-width:thin}.trend-analysis-page::-webkit-scrollbar{width:8px}.trend-analysis-page::-webkit-scrollbar-track{background:#f5f5fa;border-radius:10px}.trend-analysis-page::-webkit-scrollbar-thumb{background-color:#483d8b;border:2px solid #f5f5fa;border-radius:10px}.trend-analysis-page::-webkit-scrollbar-thumb:hover{background-color:#6a5cb5}.content-area{padding:20px 0 40px}.select-wrapper{width:25.5%}.export-button{background-color:#f5f5fa;border:2px solid #5d4a8c;border-radius:6px;box-shadow:0 2px 4px #0000001a;justify-content:center;padding:8px 15px;transition:all .3s ease}.export-button:hover{background:linear-gradient(45deg,#fa2964,#fed988);border-color:#0000;box-shadow:0 4px 8px #5d4a8c4d;color:#000;transform:translateY(-2px)}.submit-button{background-color:#5d4a8c;display:block;font-weight:500;margin-left:auto;margin-top:10px;padding:12px 15px;transition:background-color .2s;width:200px}.chart-container{border-radius:15px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;overflow:hidden}.colored-header{display:flex;height:50px}.header-segment{flex:1 1;height:100%}.segment-0{background-color:#483d8b}.segment-1{background-color:#5d4da3}.segment-2{background-color:#6a5cb5}.segment-3{background-color:#7b6bc5}.segment-4{background-color:#8f7fd0}.segment-5{background-color:#a293d8}.segment-6{background-color:#b5a7e0}.segment-7{background-color:#c9bde8}.segment-8{background-color:#ddd3f0}.data-grid{padding:20px}.data-row{border-bottom:1px solid #f0f0f0;display:flex;margin-bottom:15px}.data-row:last-child{border-bottom:none}.data-cell{flex:1 1;height:40px;margin:0 5px}.data-cell,.data-row:nth-child(2n) .data-cell{background-color:#f9f9f9}.data-row:nth-child(odd) .data-cell{background-color:#efefef}.violation-table-container{background-color:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:20px}.table-title{align-items:center;color:#483d8b;display:flex;font-size:1.4rem;font-weight:600;gap:10px;margin-bottom:20px}.table-title .header-tooltip{align-items:center;display:inline-flex;margin-left:8px;position:relative}.violation-table{border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.violation-table th{background-color:#5d4da3;color:#fff;font-size:14px;font-weight:500;padding:15px;text-align:left}.violation-table th.percentage-col{text-align:center}.violation-table td{border-bottom:1px solid #f0f0f0;color:#000;font-size:14px;padding:15px}.violation-table tr:last-child td{border-bottom:none}.percentage-cell,.rank-cell{font-weight:600;text-align:center}.rank-cell{width:60px}.severity-badge,.severity-cell{text-align:center}.severity-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:5px 10px;width:80px}.severity-critical{background-color:#fdd;color:#c00}.severity-high{background-color:#fff2d9;color:#c70}.severity-medium{background-color:#e0f0ff;color:#06c}.severity-low{background-color:#d4f8d3;color:#2a802a}.rank-col{width:10%}.violation-col{color:#000;width:60%}.percentage-col,.severity-col{width:30%}.no-data-message{color:#666;padding:30px;text-align:center}.loading-indicator{color:#483d8b;font-weight:500;padding:30px;text-align:center}.table-scroll-container{margin-bottom:20px;max-height:600px;overflow-y:auto}.severity-summary{border-top:1px dashed #ddd;margin-top:30px;padding-top:20px}.severity-summary h3{color:#483d8b;font-size:16px;font-weight:600;margin-bottom:15px}.severity-distribution{display:flex;justify-content:center;margin-bottom:15px}.severity-counts{display:flex;justify-content:space-around;max-width:600px;width:100%}.severity-count-item{align-items:center;display:flex;flex-direction:column;margin:0 10px}.severity-count-item .count{color:#333;font-size:24px;font-weight:700;margin-top:8px}@media (max-width:768px){.trend-analysis-page{-webkit-overflow-scrolling:touch;height:100vh;padding:0 10px}.content-area{padding:10px 0 30px}.date-filters,.dropdown-container{flex-direction:column}.date-field,.select-wrapper,.submit-button{margin-bottom:15px;width:100%}.export-button{justify-content:center;margin-top:15px}.violation-table td,.violation-table th{font-size:12px;padding:10px 8px}.severity-badge{font-size:10px;padding:4px 8px;width:70px}.table-title{font-size:1.2rem}.severity-counts{flex-wrap:wrap}.severity-count-item{margin-bottom:15px;width:45%}}.user-wise-report-page{background-color:#f5f5fa;display:flex;flex:1 1;flex-direction:column;height:100vh;overflow-y:auto;padding:0 20px}.page-header{background-color:#e5ddea;border-radius:0;margin:20px 0;padding:15px 20px}.page-header h2{align-items:center;color:#333;display:flex;font-size:18px;font-weight:500;gap:10px;margin:0}.filter-section{background-color:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin:20px 0;padding:20px}.dropdown-container{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:20px}.select-wrapper{flex:1 1;position:relative}.select-wrapper select{-webkit-appearance:none;appearance:none;background-color:#f0e6f4;border:none;border-radius:5px;color:#333;cursor:pointer;font-size:14px;font-weight:400;padding:12px 15px;width:100%}.select-wrapper select:disabled{background-color:#f5f5f5;cursor:not-allowed}.select-wrapper select option{background-color:#fff;color:#333;font-size:14px;padding:10px}.select-wrapper:after{color:#333;content:"▼";pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.export-button{align-items:center;background-color:initial;border:none;color:#333;cursor:pointer;display:flex;font-weight:600;white-space:nowrap}.export-icon{margin-left:5px}.date-filters{align-items:flex-end;display:flex;justify-content:space-between}.date-field{display:flex;flex-direction:column;width:30%}.date-field label{color:#555;font-size:14px;margin-bottom:8px}.date-field input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:12px 15px}.submit-button{padding:12px 30px}.report-table-container{background-color:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;overflow:hidden}.report-table{border-collapse:collapse;width:100%}.report-table th{background:#5d4a8c;color:#fff;font-size:14px;font-weight:500;padding:15px;position:relative;text-align:left}.report-table th:first-child{border-top-left-radius:15px}.report-table th:last-child{border-top-right-radius:15px}.report-table th:not(:last-child):after{background:#fff;border-radius:1px;content:"";height:100%;opacity:.7;position:absolute;right:0;top:0;width:2px}.report-table th:first-child{background:#404193}.report-table th:nth-child(2){background:#584596}.report-table th:nth-child(3){background:#623f91}.report-table th:nth-child(4){background:#734495}.report-table th:nth-child(5){background:#673a8f}.report-table th:nth-child(6){background:#823e91}.report-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:15px}.report-table tr:last-child td{border-bottom:none}.even-row{background-color:#f9f9f9}.odd-row{background-color:#fff}.score-category{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:5px 10px;text-align:center}.score-category.excellent{background-color:#d4f8d3;color:#2a802a}.score-category.good{background-color:#e0f0ff;color:#06c}.score-category.average{background-color:#fff2d9;color:#c70}.score-category.poor{background-color:#fdd;color:#c00}.sl-col{width:5%}.username-col{width:15%}.location-col{width:12%}.equipment-col{width:20%}.session-col{width:12%}.category-col{width:18%}.score-col{width:8%}@media (max-width:1024px){.date-filters,.dropdown-container{flex-direction:column}.date-field,.export-button,.select-wrapper,.submit-button{margin-bottom:15px;width:100%}.report-table{display:block;overflow-x:auto}}.error-container,.loading-container{align-items:center;color:#555;display:flex;font-size:16px;height:200px;justify-content:center}.error-container{color:#c00}.error-message{color:#d9534f;font-size:12px;margin-top:5px}.equipment-error{font-weight:500}.settings-page{background-color:#f5f5fa;display:flex;flex:1 1;flex-direction:column;height:100vh;overflow-y:auto;padding:0 20px}.settings-page::-webkit-scrollbar{background:#e5e7eb;border-radius:8px;width:10px}.settings-page::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.settings-page::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:8px}.settings-page::-webkit-scrollbar-thumb:hover{background:#888}.content-area{margin:0 auto;max-width:1200px;padding-bottom:30px;width:100%}.settings-header{background-color:#e5ddea;border-radius:0;margin:20px 0;padding:15px 20px}.settings-header h2{align-items:center;color:#333;display:flex;font-size:18px;font-weight:500;gap:10px;margin:0}.settings-tabs{background-color:#5b47a1;border-radius:10px;display:flex;margin-bottom:20px;overflow:hidden}.tab-button{background-color:initial;border:none;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:15px 10px;transition:background-color .3s}.tab-button:hover{background-color:#ffffff1a}.tab-button.active{background-color:#fff3}.tab-content{border-radius:15px;max-height:calc(100vh - 220px);padding:30px}.tab-content::-webkit-scrollbar{width:8px}.tab-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.tab-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.tab-content::-webkit-scrollbar-thumb:hover{background:#aaa}.tab-content-section{width:100%}.form-row{display:flex;gap:30px;margin-bottom:25px}.form-group{display:flex;flex:1 1;flex-direction:column}.form-group label{color:#333;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:5px;font-size:14px;padding:12px 15px}.form-group textarea{min-height:120px;resize:vertical}.employee-id-input::placeholder{color:#aaa;font-size:12px;font-style:italic}.photo-upload{align-items:center;display:flex;margin-top:5px}.photo-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.photo-preview-container{display:inline-block;position:relative}.photo-preview{border:3px solid #64fff2;border-radius:50%;box-shadow:0 4px 8px #00000026;height:120px;margin-bottom:10px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:120px}.photo-preview:hover{box-shadow:0 6px 12px #0003;transform:scale(1.05)}.photo-preview img{height:100%;object-fit:cover;transition:filter .3s ease;width:100%}.photo-preview img:hover{filter:brightness(1.05)}.remove-photo-btn{align-items:center;background-color:#f1993c;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;line-height:0;padding:0;position:absolute;right:-8px;top:-8px;transition:background-color .2s ease,transform .2s ease;width:28px}.remove-photo-btn:hover{background-color:#e08b2c;transform:scale(1.1)}.photo-label{background-color:#4ed2d9;border:none;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:12px 18px;text-align:center;transition:background-color .3s,transform .2s}.photo-label:hover{background-color:#f1993c;box-shadow:0 4px 6px #00000026;transform:translateY(-2px)}.photo-label:active{transform:translateY(0)}.photo-size-note{color:#f57c00;font-size:12px;font-style:italic;margin-top:5px;text-align:left}.form-submit{display:flex;justify-content:center;margin-top:30px}.submit-button{background-color:#f1993c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 50px;transition:background-color .3s}.submit-button:hover{background-color:#e08b2c}@media (max-width:768px){.form-row{gap:15px}.form-row,.settings-tabs{flex-direction:column}.tab-button{padding:12px}.settings-page{padding:0 10px}.tab-content{padding:20px 15px}.settings-page::-webkit-scrollbar{width:5px}}.error-message{border-left:4px solid #d32f2f}.error-message,.success-message{border-radius:4px;margin-bottom:15px;padding:10px}.success-message{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.warning-message{background-color:#fff8e1;border-left:4px solid #f57c00;border-radius:4px;color:#f57c00;margin-bottom:15px;padding:10px}.connection-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:14px;font-weight:500;margin-top:10px;padding:10px}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.permissions-table-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:30px;padding:20px;transition:all .3s ease}.permissions-table-container:hover{box-shadow:0 6px 16px #0000002e}.permissions-table-container h3{border-bottom:2px solid #5b47a1;color:#333;font-size:20px;margin-bottom:20px;margin-top:0;padding-bottom:12px;position:relative}.permissions-table-container h3:after{background-color:#f1993c;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:80px}.permissions-table{border-collapse:initial;border-radius:5px;border-spacing:0;overflow:hidden;width:100%}.permissions-table td,.permissions-table th{padding:14px 18px;text-align:left}.permissions-table th{background-color:#5b47a1;color:#fff;font-size:15px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.permissions-table tr{transition:background-color .2s}.permissions-table tr:nth-child(2n){background-color:#f8f9fc}.permissions-table tr:hover td{background-color:#f0f4ff}.permissions-table td{border-bottom:1px solid #e6e9f0;font-size:14px}.permissions-table tr:last-child td{border-bottom:none}@media (max-width:768px){.permissions-table{display:block;overflow-x:auto}.permissions-table-container{margin-top:20px;padding:15px}.permissions-table td,.permissions-table th{padding:12px 14px}}.loading-message,.no-data-message{border-radius:8px;font-size:16px;margin-top:20px;padding:30px 20px;text-align:center}.loading-message{background-color:#e3effd;border-left:4px solid #0c5460;color:#0c5460}.no-data-message{background-color:#f8f9fa;border-left:4px solid #6c757d;color:#6c757d;font-style:italic}.permissions-search-container{margin-bottom:20px;position:relative}.permissions-search-input{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:5px;font-size:14px;padding:12px 15px 12px 40px;transition:all .3s ease;width:100%}.permissions-search-input:focus{background-color:#fff;border-color:#5b47a1;box-shadow:0 0 0 2px #5b47a133;outline:none}.permissions-search-container:before{color:#777;content:"\1F50D";font-size:16px;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:768px){.permissions-search-input{font-size:13px;padding:10px 10px 10px 35px}.permissions-search-container:before{font-size:14px;left:12px}}.login-page{overflow:hidden}.login-container,.login-page{display:flex;height:100vh;width:100vw}.login-container{background-image:url(../../static/media/background.d358c08b9be212e31b29.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:flex-end}.login-form-area{align-items:stretch;background:#fff;border-radius:18px;box-shadow:0 4px 32px 0 #0000001a;display:flex;flex-direction:column;justify-content:flex-start;margin:15px 15px 32px 0;min-height:720px;padding:48px 36px 32px;position:relative;width:460px}.login-logo{margin-bottom:30px;text-align:center}.login-logo img{filter:none;height:auto;max-width:260px}.login-title{color:#222;font-size:24px;font-weight:600;letter-spacing:.5px;margin-bottom:48px;text-align:center}.form-field{display:flex;justify-content:center;margin-bottom:25px;position:relative}.login-input{background-color:#f7f7f7;border:1px solid #eaeaea;border-radius:8px;box-shadow:inset 0 1px 3px #0000000d;color:#333;font-size:14px;padding:14px 15px;transition:all .3s ease;width:90%}.login-input:focus{background-color:#fff;border-color:#f1993c;box-shadow:0 0 0 3px #f1993c26;outline:none}.login-input::placeholder{color:#aaa;font-weight:300}.login-actions{display:flex;justify-content:center;margin-top:10px}.login-button{background:#fff;border:1px solid #cacaca;border-radius:8px;color:#000;cursor:pointer;display:block;font-size:16px;font-weight:600;padding:14px 0;transition:background .2s;width:48%}.login-button:hover{background:#e46115}.signup-button{background:#fff;border:1px solid #ddd;border-radius:8px;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:14px 0;transition:background .2s,border .2s;width:48%}.signup-button:hover{background:#e46115;border-color:#e46115}.login-footer{color:#666;font-size:16px;margin-top:70px;padding-top:110px;text-align:left}.footer-logo{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:12px;width:100%}.footer-logo img{height:45px;margin-right:15px;max-width:100%}.footer-logo>div:last-child{align-items:flex-end;display:flex;flex-direction:column;font-size:15px;line-height:1.5;margin-left:0;min-width:0;text-align:right;word-break:break-word}.eframe-text p{line-height:1.3;margin:0}.eframe-link{color:#888;text-decoration:none}.eframe-link:hover{color:#fff;text-decoration:underline}@media (max-width:900px){.login-container,.login-page{flex-direction:column;height:100vh;width:100vw}.login-form-area{margin:24px auto;min-height:0;min-width:0;padding:24px 4px;width:100vw}.login-input{font-size:13px;width:98%}.login-actions{justify-content:center}.login-button{margin:0 auto;width:98%}}.login-welcome-header-absolute,.welcome-hey,.welcome-logo,.welcome-title{display:none!important}.login-left-overlay{align-items:flex-start;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;padding:40px 0 0 48px;pointer-events:none;position:absolute;top:0;width:50vw;z-index:2}.hindalco-logo{background:#ffffffd9;border-radius:0;box-shadow:0 2px 8px #00000014;height:auto;margin-bottom:32px;pointer-events:auto;width:120px}.left-welcome-text{margin-top:20px;pointer-events:auto}.left-welcome-hey{color:#f1993c;font-size:48px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-shadow:0 2px 8px #0000002e}.left-welcome-title{color:#ffb300;font-size:90px;font-weight:400;letter-spacing:1px;line-height:1.1;text-shadow:0 2px 12px #00000038}@media (max-width:900px){.login-left-overlay{align-items:center;padding:24px 0 0;width:100vw}.hindalco-logo{margin-bottom:18px;width:90px}.left-welcome-text{margin-top:10px;text-align:center}.left-welcome-hey{font-size:32px}.left-welcome-title{font-size:54px}}.login-error{background-color:#fff0f0;border-radius:8px;color:#e74c3c;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.error-modal-overlay,.login-error{align-items:center;display:flex;justify-content:center}.error-modal-overlay{animation:fadeIn .3s ease;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.error-modal{animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1);background-color:#fff;border-radius:12px;box-shadow:0 5px 25px #00000040;max-width:90%;overflow:hidden;transform-origin:center center;width:400px}.error-modal-header{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.error-modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.close-modal-button{background:none;border:none;color:#888;cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .2s}.close-modal-button:hover{color:#333}.error-modal-body{align-items:center;display:flex;flex-direction:column;padding:24px 20px;text-align:center}.error-icon-container{margin-bottom:16px}.error-icon-circle{align-items:center;background-color:#fff0f0;border:3px solid #ff5252;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto;width:64px}.error-icon{color:#ff5252;font-size:32px;line-height:1}.error-modal-body p{color:#444;font-size:15px;line-height:1.5;margin:0 0 8px;max-width:95%}.error-modal-footer{display:flex;justify-content:center;padding:16px 20px 20px}.error-modal-button{background-color:#f1993c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:background-color .2s,transform .2s}.error-modal-button:hover{background-color:#e46115;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.error-modal-button:active{box-shadow:none;transform:translateY(0)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-error{display:none}.driver-score-category-page{background-color:#f8f9fa;margin:0 auto;max-width:1600px;min-height:100%;padding:20px;width:100%}.page-header{justify-content:space-between;margin-bottom:20px}.header-left,.page-header{align-items:center;display:flex}.header-left{gap:15px}.back-button{align-items:center;background-color:#f5f5f5;border:none;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.back-button:hover{background-color:#e0e0e0}.refresh-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s;width:36px}.refresh-button:hover{background-color:#f1f3f4;color:#1a73e8}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.refresh-icon{font-size:18px}.page-header h1{color:#333;font-size:20px;font-weight:600;margin:0}.loading-container{background-color:#fff;border-radius:0;color:#666;font-size:16px;height:300px}.loading-spinner{animation:spin 1.2s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#5d4a8c;height:40px;width:40px}.category-bars,.drivers-table-container{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:1100px;min-width:900px;width:100%}.category-bars{background:#fff;border-radius:0;border-radius:16px 16px 0 0;box-shadow:0 2px 12px 0 #3c3c780f;height:48px;margin-bottom:20px;overflow:visible}.category-bar,.category-bars{display:flex;position:relative}.category-bar{align-items:center;border-radius:0;color:#333;cursor:pointer;flex:1 1;flex-direction:column;font-weight:600;gap:5px;overflow:hidden;padding:12px 0;text-align:center;transition:background .3s,color .3s,box-shadow .3s,transform .2s,filter .3s;z-index:2}.category-bar.selected{background-image:linear-gradient(120deg,#ffffff1f,#ffffff0a);border-bottom:4px solid #333;box-shadow:0 6px 24px 0 #3c3c7821,0 2px 8px 0 #3c3c7814;filter:brightness(1.1);transform:scale(1.07);z-index:3}.category-bar:not(.selected):hover{background-image:linear-gradient(120deg,#ffffff1a,#ffffff05);box-shadow:0 2px 8px #3c3c781a;filter:brightness(1.13);transform:scale(1.03)}.category-bar:active{filter:brightness(.98);transform:scale(.97)}.category-bar.all{background-color:#5d4a8c;color:#fff}.category-bar.excellent{background-color:#4caf50;color:#fff}.category-bar.good{background-color:#f39c12;color:#fff}.category-bar.average{background-color:#ffeb3b;color:#333}.category-bar.poor{background-color:#e53935;color:#fff}.category-count{background-color:#fff3;border-radius:0;font-size:12px;font-weight:500;padding:2px 8px}.category-bar.all .category-count{background-color:#ffffff4d}.connection-bridge{display:none}.drivers-table-container{background-color:#fff;border-radius:0 0 16px 16px;box-shadow:0 4px 24px 0 #3c3c781a;margin-top:0;max-height:400px;overflow-x:hidden;overflow-y:auto;position:relative;z-index:0}.drivers-table-container::-webkit-scrollbar{background:#f1f1f1;border-radius:8px;width:10px}.drivers-table-container::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:8px}.drivers-table-container::-webkit-scrollbar-thumb:hover{background:#888}.drivers-table{border-collapse:initial;border-radius:0 0 16px 16px;border-spacing:0;overflow:hidden;width:100%}.drivers-table td,.drivers-table th{border-radius:0;padding:12px;text-align:left}.drivers-table th{background:linear-gradient(120deg,#5d4a8c 80%,#7c5dc9);box-shadow:0 2px 8px 0 #3c3c780f;font-weight:700}.drivers-table tbody tr{animation:rowFadeIn .5s forwards;opacity:0;transition:background .2s,box-shadow .2s}.drivers-table tbody tr:hover{background:#f3f6fa;box-shadow:0 2px 8px 0 #3c3c780f}.drivers-table thead{background-color:#5d4a8c;border-radius:0;position:sticky;top:0;z-index:1}.drivers-table th{border-bottom:2px solid #0000001a;border-radius:0;color:#fff;font-weight:600;overflow:hidden;padding:15px;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.drivers-table th:first-child{background:#404193}.drivers-table th:nth-child(2){background:#584596}.drivers-table th:nth-child(3){background:#623f91}.drivers-table th:nth-child(4){background:#734495}.drivers-table th:nth-child(5){background:#673a8f}.drivers-table th:nth-child(6){background:#823e91}.drivers-table th:not(:last-child):after{background:linear-gradient(180deg,#0000 0,#ffffff80 20%,#ffffff80 80%,#0000);content:"";height:100%;position:absolute;right:0;top:0;width:1px}.drivers-table th:first-child{border-top-left-radius:8px}.drivers-table th:last-child{border-top-right-radius:8px}.drivers-table th:first-child{width:8%}.drivers-table th:nth-child(2){width:20%}.drivers-table th:nth-child(3){width:22%}.drivers-table th:nth-child(4){width:20%}.drivers-table th:nth-child(5),.drivers-table th:nth-child(6){width:15%}.drivers-table td{border-bottom:1px solid #e0e0e0;border-radius:0;color:#333;overflow:hidden;padding:15px;text-overflow:ellipsis;white-space:nowrap}.drivers-table tr:last-child td{border-bottom:none}.drivers-table tr:nth-child(2n){background-color:#f5f5f5}.drivers-table tr:nth-child(odd){background-color:#fff}.category-underline{animation:underlineSlide .5s;background:linear-gradient(90deg,#4caf50,#f39c12 33%,#ffeb3b 66%,#e53935);border-radius:0 0 8px 8px;bottom:0;box-shadow:0 2px 12px 0 #3c3c781a;height:4px;left:0;pointer-events:none;position:absolute;transition:left .4s cubic-bezier(.4,0,.2,1),width .3s,box-shadow .3s;width:20%;z-index:10}@keyframes underlineSlide{0%{opacity:0;transform:scaleX(.5)}60%{opacity:1;transform:scaleX(1.1)}to{opacity:1;transform:scaleX(1)}}.category-divider{background:linear-gradient(90deg,#e0e0e0,#f8f9fa);box-shadow:0 1px 4px 0 #3c3c780a;height:2px;margin:0 auto;width:100%}.category-badge{align-items:center;animation:badgePopFade .5s;border-radius:0;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;min-width:100px;overflow:hidden;padding:6px 16px;position:relative;text-align:center;transition:background .4s,color .4s,box-shadow .3s,transform .3s}@keyframes badgePopFade{0%{opacity:0;transform:scale(.8) translateY(10px)}60%{opacity:1;transform:scale(1.08) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.drivers-table tbody tr:first-child{animation-delay:.05s}.drivers-table tbody tr:nth-child(2){animation-delay:.1s}.drivers-table tbody tr:nth-child(3){animation-delay:.15s}.drivers-table tbody tr:nth-child(4){animation-delay:.2s}.drivers-table tbody tr:nth-child(5){animation-delay:.25s}.drivers-table tbody tr:nth-child(6){animation-delay:.3s}.drivers-table tbody tr:nth-child(7){animation-delay:.35s}.drivers-table tbody tr:nth-child(8){animation-delay:.4s}.drivers-table tbody tr:nth-child(9){animation-delay:.45s}.drivers-table tbody tr:nth-child(10){animation-delay:.5s}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.score-cell{font-size:15px;font-weight:600;text-align:center}.add-remarks-btn{background-color:#5d4a8c;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.add-remarks-btn:active{transform:translateY(1px)}.no-data{background-color:#f9f9f9;border-radius:0;color:#666;font-size:16px;margin-top:20px;min-width:1200px;padding:40px;text-align:center;width:100%}@keyframes bridgeAppear{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.modal-overlay{align-items:center;animation:modalFadeIn .3s;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.remarks-modal{animation:modalScaleIn .3s;background-color:#fff;border-radius:0;margin:20px;max-width:500px;padding:24px;position:relative;width:90%;z-index:10000}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.close-button{background:none;border-radius:0;height:32px;line-height:1;padding:0;width:32px}.close-button:active{background-color:#f0f0f0;color:#333}.remarks-textarea{border:1px solid #ddd;border-radius:0;font-family:inherit;font-size:14px;line-height:1.5;margin-bottom:20px;min-height:120px;padding:12px;resize:vertical;width:100%}.remarks-textarea:focus{border-color:#5d4a8c;outline:none}.remarks-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.modal-button{border:none;border-radius:0;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.modal-button.cancel{background-color:#f0f0f0;color:#333}.modal-button.submit{background-color:#5d4a8c;color:#fff}.modal-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:0;color:#d32f2f;font-size:14px;margin-bottom:16px;padding:12px}.success-notification{animation:slideIn .3s ease-out,fadeOut .3s ease-in 2.7s;animation-fill-mode:forwards;background-color:#4caf50;border-radius:0;color:#fff;font-size:14px;padding:12px 24px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.driver-score-category-page.embedded{background-color:initial;box-shadow:none;margin:0;padding:0}.driver-score-category-page.embedded .page-header{margin-bottom:15px}.driver-score-category-page.embedded .page-header h1{font-size:18px}.driver-score-category-page.embedded .category-bars,.driver-score-category-page.embedded .drivers-table-container{max-width:100%;min-width:auto}.driver-score-category-page.embedded .drivers-table-container{max-height:400px}.driver-segmentation-page{display:flex;height:100vh;overflow:hidden}.main-content{background-color:#f5f7fb;flex:1 1;overflow-y:auto;transition:margin-left .3s ease}.main-content .page-header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #00000014;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.main-content .header-left{align-items:center;display:flex;gap:15px}.main-content .header-left h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.main-content .toggle-sidebar-btn{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:0}.sidebar-open{margin-left:250px}.sidebar-closed{margin-left:0}.driver-segmentation-content{display:flex;flex-direction:column;gap:30px;padding:20px}.page-title{flex-wrap:nowrap;gap:15px;justify-content:space-between;margin-bottom:20px}.page-title,.page-title h2{align-items:center;display:flex}.page-title h2{color:#333;font-size:1.5rem;font-weight:600;gap:10px;margin:0;white-space:nowrap}.header-tooltip{align-items:center;display:inline-flex;margin-left:8px;position:relative}.header-tooltip .info-icon{align-items:center;background-color:#5d4da3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-style:italic;font-weight:700;height:18px;justify-content:center;transition:all .2s ease;width:18px}.header-tooltip:hover .info-icon{background-color:#483d8b}.header-tooltip .tooltip-text{background-color:#333;border-radius:6px;box-shadow:0 4px 8px #0003;color:#fff;font-size:14px;font-weight:400;left:100%;margin-left:10px;min-width:200px;opacity:0;padding:8px 12px;position:absolute;text-align:left;top:50%;transform:translateY(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:nowrap;z-index:2147483647}.header-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.header-tooltip .tooltip-text:before{border:6px solid #0000;border-right-color:#333;content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}.equipment-dropdown-container{align-items:center;display:flex;gap:8px}.dropdown-label{color:#555;font-size:14px;font-weight:500;white-space:nowrap}.equipment-dropdown{display:inline-block;position:relative;z-index:100}.vehicle-select{appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;background-color:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:14px;min-width:180px;outline:none;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.vehicle-select:hover{border-color:#aaa}.vehicle-select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.vehicle-select:disabled{cursor:not-allowed;opacity:.6}.segmentation-section{width:100%}.segmentation-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;height:auto;min-height:350px;overflow:hidden;width:100%}.score-category-section{margin-top:20px;width:100%}@media (max-width:768px){.driver-segmentation-content{gap:20px;padding:15px}.page-title{align-items:flex-start;flex-direction:column;gap:10px}.equipment-dropdown,.equipment-dropdown-container,.vehicle-select{width:100%}}.segmentation.modern{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;box-sizing:border-box;cursor:default;display:flex;flex-direction:column;height:100%;min-height:350px;overflow:hidden;padding:20px;position:relative;transition:transform .2s,box-shadow .2s}.segmentation.modern:hover{box-shadow:0 6px 18px #0000001f;transform:translateY(-2px)}.chart-title{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.chart-actions{gap:12px}.chart-actions,.total-drivers{align-items:center;display:flex}.total-drivers{background-color:#f0f2f5;border-radius:20px;color:#5f6368;font-size:14px;gap:6px;padding:6px 10px}.total-icon{font-size:16px}.total-count{font-weight:500}.chart-refresh-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.chart-refresh-btn:hover{background-color:#f1f3f4;color:#1a73e8}.refresh-icon{font-size:16px}.segmentation-legend{grid-gap:10px;display:grid;gap:10px;grid-template-columns:180px 60px 1fr;margin-bottom:10px;padding:0 10px}.legend-item{color:#5f6368;font-size:12px}.legend-label{font-weight:500}.chart-grid{display:flex;flex:1 1;flex-direction:column;gap:16px;margin-top:10px}.segmentation-item{grid-gap:10px;align-items:center;border-radius:8px;display:grid;gap:10px;grid-template-columns:180px 60px 1fr;padding:6px 10px;position:relative;transition:background-color .2s}.segmentation-item:hover{background-color:#f8f9fa}.risk-level{align-items:center;color:#333;display:flex;font-size:14px;font-weight:500;gap:8px;padding-left:4px}.segment-icon{font-size:16px}.segment-name{white-space:nowrap}.count-badge{color:#333;font-size:15px;font-weight:600;text-align:center}.bar-container{background-color:#f1f3f4;border-radius:20px;height:20px;overflow:hidden;position:relative;width:100%}.bar-scale{left:0;pointer-events:none;right:0;z-index:1}.bar-scale,.scale-marker{bottom:0;position:absolute;top:0}.scale-marker{background-color:#00000012;width:1px}.risk-bar{border-radius:20px;height:100%;overflow:hidden;position:relative;transition:width 1.2s cubic-bezier(.16,1,.3,1);width:0;z-index:2}.bar-gradient{background:linear-gradient(90deg,#ffffff1a,#fff3);bottom:0;left:0;position:absolute;right:0;top:0}.percentage-badge{color:#fff;font-size:12px;font-weight:600;position:absolute;right:10px;text-shadow:0 1px 2px #0003;top:50%;transform:translateY(-50%)}.segment-tooltip{animation:fadeIn .2s;background-color:#fff;border:1px solid #eaeaea;border-radius:8px;box-shadow:0 4px 15px #00000026;padding:12px;pointer-events:none;position:absolute;transform:translate(-50%,-100%);width:180px;z-index:10}.tooltip-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;gap:8px;margin-bottom:8px;padding-bottom:8px}.tooltip-indicator{border-radius:50%;height:10px;width:10px}.tooltip-title{color:#333;font-size:14px;font-weight:600}.tooltip-content{flex-direction:column;gap:8px}.tooltip-stat{display:flex;font-size:13px;justify-content:space-between}.stat-label{color:#5f6368}.stat-value{color:#333;font-weight:600}.chart-footer{color:#5f6368;font-size:13px;margin-top:16px;padding-top:10px;text-align:center}.chart-note{align-items:center;background-color:#f0f2f5;border-radius:16px;display:inline-flex;padding:6px 12px}.chart-note:before{content:"ℹ️";font-size:12px;margin-right:6px}.skeleton-bar{grid-gap:10px;align-items:center;animation:pulse 1.5s infinite;display:grid;gap:10px;grid-template-columns:180px 60px 1fr;padding:6px 10px}.skeleton-label{background-color:#eaeaea;border-radius:4px;height:16px;width:100px}.skeleton-bar-container{background-color:#f1f3f4;border-radius:20px;height:20px;overflow:hidden;position:relative;width:100%}.skeleton-progress{background-color:#eaeaea;border-radius:20px;height:100%;width:60%}.high-risk{color:#e53935}.high-risk.risk-bar,.high-risk.tooltip-indicator{background:linear-gradient(90deg,#e53935,#ff5252)}.mid-risk{color:#fb8c00}.mid-risk.risk-bar,.mid-risk.tooltip-indicator{background:linear-gradient(90deg,#fb8c00,#ffb74d)}.low-risk{color:#fdd835}.low-risk.risk-bar,.low-risk.tooltip-indicator{background:linear-gradient(90deg,#fdd835,#ffee58)}.safe{color:#43a047}.safe.risk-bar,.safe.tooltip-indicator{background:linear-gradient(90deg,#43a047,#66bb6a)}@media (max-width:600px){.segmentation-item,.segmentation-legend{grid-template-columns:120px 50px 1fr}.count-badge,.segment-name{font-size:13px}}.info-icon{align-items:center;background-color:#e0e0e0;border-radius:50%;color:#555;cursor:help;display:inline-flex;font-size:12px;font-weight:700;height:16px;justify-content:center;margin-left:8px;position:relative;transition:background-color .2s;width:16px}.info-icon:hover{background-color:#bdbdbd}.info-tooltip{align-items:center;display:inline-flex;position:relative}.info-tooltip .tooltip-text{background-color:#333;border-radius:6px;box-shadow:0 4px 8px #0003;color:#fff;font-size:12px;font-weight:400;left:50%;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;text-align:center;top:130%;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:200px;z-index:1000}.info-tooltip .tooltip-text:after{border:5px solid;border-color:#0000 #0000 #333;bottom:100%;content:"";left:50%;margin-left:-5px;position:absolute}.info-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.chart-header{border-bottom:1px solid #eaeaea;padding-bottom:12px}.chart-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:350px;padding:20px}.chart-container-enhanced{box-shadow:0 4px 10px #0000001a;height:380px;overflow:hidden;transition:all .3s ease}.chart-container-enhanced:hover{box-shadow:0 8px 16px #00000026}.chart-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.title-section h3{color:#333;font-size:18px;font-weight:600;letter-spacing:.5px;margin:0}.subtitle{color:#ffffff80;font-size:13px;margin-top:4px}.controls{align-items:center;display:flex;gap:12px}.toggle-view{background-color:#2a2a35;border-radius:8px;display:flex;padding:2px}.toggle-btn{align-items:center;background:none;border:none;border-radius:6px;color:#8f8f9d;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px 10px;transition:all .2s ease}.toggle-btn:hover{color:#fff}.toggle-btn.active{background-color:#3a3a48;color:#fff}.toggle-btn .icon{font-size:14px}.session-selector select{-webkit-appearance:none;appearance:none;background-color:#2a2a35;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%23e1e1e6%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-position:right 10px center;background-repeat:no-repeat;background-size:10px;border:none;border-radius:8px;color:#e1e1e6;cursor:pointer;font-size:14px;min-width:140px;padding:8px 30px 8px 12px;transition:background-color .2s}.session-selector select:hover{background-color:#34343f}.session-selector select:focus{box-shadow:0 0 0 2px #4bc0c066;outline:none}.loading-container{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center}.pulse-loader{animation:pulse 1.5s infinite;background-color:#4bc0c0cc;border-radius:50%;box-shadow:0 0 0 #4bc0c066;height:20px;width:20px}@keyframes pulse{0%{box-shadow:0 0 0 0 #4bc0c066}70%{box-shadow:0 0 0 15px #4bc0c000}to{box-shadow:0 0 0 0 #4bc0c000}}.loading-text{color:#ffffff80;font-size:14px}.error-container{color:#d32f2f;flex-direction:column;font-weight:700;text-align:center}.no-data-container{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center}.no-data-icon{font-size:32px;opacity:.5}.no-data-text{color:#ffffff80;font-size:14px;text-align:center}.chart-content-container{display:flex;flex:1 1;flex-direction:column;position:relative}.donut-chart-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:200px;position:relative}.chart-center-stats{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.total-users-count{color:#234f78;font-size:28px;font-weight:700}.total-users-label{color:#666;font-size:12px;margin-top:5px}.stat-cards-container{display:flex;gap:10px;justify-content:space-between;margin-top:10px}.stat-card{border:2px solid #0000;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;flex:1 1;padding:12px;text-align:center;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.stat-card.selected{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.completed-card{background-color:#36a2eb1a;border-left:4px solid #36a2ebcc}.completed-card.selected{border:2px solid #fffc;border-left:4px solid #36a2ebcc}.incomplete-card{background-color:#ffce561a;border-left:4px solid #ffce56cc}.incomplete-card.selected{border:2px solid #ffce56cc;border-left-width:4px}.not-started-card{background-color:#ff63841a;border-left:4px solid #ff6384cc}.not-started-card.selected{border:2px solid #ff6384cc;border-left-width:4px}.stat-card-label{color:#666;font-size:12px;margin-bottom:3px}.stat-card-value{color:#333;font-size:18px;font-weight:700}.stat-card-percentage{color:#555;font-size:14px;font-weight:700;margin-top:3px}.dark-mode{background-color:#1e1e25;border:1px solid #ffffff0d;box-shadow:0 8px 32px #0003;color:#e1e1e6;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark-mode:hover{box-shadow:0 12px 40px #00000040;transform:translateY(-2px)}.dashboard-layout{flex-direction:column}.chart-area,.dashboard-layout{display:flex;flex:1 1;overflow:hidden}.chart-area{position:relative}.chart-area,.chart-wrapper{align-items:center;justify-content:center}.chart-wrapper{display:flex;height:100%;max-height:200px;width:100%}.metrics-panel{align-items:center;background-color:#282834;border-radius:10px;display:flex;flex-direction:column;margin-top:15px;padding:12px}.total-metric{padding:10px 0;text-align:center}.metric-value{color:#fff;font-size:24px;font-weight:700}.metric-label{color:#ffffff80;font-size:12px;margin-top:4px}.metrics-divider{background-color:#ffffff1a;height:1px;margin:10px 0;width:80%}.metrics-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;width:100%}.metric-card{background-color:#2a2a35;border-left:3px solid #0000;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s ease}.metric-card:hover{background-color:#34343f;transform:translateX(2px)}.metric-card.selected{background-color:#34343f;box-shadow:0 4px 12px #00000026;transform:translateX(4px)}.metric-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.metric-dot{border-radius:50%;height:10px;width:10px}.completed-dot{background-color:#4bc0c0cc}.incomplete-dot{background-color:#ff9f40cc}.not-started-dot{background-color:#c9cbcfcc}.metric-title{color:#ffffffb3;font-size:13px}.metric-stats{align-items:baseline;display:flex;justify-content:space-between}.metric-number{color:#fff;font-size:18px;font-weight:700}.metric-percent{color:#fff9;font-size:14px}@media (min-width:768px){.chart-container{height:380px}.dashboard-layout{flex-direction:row}.chart-area{width:60%}.metrics-panel{height:100%;justify-content:center;margin-left:15px;margin-top:0;width:40%}.metrics-grid{grid-template-columns:1fr}.chart-wrapper{max-height:none}}.minimal-container{background-color:#fff;border:1px solid #f2f2f2;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:20px;transition:all .3s ease}.minimal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.minimal-header h3{color:#333;font-size:18px;font-weight:500;margin:0}.minimal-controls{align-items:center;display:flex}.minimal-select-wrapper{position:relative}.minimal-select{-webkit-appearance:none;appearance:none;background-color:#f8f8f8;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e6e6e6;border-radius:8px;color:#333;cursor:pointer;font-size:14px;min-width:150px;padding:8px 32px 8px 12px;transition:all .2s ease}.minimal-select:hover{background-color:#f2f2f2;border-color:#d9d9d9}.minimal-select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5026;outline:none}.minimal-content{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.minimal-grid{grid-gap:20px;display:grid;grid-template-columns:1fr;grid-template-rows:auto;height:100%;width:100%}.minimal-chart-area{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.minimal-chart-wrapper{height:180px;margin:0 auto;max-width:180px;position:relative;width:100%}.minimal-chart-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.minimal-center-value{color:#333;display:block;font-size:24px;font-weight:600}.minimal-center-label{color:#666;display:block;font-size:12px;margin-top:2px}.minimal-total-users{color:#666;font-size:14px;margin-top:10px;text-align:center}.minimal-total-value{color:#333;font-weight:600}.minimal-stats-area{display:flex;flex-direction:column;gap:8px}.minimal-stat-item{background-color:#f9f9f9;border-radius:8px;padding:8px;transition:all .2s ease}.minimal-stat-item.hovered{background-color:#f0f0f0;transform:translateX(4px)}.minimal-stat-header{align-items:center;display:flex;margin-bottom:6px}.minimal-stat-color{border-radius:50%;height:10px;margin-right:8px;width:10px}.minimal-stat-label{color:#555;flex-grow:1;font-size:14px}.minimal-stat-value{color:#333;font-size:16px;font-weight:600}.minimal-progress-bar{background-color:#e9e9e9;border-radius:3px;height:6px;overflow:hidden}.minimal-progress-fill{border-radius:3px;height:100%;transition:width .5s ease}.minimal-metrics-area{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-around}.minimal-metric-card,.radial-progress{align-items:center;display:flex;justify-content:center}.radial-progress{position:relative}.radial-progress svg{transform:rotate(-90deg)}.radial-progress-bg{fill:none;stroke:#f0f0f0}.radial-progress-indicator{fill:none;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.radial-progress-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.radial-progress-percentage{color:#333;font-size:12px;font-weight:600}.radial-progress-label{color:#666;font-size:9px;margin-top:1px}.radial-progress-value{color:#444;font-size:10px;font-weight:500}.minimal-loader{animation:spin 1s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#4caf50;height:40px;margin:0 auto;width:40px}.empty-state{color:#888}.empty-state-icon{margin-bottom:10px}@media (min-width:768px){.minimal-grid{grid-template-areas:"chart stats" "metrics metrics";grid-template-columns:1fr 1fr}.minimal-chart-area{grid-area:chart}.minimal-stats-area{grid-area:stats}.minimal-metrics-area{grid-area:metrics;margin-top:20px}}@media (min-width:992px){.minimal-grid{grid-gap:30px;grid-template-areas:"chart stats metrics";grid-template-columns:2fr 1fr 1fr}.minimal-metrics-area{flex-direction:column;margin-top:0}}.modern-chart-container{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 30px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;height:350px;overflow:hidden;padding:24px;transition:all .3s ease}.modern-chart-container:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-3px)}.modern-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.modern-header h3{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;letter-spacing:.5px;margin:0;position:relative}.modern-header h3:after{display:none}.modern-controls{align-items:center;display:flex;gap:12px}.modern-select-wrapper{position:relative}.modern-select{-webkit-appearance:none;appearance:none;background-color:#f8f9fa;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%23333%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-position:right 12px center;background-repeat:no-repeat;background-size:10px;border:1px solid #00000014;border-radius:8px;box-shadow:0 2px 5px #00000005;color:#333;cursor:pointer;font-size:14px;font-weight:500;min-width:140px;padding:8px 35px 8px 15px;transition:all .2s ease}.modern-select:hover{background-color:#f2f2f2;border-color:#0000001f}.modern-select:focus{border-color:#7a49ff;box-shadow:0 0 0 3px #7a49ff33;outline:none}.modern-content{display:flex;flex:1 1;flex-direction:column;position:relative}.modern-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100%}.modern-chart-area{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.modern-chart-wrapper{height:100%;margin:0 auto;max-height:200px;max-width:200px;position:relative;width:100%}.modern-chart-wrapper canvas{position:relative;z-index:1}.modern-chart-center{background-color:#ffffffb3;border-radius:50%;height:60%;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:60%;z-index:1}.modern-center-text,.modern-chart-center{align-items:center;display:flex;flex-direction:column;justify-content:center}.modern-center-value{color:#333;font-size:24px;font-weight:700;line-height:1}.modern-center-label{color:#666;font-size:12px;margin-top:4px}.modern-total-users{align-items:center;color:#555;display:flex;font-size:15px;justify-content:center;margin-top:10px;padding:10px 0}.modern-total-value{color:#333;font-size:18px;font-weight:700;margin-right:5px}.modern-total-label{color:#666;font-size:14px}.modern-stats-area{display:flex;flex-direction:column;gap:10px;padding:10px 0}.modern-stat-item{background-color:#f8f9fa;border-radius:12px;cursor:pointer;padding:12px;transition:all .2s ease}.modern-stat-item.hovered,.modern-stat-item:hover{background-color:#f2f3f4;box-shadow:0 4px 10px #0000000d;transform:translateY(-2px)}.modern-stat-header{align-items:center;display:flex;margin-bottom:10px}.modern-stat-color{border-radius:50%;height:12px;margin-right:10px;width:12px}.modern-stat-label{color:#444;flex:1 1;font-size:14px;font-weight:500}.modern-stat-value{align-items:flex-end;display:flex;flex-direction:column}.modern-stat-count{color:#333;font-size:16px;font-weight:700}.modern-stat-percent{color:#666;font-size:12px}.modern-progress-bar{background-color:#0000000f;border-radius:10px;height:8px;overflow:hidden}.modern-progress-fill{border-radius:10px;height:100%;transition:width .5s cubic-bezier(.25,.46,.45,.94)}.modern-loader{animation:spin 1s linear infinite;border:3px solid #7a49ff1a;border-radius:50%;border-top-color:#7a49ff;height:40px;margin:0 auto;width:40px}.empty-state{align-items:center;color:#777;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.empty-state-icon{font-size:40px;margin-bottom:15px;opacity:.5}@media (min-width:576px){.modern-grid{grid-template-columns:1fr}}@media (min-width:768px){.modern-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.modern-chart-area{grid-column:1}.modern-stats-area{grid-column:2;max-height:200px;overflow-y:auto}}.modern-stats-area{scrollbar-color:#0003 #0000;scrollbar-width:thin}.modern-stats-area::-webkit-scrollbar{width:5px}.modern-stats-area::-webkit-scrollbar-track{background:#0000}.modern-stats-area::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}.modern-chart-container:focus{outline:none}.modern-content{animation:fadeIn .5s ease-out}@media (prefers-color-scheme:dark){.modern-chart-container{background:#1f2023;border-color:#ffffff0d;box-shadow:0 10px 30px #0003}.modern-header{border-bottom-color:#ffffff1a}.modern-header h3{color:#e1e1e6}.modern-select{background-color:#2a2d31;border-color:#ffffff1a;color:#e1e1e6}.modern-select:hover{background-color:#34373d}.modern-stat-item{background-color:#2a2d31}.modern-stat-item.hovered,.modern-stat-item:hover{background-color:#34373d}.modern-stat-label{color:#e1e1e6}.modern-stat-count{color:#fff}.modern-stat-percent{color:#a0a0a0}.modern-progress-bar{background-color:#ffffff1a}.modern-center-value{color:#fff}.modern-center-label{color:#a0a0a0}.modern-total-value{color:#fff}.modern-total-label{color:#a0a0a0}}.card-style-container{background-color:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 10px 25px #0000001a,0 6px 12px #00000014;box-sizing:border-box;display:flex;flex-direction:column;height:370px;overflow:hidden;padding:18px;transition:all .3s ease}.card-header{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.card-header h3{color:#1f5d85;font-size:20px;font-weight:600;margin:0;text-shadow:0 1px 1px #0000000d}.card-chart{align-items:center;display:flex;height:180px;justify-content:center;margin-bottom:10px;position:relative}.card-chart-container{height:165px;perspective:1000px;position:relative;transform-style:preserve-3d;width:165px}.chart-3d-container{filter:drop-shadow(0 10px 15px rgba(0,0,0,.15));height:100%;position:relative;transform:rotateX(5deg);transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:100%}.chart-3d-container:hover{filter:drop-shadow(0 15px 20px rgba(0,0,0,.2));transform:rotateX(8deg) scale(1.03)}.chart-center-content{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.chart-center-content,.chart-total-value{align-items:center;display:flex;justify-content:center}.chart-total-value{animation:fadeIn .8s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe6;border-radius:50%;box-shadow:0 5px 15px #0000001a;flex-direction:column;height:65%;width:65%}.chart-total-value span{color:#333;font-size:24px;font-weight:700;line-height:1;text-shadow:0 1px 1px #0000001a}.chart-total-value small{color:#666;font-size:12px;font-weight:500;margin-top:4px}.glass-morphism-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffd9;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 8px 32px #1f268726;box-sizing:border-box;display:flex;flex-direction:column;height:380px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-morphism-container:hover{box-shadow:0 15px 45px #1f268740;transform:translateY(-5px)}.glass-morphism-container:before{animation:gradientAnimation 5s ease infinite;background:linear-gradient(90deg,#3a7bd5,#00d2ff,#3a7bd5);background-size:200% 200%;border-radius:16px 16px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.glass-header{align-items:center;border-bottom:1px solid #1f26871a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.glass-header h3{color:#2c3e50;font-size:20px;font-weight:600;letter-spacing:.5px;margin:0;position:relative}.glass-controls{position:relative;z-index:2}.glass-select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fffc;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%232c3e50%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-position:right 12px center;background-repeat:no-repeat;background-size:10px;border:1px solid #1f268726;border-radius:10px;box-shadow:0 2px 10px #0000000d;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:500;min-width:140px;padding:8px 35px 8px 15px;transition:all .2s ease}.glass-select:hover{background-color:#fffffff2;border-color:#1f268740;box-shadow:0 4px 15px #00000014}.glass-select:focus{border-color:#3a7bd5;box-shadow:0 0 0 3px #3a7bd533;outline:none}.glass-content{display:flex;flex:1 1;position:relative}.glass-layout{display:flex;flex-direction:column;height:100%;width:100%}@media (min-width:768px){.glass-layout{flex-direction:row;gap:24px}}.glass-chart-area{align-items:center;display:flex;flex:1.5 1;justify-content:center;position:relative}.glass-chart-wrapper{margin:0 auto;max-height:210px;max-width:210px}.glass-chart-3d,.glass-chart-wrapper{height:100%;position:relative;width:100%}.glass-chart-3d{filter:drop-shadow(0 10px 15px rgba(0,0,0,.1));transform:perspective(800px) rotateY(10deg) rotateX(5deg);transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.glass-chart-3d:hover{filter:drop-shadow(0 20px 30px rgba(0,0,0,.15));transform:perspective(800px) rotateY(15deg) rotateX(8deg) scale(1.02)}.glass-chart-center{align-items:center;background-color:#ffffffb3;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;height:60%;justify-content:center;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:60%;z-index:1}.glass-chart-center:hover{box-shadow:0 8px 25px #00000026;transform:translate(-50%,-50%) scale(1.05)}.glass-center-value{color:#2c3e50;font-size:28px;font-weight:700;line-height:1;margin-bottom:5px}.glass-center-label{color:#7f8c8d;font-size:12px;font-weight:500}.glass-stats-area{display:flex;flex:1 1;flex-direction:column;gap:12px;-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 5%,#000 95%,#0000);mask-image:linear-gradient(180deg,#0000 0,#000 5%,#000 95%,#0000);overflow-y:auto;padding-right:5px}.glass-stats-area::-webkit-scrollbar{width:4px}.glass-stats-area::-webkit-scrollbar-track{background:#00000008;border-radius:10px}.glass-stats-area::-webkit-scrollbar-thumb{background:#1f268733;border-radius:10px}.glass-stat-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffffb3;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 10px #0000000d;cursor:pointer;padding:12px 15px;transition:all .3s ease}.glass-stat-item.hovered,.glass-stat-item:hover{background-color:#ffffffe6;border-color:#1f268733;box-shadow:0 5px 15px #00000014;transform:translateX(5px)}.glass-stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.glass-stat-label{align-items:center;color:#34495e;display:flex;font-size:14px;font-weight:500}.glass-stat-color{border-radius:50%;box-shadow:0 0 6px #0000001a;display:inline-block;height:12px;margin-right:8px;width:12px}.glass-stat-value{align-items:flex-end;display:flex;flex-direction:column}.glass-stat-value strong{color:#2c3e50;font-size:16px;font-weight:700}.glass-stat-value small{color:#7f8c8d;font-size:12px;margin-top:2px}.glass-progress{background-color:#0000000d;border-radius:10px;height:6px;overflow:hidden}.glass-progress-fill{border-radius:10px;height:100%;transition:width .8s cubic-bezier(.25,.46,.45,.94)}.glass-loader{height:40px;margin:0 auto;position:relative;width:40px}.glass-loader:after,.glass-loader:before{animation:pulse-glass 2s ease-in-out infinite alternate;background-color:#3a7bd533;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.glass-loader:after{animation-delay:-1s}@keyframes pulse-glass{0%{opacity:.5;transform:scale(.6)}to{opacity:0;transform:scale(1.2)}}.glass-empty-state{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.glass-empty-icon{animation:float 6s ease-in-out infinite;color:#1f26874d;font-size:48px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.glass-empty-text{color:#7f8c8d;font-size:16px;line-height:1.5;max-width:250px;text-align:center}@media (prefers-color-scheme:dark){.glass-morphism-container{background-color:#1e272ebf;border:1px solid #ffffff14}.glass-header h3{color:#ecf0f1}.glass-header{border-bottom-color:#ffffff0d}.glass-select{background-color:#1e272ecc;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%23ecf0f1%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");border-color:#ffffff1a;color:#ecf0f1}.glass-select:hover{background-color:#2c3e50e6}.glass-chart-center{background:#1e272ed9;border-color:#ffffff1a}.glass-center-value{color:#ecf0f1}.glass-center-label{color:#bdc3c7}.glass-stat-item{background-color:#1e272eb3;border-color:#ffffff0d}.glass-stat-item.hovered,.glass-stat-item:hover{background-color:#2c3e50e6;border-color:#ffffff1a}.glass-stat-label,.glass-stat-value strong{color:#ecf0f1}.glass-stat-value small{color:#bdc3c7}.glass-progress{background-color:#ffffff1a}.glass-empty-icon{color:#555}.glass-empty-text{color:#bdc3c7}.glass-loader{border:2px solid #333;border-top-color:#4a90e2}}.sleek-chart-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:6px;box-shadow:0 2px 10px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;height:350px;padding:20px;transition:all .3s ease}.sleek-header{border-bottom:1px solid #4a90e2;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;position:relative;z-index:1}.sleek-header,.sleek-header h3{align-items:center;display:flex}.sleek-header h3{color:#305073;font-size:18px;font-weight:600;letter-spacing:.5px;margin:0}.sleek-header h3:before{display:none}.sleek-controls{position:relative}.sleek-select{-webkit-appearance:none;appearance:none;background-color:#f8f8f8;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%23333%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-position:right 10px center;background-repeat:no-repeat;background-size:8px;border:1px solid #e5e5e5;border-radius:4px;color:#333;cursor:pointer;font-size:13px;min-width:120px;padding:6px 28px 6px 12px;transition:border-color .2s}.sleek-select:hover{border-color:#d0d0d0}.sleek-select:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a;outline:none}.sleek-content{display:flex;flex:1 1;position:relative}.sleek-layout{display:flex;flex-direction:row;gap:20px;height:100%;width:100%}.sleek-chart-area{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.sleek-chart-wrapper canvas{position:relative;z-index:1}.sleek-chart-center{align-items:center;background-color:#ffffffb3;border-radius:50%;display:flex;flex-direction:column;height:60%;justify-content:center;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:60%;z-index:1}.sleek-center-value{color:#333;display:block;font-size:20px;font-weight:600}.sleek-center-label{color:#777;display:block;font-size:11px;margin-top:4px}.sleek-stats-area{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px}.sleek-stats-area::-webkit-scrollbar{width:4px}.sleek-stats-area::-webkit-scrollbar-track{background:#f5f5f5}.sleek-stats-area::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.sleek-stat-item{background-color:#f9f9f9;border-left:3px solid #0000;border-radius:4px;padding:10px 12px;transition:all .2s ease}.sleek-stat-item.hovered,.sleek-stat-item:hover{background-color:#f5f5f5;transform:translateX(2px)}.sleek-stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sleek-stat-label{align-items:center;color:#444;display:flex;font-size:13px}.sleek-stat-color{display:inline-block;height:8px;margin-right:8px;width:8px}.sleek-stat-value{align-items:flex-end;display:flex;flex-direction:column}.sleek-stat-value strong{color:#333;font-size:14px;font-weight:600}.sleek-stat-value small{color:#777;font-size:12px;margin-top:2px}.sleek-progress{background-color:#eee;border-radius:2px;height:4px;overflow:hidden}.sleek-progress-fill{border-radius:2px;height:100%;transition:width .3s ease}.sleek-loader{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#4a90e2;height:30px;margin:0 auto;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sleek-empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.sleek-empty-icon{color:#ccc;font-size:32px}.sleek-empty-text{color:#888;font-size:14px;text-align:center}@media (prefers-color-scheme:dark){.sleek-chart-container{background-color:#222;border-color:#333;box-shadow:0 4px 12px #0003}.sleek-header{border-bottom-color:#333}.sleek-header h3{color:#335c8b}.sleek-select{background-color:#333;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%23eee%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");border-color:#444;color:#eee}.sleek-select:hover{border-color:#555}.sleek-select:focus{border-color:#4a90e2}.sleek-center-value{color:#eee}.sleek-center-label{color:#aaa}.sleek-chart-center{background-color:#222222b3}.sleek-stats-area::-webkit-scrollbar-track{background:#333}.sleek-stats-area::-webkit-scrollbar-thumb{background:#555}.sleek-stat-item{background-color:#333}.sleek-stat-item.hovered,.sleek-stat-item:hover{background-color:#3a3a3a}.sleek-stat-label{color:#ddd}.sleek-stat-value strong{color:#eee}.sleek-stat-value small{color:#aaa}.sleek-progress{background-color:#444}.sleek-empty-icon{color:#555}.sleek-empty-text{color:#aaa}.sleek-loader{border:2px solid #333;border-top-color:#4a90e2}}.custom-chart-tooltip{animation:fadeIn .2s ease;pointer-events:none;z-index:2147483647}.tooltip-content{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:4px;box-shadow:0 2px 8px #0000001a;color:#333;display:flex;font-size:12px;padding:8px 12px;white-space:nowrap}.tooltip-color{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.sleek-chart-wrapper{height:100%;max-height:180px;max-width:180px;position:relative;width:100%}@media (prefers-color-scheme:dark){.tooltip-content{background-color:#333;border-color:#444;box-shadow:0 2px 8px #0000004d;color:#eee}}#chartjs-tooltip{z-index:2147483647!important}.chart-center-stats,.glass-chart-center,.modern-chart-center,.sleek-chart-center{z-index:0}.sleek-stats{display:flex;flex-direction:column;gap:10px;margin-top:15px;padding:0 15px}.sleek-stat-box{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;padding:12px 15px;transition:all .2s ease}.sleek-stat-box-hovered,.sleek-stat-box:hover{background-color:#fcfcfc;box-shadow:0 3px 6px #00000014;transform:translateY(-2px)}.sleek-stat-color{border-radius:50%;height:12px;margin-right:10px;width:12px}.sleek-stat-content{display:flex;flex:1 1;flex-direction:column}.sleek-stat-label{color:#777;font-size:12px;margin-bottom:2px}.sleek-stat-value{color:#333;font-size:14px;font-weight:600}.sleek-stat-percentage{color:#777;font-size:12px;font-weight:400;margin-left:5px}.sleek-stat-box:nth-child(3) .sleek-stat-label{font-size:11px}.not-started-card .stat-card-label{font-size:10px}.not-started-dot+.metric-title{font-size:11px}.chart-container .info-tooltip{display:inline-block;margin-left:4px;pointer-events:auto;position:relative;z-index:10}.chart-container .info-icon{align-items:center;background-color:#4a90e2;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;height:18px;justify-content:center;position:relative;width:18px;z-index:1}.chart-container .tooltip-text{background-color:#333;border-radius:6px;box-shadow:0 2px 10px #0003;color:#fff;font-size:13px;max-width:400px;min-width:220px;opacity:0;padding:10px 15px;pointer-events:none;position:absolute;right:26px;text-align:left;top:-10px;transition:opacity .3s,visibility .3s;visibility:hidden;width:auto;z-index:9999}.chart-container .info-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.chart-container .tooltip-text:after{display:none}.sleek-chart-container{background-color:#fff!important;border-color:#f0f0f0!important;box-shadow:0 2px 10px #0000000f!important}.sleek-header h3{color:#305073!important}.sleek-select{background-color:#f8f8f8!important;border-color:#e5e5e5!important;color:#333!important}.sleek-chart-center{background-color:#ffffffb3!important}.sleek-center-value{color:#333!important}.sleek-center-label{color:#777!important}.sleek-stat-box{background-color:#fff!important;border-color:#f0f0f0!important}.sleek-stat-label{color:#777!important}.sleek-stat-value{color:#333!important}.participation-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;isolation:isolate;justify-content:center;left:0;position:fixed;right:0;top:0;transform:translateZ(0);will-change:transform;z-index:9999999}.participation-popup{animation:fadeIn .3s ease-out;background-color:#f9f9fb;border-radius:16px;box-shadow:0 8px 30px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;position:relative;transform:translateZ(0);width:85%}body>.participation-popup-overlay{z-index:9999999}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.participation-popup-header{align-items:center;background-color:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 25px;position:relative;z-index:1}.participation-popup-header h2{color:#1e2430;font-size:1.5rem;font-weight:600;margin:0}.close-button{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#666;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s;width:36px;z-index:10}.close-button:hover{background-color:#f5f5f5;box-shadow:0 4px 8px #00000026;color:#333}.loading-spinner{align-items:center;color:#666;display:flex;font-size:14px;height:200px;justify-content:center;padding:40px;text-align:center}.error-message{background-color:#fee2e2;border-radius:8px;box-shadow:0 2px 5px #dc26261a;color:#dc2626;margin:16px;padding:16px;text-align:center}.tabs-container{background-color:#fff;border-bottom:1px solid #e9ecef;display:flex;padding:25px}.tabs{flex-direction:row;gap:15px;width:100%}.tab,.tabs{display:flex}.tab{align-items:center;background:#f8f9fc;border:none;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#666;cursor:pointer;flex:1 1;flex-direction:column;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:16px 20px;text-align:center;transition:all .3s}.tab:hover{background-color:#eef1f8;color:#1e2430;transform:translateY(-2px)}.tab.active{background-color:#1e2430;box-shadow:0 4px 10px #1e243033;color:#fff}.count{align-items:center;background-color:#e5e7eb;border-radius:999px;color:#1e2430;display:inline-flex;font-size:16px;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:0 10px}.tab.active .count{background-color:#fff;color:#1e2430}.tab-content{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin:20px;max-height:50vh;overflow-y:auto;padding:25px}.tab-content h3{border-bottom:1px solid #e9ecef;color:#1e2430;font-size:18px;font-weight:600;margin-bottom:15px;margin-top:0;padding-bottom:10px}.user-list{overflow-x:auto}.user-list table{border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.user-list th{background-color:#f9fafb;color:#374151;font-weight:600;text-align:left}.user-list td,.user-list th{border-bottom:1px solid #e5e7eb;font-size:14px;padding:16px}.user-list td{color:#1f2937}.user-list tr:last-child td{border-bottom:none}.user-list tr:hover td{background-color:#f8f9fc}.no-users-message{background:#f9fafb;border-radius:8px;color:#6b7280;font-style:italic;margin:10px 0;padding:30px;text-align:center}.violation-descriptions-manager{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:20px 0;padding:20px}.violation-descriptions-manager h2{border-bottom:1px solid #eee;color:#483d8b;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:15px}.descriptions-list{display:flex;flex-direction:column;gap:20px}.description-item{grid-gap:15px;align-items:center;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000000a;display:grid;gap:15px;grid-template-columns:1fr 2fr auto;padding:15px;transition:box-shadow .2s ease}.description-item:hover{box-shadow:0 4px 8px #00000014}.violation-name{color:#234f78;font-weight:600}.description-text{color:#444;font-size:.95rem;line-height:1.5}.edit-btn{background-color:#5d4da3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background-color .2s ease}.edit-btn:hover{background-color:#483d8b}.edit-container{display:flex;flex-direction:column;gap:10px;grid-column:2/span 2}.description-editor{border:1px solid #ddd;border-radius:4px;font-family:inherit;min-height:80px;padding:10px;resize:vertical;width:100%}.description-editor:focus{border-color:#5d4da3;box-shadow:0 0 0 2px #5d4da333;outline:none}.edit-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.save-btn{background-color:#06d6a0;color:#fff}.save-btn:hover{background-color:#05be8c}.cancel-btn{background-color:#f1f1f1;color:#555}.cancel-btn:hover{background-color:#e5e5e5}.success-message{animation:fadeOut 3s forwards;animation-delay:2s;background-color:#d4f8d3;color:#2a802a}.error,.success-message{border-radius:6px;font-weight:500;margin-bottom:20px;padding:12px 16px}.error{background-color:#fdd;color:#c00}.loading{color:#483d8b;font-weight:500;padding:30px;text-align:center}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.description-item{grid-template-columns:1fr}.edit-container{grid-column:1}.violation-name{margin-bottom:5px}.description-text{margin-bottom:10px}}
/*# sourceMappingURL=main.f062b42c.css.map*/