:root{--bg-page:#f5f7fb;--bg-card:#fff;--bg-header:#fff;--bg-muted:#f8f9fa;--text-primary:#234f78;--text-body:#2c3e50;--text-muted:#666;--border:#f0f0f0;--chart-tick:#000;--chart-grid:#e0e0e0;--shadow:#00000014}[data-theme=dark]{--bg-page:#1f2023;--bg-card:#2a2d31;--bg-header:#25282c;--bg-muted:#32363b;--text-primary:#e1e1e6;--text-body:#e1e1e6;--text-muted:#a0a0a0;--border:#ffffff1f;--chart-tick:#e1e1e6;--chart-grid:#444;--shadow:#00000059}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fb;background-color:var(--bg-page);border:none;color:#2c3e50;color:var(--text-body);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}#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}.app,body,html{background-color:var(--bg-page);height:100%;overflow:hidden}.app{display:flex;flex-direction:column;max-height:100dvh}.main-header{background-color:var(--bg-header);border-bottom:1px solid var(--border);box-shadow:0 4px 12px var(--shadow);flex-shrink:0;height:70px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.header-left,.main-header{align-items:center;display:flex}.header-left{gap:12px;min-width:0}.sidebar-toggle-btn{align-items:center;background-color:var(--bg-muted);border:1px solid var(--border);border-radius:10px;color:var(--text-body);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;width:40px}.sidebar-toggle-btn:hover{background-color:var(--bg-card);border-color:#4a90e2}.sidebar-toggle-btn:active{transform:scale(.96)}.sidebar-toggle-icon{display:inline-block;font-size:18px;line-height:1;transition:transform .35s cubic-bezier(.4,0,.2,1)}.sidebar-toggle-btn.is-closed .sidebar-toggle-icon{transform:rotate(90deg)}.sidebar-toggle-btn.is-open .sidebar-toggle-icon{transform:rotate(0deg)}.content-container{border:none;box-shadow:none;display:flex;flex:1 1;gap:0;min-height:0;outline:none;overflow:hidden;position:relative}.content-container.sidebar-hidden .main-content{margin-left:0}.content-container.sidebar-hidden .sidebar-blocker{opacity:0;pointer-events:none;width:0!important}.sidebar-blocker{transition:width .35s cubic-bezier(.4,0,.2,1),opacity .25s ease}.main-content{background-color:var(--bg-page);display:flex;flex:1 1;flex-direction:column;height:100%;margin-left:12px;min-height:0;min-width:0;overflow:hidden;padding:20px;position:relative;transition:margin-left .35s cubic-bezier(.4,0,.2,1);z-index:0}.header-logo{align-items:center;display:flex;height:50px}.header-logo img{height:50px;object-fit:contain;width:auto}.scrollable-content{flex:1 1;min-height:0;overflow-y:auto;padding-right:10px}.dashboard-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-auto-rows:320px;grid-template-columns:1fr 1fr;margin-bottom:16px}.dashboard-grid>*{height:320px;max-height:320px;min-height:0;min-width:0;overflow:hidden}.dashboard-grid .chart-container,.dashboard-grid .drivers-rank,.dashboard-grid .sessions-score-chart,.dashboard-grid .sleek-chart-container,.dashboard-grid .trend-analysis-card,.dashboard-grid>*>.chart-container,.dashboard-grid>*>.sessions-score-chart,.dashboard-grid>*>.sleek-chart-container,.dashboard-grid>*>.trend-analysis-card{box-sizing:border-box;height:320px!important;max-height:320px!important;min-height:0!important;overflow:hidden}@media (max-width:1200px){.dashboard-grid{grid-auto-rows:320px;grid-template-columns:1fr}}.chart-container{background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 12px var(--shadow);box-sizing:border-box;color:var(--text-body);display:flex;flex-direction:column;height:320px;max-height:320px;min-height:0;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}.header-actions{align-items:center;display:flex;gap:12px}.theme-toggle-btn{background-color:var(--bg-muted);border:1px solid var(--border);border-radius:20px;color:var(--text-body);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:background-color .2s ease,color .2s ease}.theme-toggle-btn:hover{background-color:var(--bg-card)}.user-profile-container{position:relative}.user-profile{align-items:center;background-color:var(--bg-muted);border-radius:28px;box-shadow:0 2px 10px var(--shadow);cursor:pointer;display:flex;padding:6px 16px;transition:all .2s ease}.user-profile:hover{background-color:var(--bg-card);transform:translateY(-1px)}.user-avatar{background-color:#eef2ff;border:2px solid var(--bg-header);border-radius:50%;box-shadow:0 2px 5px var(--shadow);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:var(--text-muted);font-size:10px}.user-names{color:var(--text-body);font-size:18px;font-weight:600}.user-role{color:var(--text-muted);font-size:10px;font-weight:600;margin-top:0}.dropdown-icon{color:var(--text-muted);font-size:8px;margin-left:8px}.user-dropdown-menu{background-color:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 12px var(--shadow);overflow:hidden;position:absolute;right:0;top:110%;width:180px;z-index:100}.dropdown-item{align-items:center;color:var(--text-body);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .2s ease}.dropdown-item:hover{background-color:var(--bg-muted)}.dropdown-divider{background-color:var(--border);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:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 12px var(--shadow);height:320px;max-height:320px;min-height:0}.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;box-shadow:none;color:#fff;display:flex;flex-direction:column;left:0;margin-left:0;outline:none;overflow-x:hidden;overflow-y:auto;padding:20px;pointer-events:auto;top:0;transform:translateX(0);transition:transform .35s cubic-bezier(.4,0,.2,1);will-change:transform}.sidebar,.sidebar-shell{align-self:stretch;flex-shrink:0;height:100%;min-height:0;position:relative;width:280px;z-index:20}.sidebar-shell{overflow:hidden;transition:width .35s cubic-bezier(.4,0,.2,1);will-change:width}.sidebar-shell.is-closed{width:0}.sidebar-shell.is-closed .sidebar{pointer-events:none;transform:translateX(-100%)}.sidebar-shell.is-open .sidebar{pointer-events:auto;transform:translateX(0)}.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;min-height:0;overflow-y:auto;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}.sessions-score-chart{background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 10px var(--shadow);box-sizing:border-box;color:var(--text-body);display:flex;flex-direction:column;height:320px;max-height:320px;min-height:0;overflow:hidden;padding:12px 14px;width:100%}.sessions-score-chart .sessions-score-header{align-items:center;border-bottom:1px solid #4a90e2;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.sessions-score-chart .sessions-score-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:6px;letter-spacing:.2px;line-height:1.3;margin:0;min-width:0}.sessions-score-chart .view-selector{-webkit-appearance:none;appearance:none;background-color:var(--bg-muted);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%23666%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 var(--border);border-radius:6px;color:var(--text-body);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;min-width:130px;padding:6px 28px 6px 12px;transition:border-color .2s ease,box-shadow .2s ease}.sessions-score-chart .view-selector:hover{border-color:#4a90e2}.sessions-score-chart .view-selector:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e226;outline:none}.sessions-score-chart .loading-container{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;font-size:14px;gap:10px;justify-content:center}.sessions-score-chart .sessions-score-loader{animation:sessions-score-spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top:2px solid #4a90e2;height:28px;width:28px}@keyframes sessions-score-spin{to{transform:rotate(1turn)}}.sessions-score-chart .sessions-chart-canvas{flex:1 1 auto;height:100%;max-height:none;min-height:0;overflow:hidden;padding:4px 2px 0;position:relative}.sessions-score-chart .info-tooltip{align-items:center;display:inline-flex;margin-left:2px;position:relative;z-index:5}.sessions-score-chart .info-icon{align-items:center;background-color:#4a90e2;border-radius:50%;color:#fff;cursor:help;display:inline-flex;flex-shrink:0;font-size:11px;font-style:italic;font-weight:700;height:16px;justify-content:center;width:16px}.sessions-score-chart .tooltip-text{background-color:#333;border-radius:6px;box-shadow:0 4px 12px #0003;color:#fff;font-size:12px;font-weight:400;left:0;line-height:1.4;max-width:240px;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;top:calc(100% + 8px);transition:opacity .15s ease,visibility .15s ease;visibility:hidden;white-space:normal;width:max-content;z-index:20}.sessions-score-chart .info-tooltip:hover .tooltip-text{opacity:1;visibility:visible}[data-theme=dark] .sessions-score-chart .tooltip-text{background-color:#1a1a1a;border:1px solid #ffffff1f}.drivers-rank{background-color:var(--bg-card);border:1px solid var(--border);border-radius:5px;box-shadow:0 2px 5px var(--shadow);box-sizing:border-box;color:var(--text-body);display:flex;flex-direction:column;height:320px;margin-bottom:0;max-height:320px;min-height:0;overflow:hidden;padding:12px}.chart-title{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;margin-bottom:10px}.drivers-rank table{border-collapse:collapse;width:100%}.drivers-rank td,.drivers-rank th{border-bottom:1px solid var(--border);color:var(--text-body);padding:8px;text-align:left}.drivers-rank th{color:var(--text-muted);font-weight:600}.star-rating{color:gold}.driver-row{cursor:pointer;transition:background-color .2s ease}.driver-row:hover{background-color:var(--bg-muted)}@media (max-width:768px){.drivers-rank td,.drivers-rank th{font-size:14px;padding:8px 5px}}.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}.driver-assessment-body{flex:1 1;max-height:90vh;min-width:0;overflow-y:auto;padding:25px}.driver-assessment-body::-webkit-scrollbar{width:8px}.driver-assessment-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.driver-assessment-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.driver-assessment-body::-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}.driver-assessment-body{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){.driver-assessment-body{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;flex-shrink:0;min-height:280px;padding:25px 20px;width:220px}.bottom-row .leaderboard-position,.trend-analysis-card{box-sizing:border-box;display:flex;flex-direction:column}.trend-analysis-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 10px var(--shadow);color:var(--text-body);height:320px;max-height:320px;min-height:0;overflow:hidden;padding:12px 14px;width:100%}.trend-analysis-card .trend-analysis-header{align-items:center;border-bottom:1px solid #4a90e2;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.trend-analysis-card .trend-analysis-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:6px;letter-spacing:.2px;line-height:1.3;margin:0;min-width:0}.trend-analysis-card .info-tooltip{align-items:center;display:inline-flex;margin-left:2px;position:relative;z-index:5}.trend-analysis-card .info-icon{align-items:center;background-color:#4a90e2;border-radius:50%;color:#fff;cursor:help;display:inline-flex;flex-shrink:0;font-size:11px;font-style:italic;font-weight:700;height:16px;justify-content:center;margin-left:0;opacity:1;width:16px}.trend-analysis-card .tooltip-text{background-color:#333;border-radius:6px;box-shadow:0 4px 12px #0003;color:#fff;font-size:12px;font-weight:400;left:0;line-height:1.4;max-width:240px;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;top:calc(100% + 8px);transition:opacity .15s ease,visibility .15s ease;visibility:hidden;white-space:normal;width:max-content;z-index:20}.trend-analysis-card .info-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.trend-analysis-card .loading-container{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;font-size:14px;gap:10px;justify-content:center;min-height:0}.trend-analysis-card .trend-analysis-loader{animation:trend-analysis-spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top:2px solid #4a90e2;height:28px;width:28px}@keyframes trend-analysis-spin{to{transform:rotate(1turn)}}.trend-analysis-card .trend-table-container{flex:1 1 auto;margin-right:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px}.trend-analysis-card .trend-table-container::-webkit-scrollbar{width:6px}.trend-analysis-card .trend-table-container::-webkit-scrollbar-track{background:#0000}.trend-analysis-card .trend-table-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.trend-analysis-card .trend-table{border-collapse:initial;border-spacing:0 6px;width:100%}.trend-analysis-card .trend-table td,.trend-analysis-card .trend-table th{border-bottom:none;color:var(--text-body);padding:6px 8px;text-align:left;vertical-align:middle}.trend-analysis-card .trend-table td:first-child,.trend-analysis-card .trend-table th:first-child{padding-left:4px;width:38%}.trend-analysis-card .trend-table td:last-child,.trend-analysis-card .trend-table th:last-child{padding-right:4px;width:62%}.trend-analysis-card .trend-table th{background:var(--bg-card);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.3px;padding-bottom:8px;padding-top:0;position:sticky;text-transform:uppercase;top:0;z-index:2}.trend-analysis-card .trend-table tbody tr{transition:background-color .15s ease}.trend-analysis-card .trend-table tbody tr:hover td{background-color:var(--bg-muted)}.trend-analysis-card .trend-table tbody tr:hover td:first-child{border-radius:8px 0 0 8px}.trend-analysis-card .trend-table tbody tr:hover td:last-child{border-radius:0 8px 8px 0}.trend-analysis-card .bar-container{align-items:center;background-color:var(--bg-muted);border-radius:999px;box-shadow:none;display:flex;height:22px;margin:0;overflow:visible;position:relative;width:100%}.trend-analysis-card .percentage-bar{align-items:center;animation:trendGrowBar .55s ease-out forwards;background:linear-gradient(90deg,#43a047,#e53935);border-radius:999px;display:flex;height:100%;justify-content:flex-end;min-width:36px;position:relative;transform-origin:left}.trend-analysis-card .bar-label{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:700;height:100%;position:absolute;right:10px;text-shadow:0 1px 1px #0003;white-space:nowrap;z-index:1}.trend-analysis-card .bar-label.outside-label{color:var(--text-body);right:-6px;text-shadow:none;transform:translateX(100%)}@keyframes trendGrowBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.trend-analysis-card .violation-name-container,.trend-analysis-card .violation-tooltip{display:block;max-width:100%;position:relative}.trend-analysis-card .violation-tooltip{color:var(--text-body);cursor:help;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease;white-space:nowrap}.trend-analysis-card .violation-tooltip:hover{color:#4a90e2}.trend-analysis-card .violation-tooltip[data-tooltip]:hover:after{background:#222;border-radius:8px;box-shadow:0 4px 16px #0003;color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:400;left:0;line-height:1.4;max-width:260px;min-width:200px;padding:10px 12px;pointer-events:none;position:absolute;top:calc(100% + 8px);white-space:pre-line;z-index:30}.trend-analysis-card .violation-tooltip[data-tooltip]:hover:before{border:6px solid;border-color:#0000 #0000 #222;content:"";left:12px;pointer-events:none;position:absolute;top:calc(100% + 2px);z-index:31}[data-theme=dark] .trend-analysis-card .tooltip-text,[data-theme=dark] .trend-analysis-card .violation-tooltip[data-tooltip]:hover:after{background-color:#1a1a1a;border:1px solid #ffffff1f}[data-theme=dark] .trend-analysis-card .violation-tooltip[data-tooltip]:hover:before{border-color:#0000 #0000 #1a1a1a}[data-theme=dark] .trend-analysis-card .percentage-bar{filter:saturate(1.05)}.trend-analysis-page{background-color:#f5f5fa;display:flex;flex:1 1;flex-direction:column;min-height:0;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{background-color:#fff;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:100%;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;min-height:0;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;min-height:0;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}.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%)}.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:none;overflow:visible;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{background-color:#ffebee;border-left:4px solid #d32f2f;color:#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:initial;box-sizing:border-box;color:var(--text-body);margin:0 auto;max-width:1400px;min-height:100%;padding:4px 4px 28px;width:100%}.driver-score-category-page .page-header{align-items:center;background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 10px var(--shadow);display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 18px}.driver-score-category-page .header-left{align-items:center;display:flex;gap:12px;min-width:0}.driver-score-category-page .page-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.driver-score-category-page .header-tooltip{align-items:center;display:inline-flex;margin-left:2px;position:relative;z-index:5}.driver-score-category-page .header-tooltip .info-icon{align-items:center;background-color:#4a90e2;border-radius:50%;color:#fff;cursor:help;display:inline-flex;font-size:11px;font-style:italic;font-weight:700;height:16px;justify-content:center;transition:background-color .2s ease;width:16px}.driver-score-category-page .header-tooltip:hover .info-icon{background-color:#357abd}.driver-score-category-page .header-tooltip .tooltip-text{background-color:#333;border-radius:6px;box-shadow:0 4px 12px #0003;color:#fff;font-size:12px;font-weight:400;left:0;line-height:1.4;max-width:260px;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;top:calc(100% + 8px);transition:opacity .15s ease,visibility .15s ease;visibility:hidden;white-space:normal;width:max-content;z-index:30}.driver-score-category-page .header-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.driver-score-category-page .header-tooltip .tooltip-text:before{border:6px solid;border-color:#0000 #0000 #333;bottom:100%;content:"";left:10px;position:absolute}.driver-score-category-page .back-button{align-items:center;background-color:var(--bg-muted);border:1px solid var(--border);border-radius:8px;color:var(--text-body);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;padding:8px 14px;transition:background-color .2s ease,border-color .2s ease}.driver-score-category-page .back-button:hover{background-color:var(--bg-card);border-color:#4a90e2}.driver-score-category-page .category-bars,.driver-score-category-page .drivers-table-container{box-sizing:border-box;margin-left:0;margin-right:0;max-width:none;min-width:0;width:100%}.driver-score-category-page .category-bars{background:var(--bg-card);border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0;box-shadow:none;display:flex;height:auto;margin-bottom:0;min-height:48px;overflow:hidden;position:relative}.driver-score-category-page .category-bar{align-items:center;border-radius:0;border-right:1px solid #fff3;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:0;justify-content:center;overflow:hidden;padding:14px 8px;position:relative;text-align:center;transition:filter .2s ease,opacity .2s ease,box-shadow .2s ease;z-index:2}.driver-score-category-page .category-bar:last-of-type{border-right:none}.driver-score-category-page .category-bar.selected{background-image:none;box-shadow:inset 0 -3px 0 #fffffff2;filter:brightness(1.06);transform:none;z-index:3}.driver-score-category-page .category-bar:not(.selected){opacity:.88}.driver-score-category-page .category-bar:not(.selected):hover{background-image:none;box-shadow:none;filter:brightness(1.05);opacity:1;transform:none}.driver-score-category-page .category-bar:active{filter:brightness(.96);transform:none}.driver-score-category-page .category-bar.all{background-color:#5d4a8c;color:#fff}.driver-score-category-page .category-bar.excellent{background-color:#43a047;color:#fff}.driver-score-category-page .category-bar.good{background-color:#fbc02d;color:#333}.driver-score-category-page .category-bar.good.selected{box-shadow:inset 0 -3px 0 #333}.driver-score-category-page .category-bar.average{background-color:#fb8c00;color:#fff}.driver-score-category-page .category-bar.poor{background-color:#e53935;color:#fff}.driver-score-category-page .category-divider,.driver-score-category-page .category-underline,.driver-score-category-page .connection-bridge{display:none}.driver-score-category-page .drivers-table-container{background-color:var(--bg-card);border:1px solid var(--border);border-radius:0 0 12px 12px;box-shadow:0 2px 10px var(--shadow);margin-top:0;max-height:min(62vh,580px);overflow:auto;position:relative;z-index:0}.driver-score-category-page .drivers-table-container::-webkit-scrollbar{height:8px;width:8px}.driver-score-category-page .drivers-table-container::-webkit-scrollbar-track{background:var(--bg-muted)}.driver-score-category-page .drivers-table-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.driver-score-category-page .drivers-table-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.driver-score-category-page .drivers-table{border-collapse:initial;border-radius:0;border-spacing:0;overflow:visible;table-layout:fixed;width:100%}.driver-score-category-page .drivers-table thead{background-color:var(--bg-muted);position:sticky;top:0;z-index:2}.driver-score-category-page .drivers-table th{background:var(--bg-muted);border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:12px 14px;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.driver-score-category-page .drivers-table th:first-child,.driver-score-category-page .drivers-table th:nth-child(2),.driver-score-category-page .drivers-table th:nth-child(3),.driver-score-category-page .drivers-table th:nth-child(4),.driver-score-category-page .drivers-table th:nth-child(5),.driver-score-category-page .drivers-table th:nth-child(6){background:var(--bg-muted)}.driver-score-category-page .drivers-table th:not(:last-child):after{display:none}.driver-score-category-page .drivers-table th:first-child,.driver-score-category-page .drivers-table th:last-child{border-radius:0}.driver-score-category-page .drivers-table th:first-child{width:8%}.driver-score-category-page .drivers-table th:nth-child(2){width:20%}.driver-score-category-page .drivers-table th:nth-child(3){width:22%}.driver-score-category-page .drivers-table th:nth-child(4){width:18%}.driver-score-category-page .drivers-table th:nth-child(5){width:12%}.driver-score-category-page .drivers-table th:nth-child(6){width:20%}.driver-score-category-page .drivers-table td{background:#0000;border-bottom:1px solid var(--border);color:var(--text-body);font-size:13px;overflow:hidden;padding:12px 14px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.driver-score-category-page .drivers-table tbody tr{animation:none;opacity:1;transition:background-color .15s ease}.driver-score-category-page .drivers-table tbody tr:hover{background:var(--bg-muted);box-shadow:none}.driver-score-category-page .drivers-table tr.even-row,.driver-score-category-page .drivers-table tr:nth-child(2n),.driver-score-category-page .drivers-table tr:nth-child(odd){background-color:initial}.driver-score-category-page .drivers-table tr:last-child td{border-bottom:none}.driver-score-category-page .category-badge{align-items:center;animation:none;background:var(--bg-muted);border:1px solid #0000;border-radius:999px;color:var(--text-body);display:inline-flex;font-size:12px;font-weight:600;justify-content:center;min-width:88px;overflow:hidden;padding:5px 12px;position:relative;text-align:center}.driver-score-category-page .category-badge.excellent{background:#43a04729;border-color:#43a04747;color:#2e7d32}.driver-score-category-page .category-badge.good{background:#fbc02d38;border-color:#fbc02d66;color:#8d6e00}.driver-score-category-page .category-badge.average{background:#fb8c0029;border-color:#fb8c0047;color:#ef6c00}.driver-score-category-page .category-badge.poor{background:#e5393524;border-color:#e5393547;color:#c62828}[data-theme=dark] .driver-score-category-page .category-badge.excellent{background:#4caf5038;border-color:#4caf5059;color:#81c784}[data-theme=dark] .driver-score-category-page .category-badge.good{background:#fbc02d33;border-color:#fbc02d59;color:#ffd54f}[data-theme=dark] .driver-score-category-page .category-badge.average{background:#ffa72633;border-color:#ffa72659;color:#ffb74d}[data-theme=dark] .driver-score-category-page .category-badge.poor{background:#ef535033;border-color:#ef535059;color:#ef9a9a}.driver-score-category-page .score-cell{color:var(--text-primary);font-size:14px;font-weight:700;text-align:left}.driver-score-category-page .add-remarks-btn{background-color:#5d4a8c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:7px 12px;transition:background-color .2s ease,transform .15s ease}.driver-score-category-page .add-remarks-btn:hover{background-color:#4a3a73}.driver-score-category-page .add-remarks-btn:active{transform:translateY(1px)}.driver-score-category-page .loading-container{align-items:center;background-color:initial;border-radius:0;color:var(--text-muted);display:flex;flex-direction:column;font-size:14px;gap:12px;height:auto;justify-content:center;min-height:220px}.driver-score-category-page .loading-spinner{animation:driverScoreSpin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top:2px solid #4a90e2;height:28px;width:28px}@keyframes driverScoreSpin{to{transform:rotate(1turn)}}.driver-score-category-page .no-data{background-color:var(--bg-muted);border:none;border-radius:0;box-sizing:border-box;color:var(--text-muted);font-size:14px;margin:0;max-width:none;min-width:0;padding:36px 20px;text-align:center;width:100%}.driver-score-category-page .modal-overlay{align-items:center;animation:driverScoreModalFade .2s ease;background-color:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.driver-score-category-page .remarks-modal{animation:driverScoreModalScale .2s ease;background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px var(--shadow);color:var(--text-body);margin:20px;max-width:480px;padding:22px;position:relative;width:90%;z-index:10000}.driver-score-category-page .modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.driver-score-category-page .modal-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.driver-score-category-page .close-button{align-items:center;background:var(--bg-muted);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.driver-score-category-page .close-button:hover{background-color:var(--bg-card);color:var(--text-body)}.driver-score-category-page .remarks-textarea{background:var(--bg-muted);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-body);font-family:inherit;font-size:14px;line-height:1.5;margin-bottom:16px;min-height:120px;padding:12px;resize:vertical;width:100%}.driver-score-category-page .remarks-textarea:focus{border-color:#5d4a8c;box-shadow:0 0 0 2px #5d4a8c2e;outline:none}.driver-score-category-page .modal-buttons{display:flex;gap:10px;justify-content:flex-end}.driver-score-category-page .modal-button{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:9px 16px}.driver-score-category-page .modal-button.cancel{background-color:var(--bg-muted);border:1px solid var(--border);color:var(--text-body)}.driver-score-category-page .modal-button.submit{background-color:#5d4a8c;color:#fff}.driver-score-category-page .modal-button.submit:hover{background-color:#4a3a73}.driver-score-category-page .modal-button:disabled{cursor:not-allowed;opacity:.6}.driver-score-category-page .error-message{background-color:#ef44441f;border:1px solid #ef444440;border-radius:8px;color:#dc2626;font-size:13px;margin-bottom:14px;padding:10px 12px}.driver-score-category-page .success-notification{animation:driverScoreSlideIn .25s ease-out,driverScoreFadeOut .3s ease-in 2.7s;animation-fill-mode:forwards;background-color:#22c55e;border-radius:10px;box-shadow:0 8px 24px #0000002e;color:#fff;font-size:13px;font-weight:600;padding:12px 18px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes driverScoreSlideIn{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes driverScoreFadeOut{0%{opacity:1}to{opacity:0}}@keyframes driverScoreModalFade{0%{opacity:0}to{opacity:1}}@keyframes driverScoreModalScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.driver-score-category-page.embedded{background-color:initial;box-shadow:none;margin:0;max-width:none;min-height:0;padding:0;width:100%}.driver-score-category-page.embedded .page-header{background:#0000;border:none;border-bottom:1px solid #4a90e2;border-radius:0;box-shadow:none;margin-bottom:12px;padding:0 0 10px}.driver-score-category-page.embedded .page-header h1{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.driver-score-category-page.embedded .category-bars,.driver-score-category-page.embedded .drivers-table-container{max-width:100%;min-width:0}.driver-score-category-page.embedded .drivers-table-container{max-height:min(48vh,420px)}.driver-score-category-page.embedded .no-data{max-width:none;min-width:0}@media (max-width:900px){.driver-score-category-page .drivers-table{min-width:760px;table-layout:auto}.driver-score-category-page .category-bar{font-size:12px;padding:12px 4px}}@media (max-width:640px){.driver-score-category-page .page-header{padding:14px}.driver-score-category-page .header-left{flex-wrap:wrap}}[data-theme=dark] .driver-score-category-page .header-tooltip .tooltip-text{background-color:#1a1a1a;border:1px solid #ffffff1f}[data-theme=dark] .driver-score-category-page .header-tooltip .tooltip-text:before{border-color:#0000 #0000 #1a1a1a}.driver-segmentation-content{box-sizing:border-box;color:var(--text-body);display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1400px;padding:4px 4px 28px;width:100%}.driver-segmentation-content .page-title{align-items:center;background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 10px var(--shadow);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0;padding:16px 18px}.driver-segmentation-content .page-title h2{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:8px;letter-spacing:.2px;margin:0;min-width:0;white-space:nowrap}.driver-segmentation-content .header-tooltip{align-items:center;display:inline-flex;margin-left:2px;position:relative;z-index:5}.driver-segmentation-content .header-tooltip .info-icon{align-items:center;background-color:#4a90e2;border-radius:50%;color:#fff;cursor:help;display:inline-flex;font-size:11px;font-style:italic;font-weight:700;height:16px;justify-content:center;transition:background-color .2s ease;width:16px}.driver-segmentation-content .header-tooltip:hover .info-icon{background-color:#357abd}.driver-segmentation-content .header-tooltip .tooltip-text{background-color:#333;border-radius:6px;box-shadow:0 4px 12px #0003;color:#fff;font-size:12px;font-weight:400;left:0;line-height:1.4;max-width:260px;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;top:calc(100% + 8px);transition:opacity .15s ease,visibility .15s ease;visibility:hidden;white-space:normal;width:max-content;z-index:30}.driver-segmentation-content .header-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.driver-segmentation-content .header-tooltip .tooltip-text:before{border:6px solid;border-color:#0000 #0000 #333;bottom:100%;content:"";left:10px;position:absolute}.driver-segmentation-content .equipment-dropdown-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.driver-segmentation-content .dropdown-label{color:var(--text-muted);font-size:13px;font-weight:600;white-space:nowrap}.driver-segmentation-content .equipment-dropdown{display:inline-block;position:relative;z-index:10}.driver-segmentation-content .vehicle-select{-webkit-appearance:none;appearance:none;background-color:var(--bg-muted);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%23666%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:8px;border:1px solid var(--border);border-radius:8px;color:var(--text-body);cursor:pointer;font-size:13px;font-weight:500;min-width:200px;outline:none;padding:8px 32px 8px 12px;transition:border-color .2s ease,box-shadow .2s ease}.driver-segmentation-content .vehicle-select:hover{border-color:#4a90e2}.driver-segmentation-content .vehicle-select:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e226}.driver-segmentation-content .vehicle-select:disabled{cursor:not-allowed;opacity:.6}.driver-segmentation-content .score-category-section,.driver-segmentation-content .segmentation-section{margin:0;width:100%}.driver-segmentation-content .score-category-panel,.driver-segmentation-content .segmentation-container{background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 10px var(--shadow);min-height:0;overflow:hidden;width:100%}.driver-segmentation-content .score-category-panel{padding:16px 18px 18px}.driver-segmentation-content .section-heading{align-items:center;border-bottom:1px solid #4a90e2;display:flex;gap:12px;justify-content:space-between;margin:0 0 14px;padding-bottom:10px}.driver-segmentation-content .section-heading h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}@media (max-width:768px){.driver-segmentation-content{gap:16px;padding:0 0 20px}.driver-segmentation-content .page-title{align-items:flex-start;flex-direction:column;padding:14px}.driver-segmentation-content .equipment-dropdown,.driver-segmentation-content .equipment-dropdown-container,.driver-segmentation-content .vehicle-select{width:100%}.driver-segmentation-content .score-category-panel{padding:14px}}[data-theme=dark] .driver-segmentation-content .header-tooltip .tooltip-text{background-color:#1a1a1a;border:1px solid #ffffff1f}[data-theme=dark] .driver-segmentation-content .header-tooltip .tooltip-text:before{border-color:#0000 #0000 #1a1a1a}.segmentation.modern{background-color:initial;border-radius:0;box-shadow:none;box-sizing:border-box;color:var(--text-body);cursor:default;display:flex;flex-direction:column;height:100%;min-height:280px;overflow:hidden;padding:16px 18px 18px;position:relative}.segmentation.modern:hover{box-shadow:none;transform:none}.segmentation.modern .chart-header{align-items:center;border-bottom:1px solid #4a90e2;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;padding-bottom:10px}.segmentation.modern .chart-title{color:var(--text-primary);font-size:16px;font-weight:600;letter-spacing:.2px;margin:0}.segmentation.modern .chart-actions{align-items:center;display:flex;gap:12px}.segmentation.modern .total-drivers{align-items:center;background-color:var(--bg-muted);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);display:flex;font-size:13px;gap:6px;padding:6px 12px}.segmentation.modern .total-icon{font-size:14px}.segmentation.modern .total-count{color:var(--text-body);font-weight:600}.segmentation.modern .segmentation-legend{grid-gap:10px;display:grid;gap:10px;grid-template-columns:minmax(120px,180px) 70px 1fr;margin-bottom:8px;padding:0 8px}.segmentation.modern .legend-item{color:var(--text-muted);font-size:11px;letter-spacing:.4px;text-transform:uppercase}.segmentation.modern .legend-label{font-weight:600}.segmentation.modern .chart-grid{display:flex;flex:1 1;flex-direction:column;gap:10px;margin-top:4px}.segmentation.modern .segmentation-item{grid-gap:10px;align-items:center;border-radius:10px;display:grid;gap:10px;grid-template-columns:minmax(120px,180px) 70px 1fr;padding:8px 10px;position:relative;transition:background-color .15s ease}.segmentation.modern .segmentation-item:hover{background-color:var(--bg-muted)}.segmentation.modern .risk-level{align-items:center;color:var(--text-body);display:flex;font-size:14px;font-weight:600;gap:8px;padding-left:2px}.segmentation.modern .segment-name{white-space:nowrap}.segmentation.modern .count-badge{color:var(--text-body);font-size:14px;font-weight:700;text-align:center}.segmentation.modern .bar-container{background-color:var(--bg-muted);border-radius:999px;box-shadow:none;height:22px;overflow:hidden;position:relative;width:100%}.segmentation.modern .bar-scale{inset:0;pointer-events:none;position:absolute;z-index:1}.segmentation.modern .scale-marker{background-color:var(--border);bottom:0;position:absolute;top:0;width:1px}.segmentation.modern .risk-bar{border-radius:999px;height:100%;overflow:hidden;position:relative;transition:width 1s cubic-bezier(.16,1,.3,1);width:0;z-index:2}.segmentation.modern .percentage-badge{color:#fff;font-size:11px;font-weight:700;position:absolute;right:10px;text-shadow:0 1px 2px #00000040;top:50%;transform:translateY(-50%)}.segmentation.modern .segment-tooltip{animation:segmentationFadeIn .2s;background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px var(--shadow);padding:12px;pointer-events:none;position:absolute;transform:translate(-50%,-100%);width:180px;z-index:20}.segmentation.modern .tooltip-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:8px;margin-bottom:8px;padding-bottom:8px}.segmentation.modern .tooltip-indicator{border-radius:50%;height:10px;width:10px}.segmentation.modern .tooltip-title{color:var(--text-body);font-size:14px;font-weight:600}.segmentation.modern .tooltip-content{display:flex;flex-direction:column;gap:8px}.segmentation.modern .tooltip-stat{display:flex;font-size:13px;justify-content:space-between}.segmentation.modern .stat-label{color:var(--text-muted)}.segmentation.modern .stat-value{color:var(--text-body);font-weight:600}.segmentation.modern .chart-footer{border-top:1px solid var(--border);color:var(--text-muted);font-size:12px;margin-top:14px;padding-top:12px;text-align:center}.segmentation.modern .chart-note{align-items:center;background-color:var(--bg-muted);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);display:inline-flex;padding:6px 12px}.segmentation.modern .chart-note:before{align-items:center;background:#4a90e2;border-radius:50%;color:#fff;content:"i";display:inline-flex;font-size:10px;font-style:italic;font-weight:700;height:14px;justify-content:center;margin-right:8px;width:14px}.segmentation.modern .skeleton-bar{grid-gap:10px;align-items:center;animation:segmentationPulse 1.5s infinite;display:grid;gap:10px;grid-template-columns:minmax(120px,180px) 70px 1fr;padding:8px 10px}.segmentation.modern .skeleton-label{background-color:var(--bg-muted);border-radius:4px;height:14px;width:100px}.segmentation.modern .skeleton-bar-container{background-color:var(--bg-muted);border-radius:999px;height:22px;overflow:hidden;position:relative;width:100%}.segmentation.modern .skeleton-progress{background-color:var(--border);border-radius:999px;height:100%;width:55%}.segmentation.modern .high-risk{color:#e53935}.segmentation.modern .high-risk.risk-bar,.segmentation.modern .high-risk.tooltip-indicator{background:linear-gradient(90deg,#e53935,#ef5350)}.segmentation.modern .mid-risk{color:#fb8c00}.segmentation.modern .mid-risk.risk-bar,.segmentation.modern .mid-risk.tooltip-indicator{background:linear-gradient(90deg,#fb8c00,#ffa726)}.segmentation.modern .low-risk{color:#f9a825}.segmentation.modern .low-risk.risk-bar,.segmentation.modern .low-risk.tooltip-indicator{background:linear-gradient(90deg,#fbc02d,#fdd835)}.segmentation.modern .safe{color:#43a047}.segmentation.modern .safe.risk-bar,.segmentation.modern .safe.tooltip-indicator{background:linear-gradient(90deg,#43a047,#66bb6a)}@keyframes segmentationFadeIn{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes segmentationPulse{0%,to{opacity:.55}50%{opacity:1}}@media (max-width:700px){.segmentation.modern{padding:14px}.segmentation.modern .segmentation-item,.segmentation.modern .segmentation-legend,.segmentation.modern .skeleton-bar{grid-template-columns:minmax(90px,120px) 50px 1fr}.segmentation.modern .chart-header{align-items:flex-start;flex-direction:column}}.sleek-chart-container,.sleek-chart-container.chart-container{background-color:var(--bg-card);border-radius:10px;box-shadow:0 2px 5px var(--shadow);box-sizing:border-box;color:var(--text-body);display:flex;flex-direction:column;height:320px;max-height:320px;min-height:0;overflow:hidden;padding:12px 14px}.chart-container-enhanced{box-shadow:0 4px 10px #0000001a;max-height:320px;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}[data-theme=dark] .dark-mode{background-color:var(--bg-card);border:1px solid var(--border);box-shadow:0 8px 32px var(--shadow);color:var(--text-body);transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .dark-mode:hover{box-shadow:0 12px 40px var(--shadow);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){.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}[data-theme=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}[data-theme=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:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 10px var(--shadow);box-sizing:border-box;color:var(--text-body);display:flex;flex-direction:column;height:320px;max-height:320px;min-height:0;overflow:hidden;padding:12px 14px;transition:all .3s ease;width:100%}.sleek-header{border-bottom:1px solid #4a90e2;flex-shrink:0;gap:12px;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;position:relative;z-index:1}.sleek-header,.sleek-header h3{align-items:center;display:flex}.sleek-header h3{color:var(--text-primary);font-size:16px;font-weight:600;letter-spacing:.5px;margin:0;min-width:0}.sleek-header h3:before{display:none}.sleek-controls{position:relative}.sleek-select{-webkit-appearance:none;appearance:none;background-color:var(--bg-muted);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 var(--border);border-radius:4px;color:var(--text-body);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;min-height:0;overflow:hidden;position:relative}.sleek-layout{align-items:stretch;display:flex;flex-direction:row;gap:16px;height:100%;min-height:0;width:100%}.sleek-chart-area{align-items:center;display:flex;flex:1.1 1;justify-content:center;min-height:0;min-width:0;position:relative}.sleek-chart-wrapper{aspect-ratio:1/1;flex-shrink:0;height:min(100%,200px);max-height:200px;max-width:200px;position:relative;width:min(100%,200px)}.sleek-chart-wrapper canvas{height:100%!important;position:relative;width:100%!important;z-index:1}.sleek-chart-center{align-items:center;background-color:color-mix(in srgb,var(--bg-card) 75%,#0000);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:var(--text-body);display:block;font-size:22px;font-weight:600;line-height:1.1}.sleek-center-label{color:var(--text-muted);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:1 1;flex-direction:column;gap:12px;height:100%;justify-content:center;min-height:160px;width:100%}.sleek-content .sleek-loader{margin:auto}.sleek-empty-icon{color:#ccc;font-size:32px}.sleek-empty-text{color:#888;font-size:14px;text-align:center}[data-theme=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}@media (max-width:900px){.sleek-layout{align-items:center;flex-direction:column}.sleek-chart-area,.sleek-stats{flex:1 1 auto;width:100%}.sleek-chart-wrapper{height:min(100%,170px);max-height:170px;max-width:170px;width:min(100%,170px)}.sleek-stats{justify-content:flex-start}}[data-theme=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:0.9 1;flex-direction:column;gap:10px;justify-content:center;margin-top:0;min-height:0;min-width:0;padding:0}.sleek-stat-box{align-items:center;background-color:var(--bg-muted);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px var(--shadow);box-sizing:border-box;display:flex;min-height:44px;padding:8px 12px;transition:all .2s ease}.sleek-stat-box-hovered,.sleek-stat-box:hover{background-color:var(--bg-card);box-shadow:0 3px 6px var(--shadow);transform:translateY(-1px)}.sleek-stat-color{border-radius:50%;flex-shrink:0;height:12px;margin-right:10px;width:12px}.sleek-stat-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.sleek-stat-label{color:var(--text-muted);font-size:12px;margin-bottom:2px}.sleek-stat-value{color:var(--text-body);font-size:14px;font-weight:600}.sleek-stat-percentage{color:var(--text-muted);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}.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.91c6d52c.css.map*/