.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0382df;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1005;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s linear;opacity:1;visibility:visible;pointer-events:all;will-change:opacity}.loading-overlay.fade-out{opacity:0}.loading-gif{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:subtlePulse 2s ease-in-out infinite}@keyframes subtlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.loading-message{position:absolute;top:40%;left:50%;transform:translate(-50%,-150%);font-size:clamp(1.5rem,3vw,2.5rem);font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#fffc;text-align:center;font-weight:600;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90vw;padding:0 20px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.loading-message.fade-in{opacity:1;transition:opacity 1s ease-in}.loading-message.fade-out{opacity:0;transition:opacity 1s ease-out}@media (max-width: 768px){.loading-gif{width:150px;height:150px}.loading-message{top:38%;font-size:1.8rem;transform:translate(-50%,-120%)}}.error-container-api{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;box-sizing:border-box}.error-card-api{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:30px;max-width:430px;width:100%;text-align:center}.error-header-api{margin-bottom:20px}.error-icon{margin-bottom:15px}.error-icon img{width:60px;height:auto;display:block;margin:0 auto;border-radius:8px}.error-header-api h1{color:#333;margin:0;font-size:1.5rem;font-weight:600}.error-content{text-align:center}.error-message{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.error-message p{color:#666;line-height:1.5;margin-bottom:8px;font-size:.95rem}.error-detail{color:#dc3545!important;font-size:.85rem;margin-top:8px;padding:8px;background:#ffe6e6;border-radius:4px;word-break:break-word}.action-section{margin-bottom:20px}.action-text{color:#333;font-size:1rem;margin-bottom:8px;font-weight:500}.apology-text{color:#666;font-style:italic;margin-bottom:0;font-size:.9rem}.technical-info{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px;text-align:left}.technical-info h3{color:#333;margin-top:0;margin-bottom:12px;font-size:1rem;text-align:center}.technical-info ul{margin:0;padding-left:20px;color:#555}.technical-info li{margin-bottom:6px;line-height:1.4;font-size:.9rem}.error-footer{border-top:1px solid #eee;padding-top:20px;margin-top:20px}.error-actions{margin-bottom:15px}.retry-button{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:.95rem;transition:background-color .2s;font-weight:500;min-width:160px}.retry-button:hover{background:#0056b3;transform:translateY(-1px)}.support-note-error{color:#6c757d!important;font-style:italic;margin:0;font-size:.85rem}.support-note-error a{color:#007bff;text-decoration:none}.support-note-error a:hover{text-decoration:underline}@media (max-width: 768px){.error-container{padding:15px}.error-card-api{padding:25px 20px}}.support-note-error{white-space:nowrap}.sidebar{width:var(--sidebar-width);height:100vh;background:#fff;position:fixed;left:0;top:0;z-index:1000;transition:transform .3s ease;box-shadow:2px 0 10px #00000014;display:flex;flex-direction:column;border-right:1px solid #e2e8f0}.sidebar-header{padding:25px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.app-brand h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.user-info{margin-top:15px}.user-name{font-weight:500;color:#374151;font-size:14px;margin-bottom:4px}.user-role{font-size:12px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px;display:inline-block}.sidebar-content{flex:1;display:flex;flex-direction:column;padding:20px 0;overflow:hidden}.sidebar-menu{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.sidebar-item{margin:2px 15px}.sidebar-item a{display:block;padding:12px 16px;color:#4b5563;text-decoration:none;border-radius:6px;transition:all .2s ease;font-weight:500;font-size:14px}.sidebar-home-group,.sidebar-admin-group{margin-bottom:6px}.sidebar-home-parent{display:flex;align-items:center;border-radius:6px}.sidebar-home-parent a{flex:1}.sidebar-home-group.active .sidebar-home-parent,.sidebar-admin-group.active .sidebar-home-parent{background:#eff6ff}.sidebar-home-group.active .sidebar-home-parent a,.sidebar-admin-group.active .sidebar-home-parent a{background:transparent}.sidebar-folder-toggle{display:grid;width:34px;height:34px;margin-right:6px;border:0;border-radius:6px;background:transparent;place-items:center;cursor:pointer}.sidebar-folder-toggle:hover{background:#e3f2fd;color:#2563eb}.sidebar-folder-caret{width:7px;height:7px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(45deg) translateY(-2px);transition:transform .22s ease,border-color .22s ease}.sidebar-folder-toggle[aria-expanded=true] .sidebar-folder-caret{transform:rotate(225deg) translate(-1px,-1px);border-color:#2563eb}.sidebar-home-actions{display:grid;max-height:0;gap:2px;margin:0 0 0 14px;padding:0 0 0 14px;overflow:hidden;list-style:none;border-left:1px solid transparent;opacity:0;transform:translateY(-5px);pointer-events:none;transition:max-height .28s ease,margin .28s ease,padding .28s ease,opacity .2s ease,transform .24s ease,border-color .24s ease}.sidebar-home-actions.open{max-height:150px;margin-top:5px;padding-bottom:3px;border-left-color:#dbeafe;opacity:1;transform:translateY(0);pointer-events:auto}.sidebar-home-actions button{width:100%;padding:9px 12px;border:0;border-radius:5px;background:transparent;color:#64748b;text-align:left;font:inherit;font-size:13px;cursor:pointer}.sidebar-home-actions button:hover{background:#f1f5f9;color:#2563eb}.sidebar-item a:hover{background:#f3f4f6;color:#1f2937}.sidebar-item.active a{background:#eff6ff;color:#2563eb;font-weight:600}.no-permissions-menu{text-align:center;padding:40px 20px;color:#6b7280}.no-permissions-menu p{margin:0 0 8px;font-weight:500}.no-permissions-menu small{font-size:12px;color:#9ca3af}.sidebar-footer{padding:20px;border-top:1px solid #e2e8f0}.sidebar-update-button{width:100%;padding:10px 14px;background:#1d4ed8;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-weight:500;font-size:14px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #2563eb33;transition:all .25s ease-in-out}.sidebar-update-button:hover:not(:disabled){background:#1d4ed8}.sidebar-update-button:disabled{background:#9ca3af;cursor:not-allowed}.sidebar-update-button.updating{background:#93c5fd}.hamburger-button{position:fixed;top:20px;left:20px;z-index:1004;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.hamburger-button span{width:18px;height:2px;background:#374151;transition:all .3s ease}.hamburger-button.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-button.active span:nth-child(2){opacity:0}.hamburger-button.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001e;z-index:10}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar.open{animation:slideIn .3s ease}@media (min-width: 1024px){.sidebar{left:0}.hamburger-button{display:none}}.sidebar-item{transition:all .3s ease-in-out}.sidebar-item.disabled{opacity:.8;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.sidebar-item.disabled .disabled-link,.sidebar-item.disabled .disabled-action{color:#9ca3af!important;cursor:not-allowed!important;background:transparent!important;transition:all .4s cubic-bezier(.4,0,.2,1)}.sidebar-item.disabled .disabled-link:hover,.sidebar-item.disabled .disabled-action:hover{background:transparent!important;transform:none!important;color:#9ca3af!important}.disabled-badge{font-size:8px;background:transparent;color:#9ca3af;padding:1px 4px;border-radius:4px;margin-left:6px;font-weight:400;border:1px solid #e5e7eb;opacity:0;transform:scale(.8);transition:all .3s ease-in-out}.sidebar-item.disabled .disabled-badge{opacity:1;transform:scale(1);transition-delay:.1s}.sidebar-item.disabled a{pointer-events:none}.sidebar-item.disabled a:hover{background:transparent!important;color:#9ca3af!important}.global-sync-card{position:fixed;right:22px;bottom:22px;z-index:1200;width:min(330px,calc(100vw - 44px));display:grid;gap:5px;padding:15px 17px;border-radius:10px;color:#173151;background:#fff;border:1px solid #cdd9e8;box-shadow:0 12px 30px #1026442e}.global-sync-card strong{font-size:.92rem}.global-sync-card span{color:#63738a;font-size:.84rem}.global-sync-card.running{border-left:4px solid #1769aa}.global-sync-card.completed{border-left:4px solid #23804e}.global-sync-card.failed{border-left:4px solid #b84545}.page-transition-container{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.page-transition-container.content-visible{opacity:1}.titulo{display:flex;align-items:center;justify-content:center;margin-bottom:50px;text-align:center}.titulo h1{margin:0}.titulo-texto{font-size:3rem;font-weight:400;color:#2d3748;letter-spacing:.5px;position:relative;margin:0;line-height:1.2}.titulo-destaque{font-weight:400;color:#4299e1;position:relative}.titulo-destaque:after{content:"";position:absolute;bottom:-3px;left:0;width:350%;height:2px;background:#4299e1;opacity:.3;border-radius:2px}.titulo-empresa{font-size:.9rem;color:#4299e1;margin-top:30px;padding-left:10px;font-weight:500}.content{margin:0;padding:30px;transition:all .3s ease}.controls-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;border-left:4px solid #e3f2fd}.search-export-container{display:flex;gap:15px;align-items:center;margin-bottom:15px}.user-count{background:#f1f5f900;padding:8px 15px 8px 0;border-radius:4px;font-size:14px;color:#475569}.user-count-text{font-weight:500}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.users-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px}.users-table th{background:#e3f2fd;color:#232323;padding:15px 12px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.users-table td{padding:15px 12px;border-bottom:1px solid #f1f5f9;vertical-align:top}.user-row:hover{background:#f8fafc}.user-info .user-name{font-weight:600;color:#1e293b;margin-bottom:4px}.user-info .user-email{font-size:12px;color:#64748b}.department-info{color:#475569}.office-location{font-size:12px;color:#94a3b8;margin-top:2px}.license-cost-microsoft{font-weight:500;color:#5abaff}.license-count{font-size:11px;color:#64748b;margin-top:2px}.sap-info{display:flex;flex-direction:column;gap:2px}.sap-status{font-size:12px;color:#475569}.sap-cost{font-weight:500;color:#1aa04d}.sap-regiao{font-weight:500;color:#8ca01a}.no-license{color:#94a3b8;font-style:italic}.total-cost{font-weight:600;color:#fa5151;font-size:15px}.actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.expand-btn,.powerbi-btn,.view-powerbi-details{padding:6px 10px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;color:#475569;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:80px;text-align:center;box-sizing:border-box;width:60%}.expand-btn:hover,.powerbi-btn:hover,.view-powerbi-details:hover{background:#e3f2fd;color:#fff;border-color:#e3f2fd}.powerbi-btn{background:#09f;color:#e3f2fd;border-color:#3fbcff}.expanded-row{background:#f8fafc}.user-details{padding:20px;background:#fff;margin:10px;border-radius:6px;border-left:3px solid #e3f2fd}.details-section{margin-bottom:20px}.details-section h4{color:#5abaff;margin-bottom:10px;font-size:14px;font-weight:600}.licenses-grid,.other-systems{display:grid;gap:8px}.license-detail,.system-detail{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f1f5f9;border-radius:4px}.license-name,.system-name{font-weight:500;color:#374151}.license-price,.system-price{font-weight:600;color:#059669}.sap-details{font-size:11px;color:#64748b;margin-top:2px}.view-powerbi-details{margin-top:10px}@media (max-width: 768px){.content{margin-left:0;padding:10px}.search-export-container{flex-direction:column;gap:10px}.table-container{overflow-x:auto}.users-table{min-width:800px}}.fade-enter-active{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-row{transition:background-color .2s ease}.expanded-row{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.no-results-button{padding:8px 20px;background:#e3f2fd;color:#1e293b;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.license-summary{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:fixed;bottom:80px;right:20px;background-color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 0 7px #00000023;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:250px;max-height:400px;overflow-y:auto}.license-summary-enter{opacity:0;transform:translateY(5px)}.license-summary-enter-active{opacity:1;transform:translateY(0);transition:all .3s ease-out}.license-summary-exit{opacity:1;transform:translateY(0)}.license-summary-exit-active{opacity:0;transform:translateY(5px);transition:all .3s ease-in}.license-summary-content{width:100%}.license-summary h3{margin:0 0 10px;font-size:14px;font-weight:600}.license-summary-item{font-size:12px;padding:5px 0;width:100%}.license-summary-item p{margin:0;text-align:left;font-size:12px;display:block}.license-summary::-webkit-scrollbar{width:6px}.license-summary::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}.license-summary::-webkit-scrollbar-track{background-color:#0000000d;border-radius:10px}.recharts-legend-item{font-size:.8rem!important;margin-bottom:5px!important}.recharts-pie-label-text{font-size:.7rem;font-weight:500;fill:#333}.chart-container{position:relative;min-height:400px}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.chart-container{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 10px #0000000d}.recharts-bar-label{font-size:.8rem;font-weight:500;fill:#333}.recharts-cartesian-axis-tick-value,.recharts-y-axis .recharts-label{font-size:.8rem}.chart-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000000d}.chart-container h4{margin-top:0;color:#555;text-align:center}.tables-section{display:grid;gap:20px}.license-modal-content{max-height:90vh;overflow-y:auto}.license-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1100}.license-modal-content{background-color:#fffffff2;border-radius:12px;width:85%;max-width:1000px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.license-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#fffc;border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.license-modal-header h3{margin:0;color:#333;font-weight:500;font-size:1.1rem;letter-spacing:.5px}.license-modal-close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:4px;line-height:1;transition:none!important}.license-modal-close-button:hover{color:#999;background:none;transform:none}.license-modal-close-button:focus{outline:none;box-shadow:none}.modal-body{padding:0;color:#444;overflow-y:auto;scroll-behavior:smooth}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}.modal-body::-webkit-scrollbar-track{background-color:#0000000d;border-radius:10px}.license-section{padding:20px 24px}.license-section:not(:last-child){border-bottom:1px solid rgba(0,0,0,.05)}.license-section h4{margin:0 0 16px;color:#555;font-weight:500;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.license-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.license-item{display:flex;justify-content:space-between;padding:8px 0;font-size:.9rem}.license-name{color:#333}.license-price{color:#2a6496;font-weight:500}.system-info{list-style:none;padding:0;margin:0}.system-info li{padding:6px 0;font-size:.9rem;color:#666}.modal-fade-enter{opacity:0}.modal-fade-enter-active{opacity:1;transition:opacity .3s ease-out}.modal-fade-exit{opacity:1}.modal-fade-exit-active{opacity:0;transition:opacity .3s ease-in}@media (max-width: 768px){.powerbi-modal-box{width:95%}.user-sections{flex-direction:column}.stats-grid.expanded{grid-template-columns:repeat(2,1fr)}}.license-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.unassigned-section{background:#fff8f8;border:2px solid #ffebee;border-radius:12px;padding:20px;margin-bottom:25px}.unassigned-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #ffcdd2}.unassigned-section-header h4{color:#d32f2f;margin:0;font-size:18px}.unassigned-total{font-weight:600;color:#d32f2f;text-align:right}.unassigned-count{display:block;font-size:12px;color:#e57373;margin-top:4px}.unassigned-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.unassigned-item{background:#fff;padding:15px;border-radius:8px;border-left:4px solid #ef5350;box-shadow:0 2px 8px #f443361a;display:flex;justify-content:space-between;align-items:flex-start}.unassigned-name{font-weight:600;color:#37474f;flex:2}.unassigned-meta{margin-top:8px;font-size:12px;color:#78909c;display:flex;flex-direction:column;gap:2px}.unassigned-cost{font-weight:700;color:#d32f2f;text-align:right;flex:1}.unassigned-usage{margin-top:4px;font-size:11px;color:#90a4ae;font-weight:400}@media (max-width: 768px){.unassigned-section-header{flex-direction:column;align-items:flex-start;gap:10px}.unassigned-total{text-align:left}.unassigned-grid{grid-template-columns:1fr}.unassigned-item{flex-direction:column;gap:10px}.unassigned-cost{text-align:left}}.unassigned-charts{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000f}.unassigned-charts h5{margin:0 0 20px;color:#2c3e50;font-size:16px;font-weight:600;text-align:center;padding-bottom:12px;border-bottom:2px solid #e74c3c}.mini-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.mini-chart{background:#fff;padding:16px;border-radius:10px;border:1px solid #dee2e6;box-shadow:0 2px 6px #00000014;transition:transform .2s ease,box-shadow .2s ease}.mini-chart:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.mini-chart h6{margin:0 0 12px;font-size:12px;color:#6c757d;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.unassigned-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:20px;border-top:2px dashed #dee2e6}.stat-item{text-align:center;padding:15px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:10px;border:2px solid #e9ecef;transition:transform .2s ease}.stat-item:hover{transform:translateY(-2px);border-color:#e74c3c}.stat-value{display:block;font-weight:700;font-size:20px;color:#e74c3c;margin-bottom:5px}.stat-label{display:block;font-size:11px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:500}@media (max-width: 768px){.mini-charts-grid{grid-template-columns:1fr;gap:15px}.unassigned-stats{grid-template-columns:1fr;gap:12px}.mini-chart{min-height:140px}.unassigned-charts{padding:15px;margin-top:15px}.unassigned-charts h5{font-size:14px;margin-bottom:15px}}.recharts-tooltip-wrapper{font-size:12px!important}.recharts-default-tooltip{border-radius:6px!important;padding:8px 12px!important;font-size:12px!important;border:1px solid #ddd!important;box-shadow:0 4px 12px #00000026!important;background:#fff!important}.recharts-tooltip-label{font-weight:600!important;color:#2c3e50!important;margin-bottom:5px!important}.recharts-tooltip-item{padding:3px 0!important}.mini-chart .recharts-surface{margin:0 auto}.mini-chart .recharts-legend-wrapper{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.unassigned-charts{animation:fadeInUp .5s ease-out}.mini-chart{animation:fadeInUp .6s ease-out}.stat-item{animation:fadeInUp .7s ease-out}.mini-chart:nth-child(1){border-top:3px solid #ff6b6b}.mini-chart:nth-child(2){border-top:3px solid #00C49F}.mini-chart:nth-child(3){border-top:3px solid #8884d8}.mini-chart:nth-child(1):hover{border-color:#ff6b6b;box-shadow:0 4px 12px #ff6b6b33}.mini-chart:nth-child(2):hover{border-color:#00c49f;box-shadow:0 4px 12px #00c49f33}.mini-chart:nth-child(3):hover{border-color:#8884d8;box-shadow:0 4px 12px #8884d833}@media (prefers-color-scheme: dark){.unassigned-charts{background:#2d3748;border-color:#4a5568}.unassigned-charts h5{color:#e2e8f0;border-bottom-color:#e74c3c}.mini-chart{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.mini-chart h6{color:#a0aec0}.stat-item{background:linear-gradient(135deg,#2d3748,#374151);border-color:#4a5568;color:#e2e8f0}.stat-label{color:#a0aec0}.recharts-default-tooltip{background:#2d3748!important;border-color:#4a5568!important;color:#e2e8f0!important}.recharts-tooltip-label{color:#e2e8f0!important}}.unassigned-charts ::-webkit-scrollbar{width:6px}.unassigned-charts ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.unassigned-charts ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.unassigned-charts ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.mini-chart.loading{position:relative;overflow:hidden}.mini-chart.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.license-summary-button{position:fixed;bottom:20px;right:20px;padding:0;background:none;color:#000;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;z-index:-3;box-shadow:none;transition:transform .2s ease;outline:none;-webkit-tap-highlight-color:transparent;background-color:transparent!important;width:20px;height:30px}.license-summary-button span{font-size:2.5rem;display:inline-block}.license-summary-button:hover{transform:scale(1.05)}.license-summary-button:active{transform:scale(.95);transition:transform .1s ease}.license-summary-button:focus{outline:none}.license-summary-button::-moz-focus-inner{border:0}.fixed-element{transform:scale(calc(1 / var(--zoom-level, 1)))}.app-filter-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:appFilterFadeIn .2s ease-out}@keyframes appFilterFadeIn{0%{opacity:0}to{opacity:1}}.app-filter-panel{background:var(--background-color, #ffffff);width:420px;max-width:90vw;height:100vh;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;animation:appFilterSlideIn .3s ease-out;overflow:hidden}@keyframes appFilterSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.dark-mode .app-filter-panel{background:var(--background-color-dark, #1a1a1a);box-shadow:-4px 0 24px #00000080}.app-filter-header{padding:24px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:space-between;align-items:center;background:var(--header-bg, #f9fafb)}.dark-mode .app-filter-header{background:var(--header-bg-dark, #0a0a0a);border-bottom-color:var(--border-color-dark, #333)}.app-filter-title-section{display:flex;align-items:center;gap:12px}.app-filter-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #111827)}.dark-mode .app-filter-header h3{color:var(--text-primary-dark, #f9fafb)}.app-filter-badge{background:var(--primary-color, #3b82f6);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.app-filter-header-actions{display:flex;align-items:center;gap:12px}.app-filter-clear-btn{padding:6px 12px;background:transparent;color:var(--danger-color, #ef4444);border:1px solid var(--danger-color, #ef4444);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.app-filter-clear-btn:hover{background:var(--danger-color, #ef4444);color:#fff}.app-filter-close-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary, #6b7280);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.app-filter-close-btn:hover{background:var(--hover-bg, #f3f4f6);color:var(--text-primary, #111827)}.dark-mode .app-filter-close-btn:hover{background:var(--hover-bg-dark, #2a2a2a);color:var(--text-primary-dark, #f9fafb)}.app-filter-tabs{display:flex;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--background-color, #ffffff);padding:0 24px}.dark-mode .app-filter-tabs{background:var(--background-color-dark, #1a1a1a);border-bottom-color:var(--border-color-dark, #333)}.app-filter-tab{flex:1;padding:12px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary, #6b7280);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.app-filter-tab:hover{color:var(--text-primary, #111827);background:var(--hover-bg, #f9fafb)}.dark-mode .app-filter-tab:hover{color:var(--text-primary-dark, #f9fafb);background:var(--hover-bg-dark, #2a2a2a)}.app-filter-tab-active{color:var(--primary-color, #3b82f6)!important;border-bottom-color:var(--primary-color, #3b82f6)!important}.app-filter-tab-badge{background:var(--primary-color, #3b82f6);color:#fff;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600;min-width:18px;text-align:center}.app-filter-content{flex:1;overflow-y:auto;padding:16px 24px;background:var(--background-color, #ffffff)}.dark-mode .app-filter-content{background:var(--background-color-dark, #1a1a1a)}.app-filter-content::-webkit-scrollbar{width:8px}.app-filter-content::-webkit-scrollbar-track{background:var(--scrollbar-track, #f1f1f1)}.dark-mode .app-filter-content::-webkit-scrollbar-track{background:var(--scrollbar-track-dark, #2a2a2a)}.app-filter-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #c1c1c1);border-radius:4px}.dark-mode .app-filter-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-dark, #555)}.app-filter-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #a8a8a8)}.app-filter-section{display:flex;flex-direction:column;gap:16px}.app-filter-description{color:var(--text-secondary, #6b7280);font-size:13px;margin:0 0 8px;line-height:1.5}.dark-mode .app-filter-description{color:var(--text-secondary-dark, #9ca3af)}.app-filter-search{margin-bottom:12px}.app-filter-search-input{width:100%;padding:10px 16px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:14px;color:var(--text-primary, #111827);background:var(--input-bg, #ffffff);transition:all .2s ease}.dark-mode .app-filter-search-input{background:var(--input-bg-dark, #0a0a0a);border-color:var(--border-color-dark, #333);color:var(--text-primary-dark, #f9fafb)}.app-filter-search-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.app-filter-search-input::placeholder{color:var(--text-placeholder, #9ca3af)}.app-filter-list{display:flex;flex-direction:column;gap:4px}.app-filter-item-container{display:flex;flex-direction:column}.app-filter-item{border-radius:6px;transition:background .15s ease}.app-filter-item:hover{background:var(--hover-bg, #f9fafb)}.app-filter-item-disabled{opacity:.5;background:#f1f3f5}.app-filter-item-disabled:hover{background:#f1f3f5}.app-filter-item-disabled .app-filter-label,.app-filter-item-disabled .app-filter-checkbox{cursor:not-allowed}.dark-mode .app-filter-item:hover{background:var(--hover-bg-dark, #2a2a2a)}.app-filter-item-selected{background:var(--selected-bg, #eff6ff);border:1px solid var(--primary-color, #3b82f6)}.dark-mode .app-filter-item-selected{background:var(--selected-bg-dark, rgba(59, 130, 246, .1));border-color:var(--primary-color, #3b82f6)}.app-filter-item-out-of-search{opacity:.7;order:999}.app-filter-selected-badge{background:var(--primary-color, #3b82f6);color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;margin-left:auto}.dark-mode .app-filter-selected-badge{background:var(--primary-color-light, #60a5fa)}.app-filter-item-main{display:flex;align-items:center;gap:8px;padding:8px}.app-filter-item-selected .app-filter-item-main{padding:7px}.app-filter-expand-btn{width:24px;height:24px;min-width:24px;border:none;background:transparent;color:var(--text-secondary, #6b7280);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.app-filter-expand-btn:hover{background:var(--hover-bg, #f3f4f6);color:var(--text-primary, #111827)}.dark-mode .app-filter-expand-btn:hover{background:var(--hover-bg-dark, #3a3a3a);color:var(--text-primary-dark, #f9fafb)}.app-filter-label{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none;width:100%}.app-filter-label-job{padding-left:8px}.app-filter-job-indicator{color:var(--text-secondary, #9ca3af);font-size:14px;margin-right:4px}.app-filter-checkbox{width:18px;height:18px;min-width:18px;cursor:pointer;accent-color:var(--primary-color, #3b82f6)}.app-filter-text{font-size:14px;color:var(--text-primary, #111827);line-height:1.4;word-break:break-word}.app-filter-license-count{margin-left:auto;color:var(--text-secondary, #6b7280);font-size:12px;white-space:nowrap}.dark-mode .app-filter-text{color:var(--text-primary-dark, #f9fafb)}.app-filter-nested{margin-left:24px;border-left:2px solid var(--border-color, #e5e7eb);padding-left:8px}.dark-mode .app-filter-nested{border-left-color:var(--border-color-dark, #333)}.app-filter-expanded{margin-top:4px;margin-bottom:4px;animation:appFilterExpandDown .2s ease-out}@keyframes appFilterExpandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.app-filter-empty{padding:40px 20px;text-align:center}.app-filter-empty p{color:var(--text-secondary, #6b7280);font-size:14px;margin:0}.dark-mode .app-filter-empty p{color:var(--text-secondary-dark, #9ca3af)}.app-filter-footer{border-top:1px solid var(--border-color, #e5e7eb);padding:16px 24px;background:var(--footer-bg, #f9fafb);display:flex;justify-content:space-between;align-items:center;gap:16px}.dark-mode .app-filter-footer{background:var(--footer-bg-dark, #0a0a0a);border-top-color:var(--border-color-dark, #333)}.app-filter-footer-info{font-size:13px;color:var(--text-secondary, #6b7280);font-weight:500}.dark-mode .app-filter-footer-info{color:var(--text-secondary-dark, #9ca3af)}.app-filter-apply-btn{padding:10px 24px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.app-filter-apply-btn:hover{background:var(--primary-color-dark, #2563eb);box-shadow:0 4px 6px #3b82f633;transform:translateY(-1px)}.app-filter-apply-btn:active{transform:translateY(0)}@media (max-width: 768px){.app-filter-panel{width:100vw;max-width:100vw}.app-filter-header{padding:16px}.app-filter-tabs{padding:0 16px}.app-filter-tab{font-size:13px;padding:10px 8px}.app-filter-content{padding:12px 16px}.app-filter-footer{padding:12px 16px;flex-direction:column;align-items:stretch}.app-filter-footer-info{text-align:center}.app-filter-apply-btn{width:100%}}@media (max-width: 480px){.app-filter-header h3{font-size:18px}.app-filter-clear-btn{font-size:12px;padding:4px 8px}.app-filter-nested{margin-left:16px}}.app-filter-checkbox:focus{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px}.app-filter-expand-btn:focus,.app-filter-close-btn:focus,.app-filter-clear-btn:focus,.app-filter-apply-btn:focus{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px}.app-filter-checkbox:focus:not(:focus-visible),.app-filter-expand-btn:focus:not(:focus-visible),.app-filter-close-btn:focus:not(:focus-visible),.app-filter-clear-btn:focus:not(:focus-visible),.app-filter-apply-btn:focus:not(:focus-visible){outline:none}.app-filter-overlay-closing{animation:appFilterFadeOut .2s ease-in forwards;pointer-events:none}.app-filter-panel-closing{animation:appFilterSlideOut .28s ease-in forwards}@keyframes appFilterFadeOut{0%{opacity:1}to{opacity:0}}@keyframes appFilterSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.search-bar{width:200px;padding:8px 10px;border:1px solid #ccc;border-radius:5px;font-size:14px;background-color:#fff;color:#333;transition:border-color .3s ease;margin-left:120px}.search-bar:focus{border-color:#007bff;outline:none}.powerbi-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1100;padding:2rem}.powerbi-modal-box{background-color:#fffffffa;border-radius:14px;width:90%;max-width:1000px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #00000026;border:1px solid rgba(255,255,255,.25)}.powerbi-modal-enter{opacity:0}.powerbi-modal-enter-active{opacity:1;transition:opacity .3s ease-out}.powerbi-modal-exit{opacity:1}.powerbi-modal-exit-active{opacity:0;transition:opacity .3s ease-in}.powerbi-modal-header{padding:1.25rem 1.75rem;background-color:#fffffff2;border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;z-index:10}.powerbi-modal-header h3{margin:0;color:#2d3748;font-weight:600;font-size:1.25rem;letter-spacing:.25px;display:flex;align-items:center;gap:.75rem}.powerbi-access-search{width:min(100%,320px);margin-bottom:12px}.powerbi-access-search__input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.powerbi-access-search__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.close-button-bi{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:4px;line-height:1;transition:none!important}.close-button-bi:hover{color:#999;background:none;transform:none}.close-button-bi:focus{outline:none;box-shadow:none}.back-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#4299e1;padding:0;line-height:1;transition:transform .2s}.back-button:hover{transform:translate(-2px);color:#999;background:none}.back-button:focus{outline:none;box-shadow:none}.powerbi-modal-content{padding:1.75rem;color:#4a5568;overflow-y:auto;scroll-behavior:smooth;display:flex;flex-direction:column;gap:1.75rem}.user-search{margin:0 0 1.5rem;position:relative}.user-search input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .2s;background-color:#f8fafc}.user-search input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.user-search-results{position:absolute;width:100%;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-radius:8px;z-index:20;box-shadow:0 4px 12px #0000001a;margin-top:.5rem}.user-result-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #edf2f7;transition:all .2s;font-size:.95rem}.user-result-item:hover{background-color:#f7fafc;color:#2b6cb0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;padding:.5rem 0}.stat-card{background:#fff;border-radius:8px;padding:1.25rem;text-align:center;box-shadow:0 2px 5px #0000000d;border:1px solid #edf2f7;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-value{font-size:1.9rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.stat-value.success{color:#38a169}.stat-value.failure{color:#e53e3e}.stat-label{font-size:.9rem;color:#718096;font-weight:500}.top-items-list,.items-list,.workspaces-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.top-item,.item-row,.workspace-item{display:flex;align-items:center;padding:.75rem 1rem;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;border:1px solid #edf2f7;transition:all .2s}.top-item:hover,.item-row:hover,.workspace-item:hover{transform:translate(2px);box-shadow:0 2px 6px #0000001a}.item-rank{font-weight:700;color:#2c3e50;margin-right:.75rem;min-width:24px}.item-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.item-count{background-color:#edf2f7;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;color:#4a5568;font-weight:600}.access-table-container{max-height:400px;overflow-y:auto;margin-top:1rem;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.access-table{width:100%;border-collapse:separate;border-spacing:0}.access-table th,.access-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e2e8f0;position:relative;overflow:hidden;text-overflow:ellipsis;min-width:100px}.access-table th{position:relative;background-color:#f8fafc;padding:12px 15px;border-bottom:2px solid #e2e8f0;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none}.access-table td{padding:12px 15px;border-bottom:1px solid #e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-table th:hover:after{background:#3b82f680}.access-table th.resizing:after{background:#3b82f6}.access-table th:nth-child(1),.access-table td:nth-child(1){width:20%}.access-table th:nth-child(2),.access-table td:nth-child(2){width:20%;min-width:160px}.access-table th:nth-child(3),.access-table td:nth-child(3){width:15%}.access-table th:nth-child(4),.access-table td:nth-child(4){width:15%}.access-table th:nth-child(5),.access-table td:nth-child(5){width:15%}.access-table th:nth-child(6),.access-table td:nth-child(6){width:10%;text-align:center}.access-table tr:hover{background-color:#f8fafc}.success{color:#38a169;font-weight:600}.failure{color:#e53e3e;font-weight:600}.user-detail-view{display:flex;flex-direction:column;gap:1.5rem}.user-stats{display:flex;gap:1.25rem;flex-wrap:wrap}.user-sections{display:flex;gap:1.5rem;margin-bottom:2rem}.user-section.full-width{flex:0 0 100%}.powerbi-modal-content::-webkit-scrollbar{width:8px}.powerbi-modal-content::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:10px}.powerbi-modal-content::-webkit-scrollbar-track{background-color:#00000008;border-radius:10px}@media (max-width: 768px){.powerbi-modal-overlay{padding:1rem}.powerbi-modal-box{width:95%;max-height:95vh}.powerbi-modal-content{padding:1.25rem;gap:1.25rem}.user-sections{flex-direction:column;gap:1.25rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem}}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem;padding:1rem 0}.pagination-controls button{padding:.5rem 1rem;background-color:#4299e1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.pagination-controls button:hover:not(:disabled){background-color:#3182ce;transform:translateY(-1px)}.pagination-controls button:disabled{background-color:#a0aec0;cursor:not-allowed;opacity:.7}.pagination-controls span{font-size:.95rem;color:#4a5568;font-weight:500}.details-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000003a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:2rem;animation:fadeIn .3s ease-out forwards}.details-overlay.fade-out{animation:fadeOut .3s ease-out forwards}.details-modal{background-color:#fffffffa;border-radius:14px;width:70%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #0003;border:1px solid rgba(255,255,255,.25);transform:translateY(0);transition:transform .3s ease-out}.export-button-bi{background-color:transparent;color:#4a5568;border:1px solid rgba(0,0,0,.239);padding:6px 12px 6px 8px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s ease;z-index:10;box-shadow:0 1px 2px #00000008;outline:none;margin-left:15px;white-space:nowrap}.export-button-bi:focus{outline:none;box-shadow:0 0 0 2px #4299e180}.export-button-bi::-moz-focus-inner{border:0}.export-button-bi:hover{background-color:#4a55680d;border-color:#00000026;color:#2d3748}.export-button-bi:active{transform:scale(.98);outline:none}.export-button-bi svg{width:14px;height:14px;opacity:.8;transition:all .2s ease}.export-button-bi:hover svg{opacity:1}.powerbi-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e1e5e9;background-color:#f8f9fa;position:relative}.header-title-container{display:flex;align-items:center;flex:1}.header-title-container h3{margin:0;display:flex;align-items:center;gap:10px}.close-button-bi{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;margin-left:15px}.close-button-bi:hover{color:#495057}.filter-indicator{font-size:.85em;color:#6c757d;font-weight:400}.stats-section{padding:1.5rem;background-color:#f8fafc;border-radius:10px;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(0,0,0,.03)}.stats-section h4{margin:0 0 1.25rem;color:#2d3748;font-weight:600;font-size:1.1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.stats-main-container{display:flex;flex-direction:column;gap:1.5rem}.stats-highlight{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.stat-card.highlight{background:#fff;padding:1.5rem;text-align:center;border-radius:8px;border:1px solid #edf2f7;box-shadow:0 2px 5px #0000000d;transition:transform .2s ease}.stat-card.highlight:hover{transform:translateY(-2px)}.stat-card.highlight .stat-value{font-size:2rem;font-weight:700;color:#3182ce;margin-bottom:.5rem}.stat-card.highlight .stat-label{font-size:.9rem;color:#718096;font-weight:500}.stats-clickable{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card.clickable{background:#fff;border-radius:8px;padding:1.25rem;text-align:center;box-shadow:0 2px 5px #0000000d;border:1px solid #edf2f7;transition:all .2s ease;cursor:pointer}.stat-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-card.clickable .stat-value{font-size:1.9rem;font-weight:700;color:#000;margin-bottom:.5rem}.stat-card.clickable .stat-label{font-size:.9rem;color:#718096;font-weight:500}.user-details-small{font-size:11px;color:#64748b;font-weight:400;margin-top:4px;display:block}.days-info{font-size:11px;color:#64748b;margin-top:2px;font-weight:400;display:block}.footer-note{font-size:12px;font-weight:400;margin-top:6px;color:#2b323b;display:block}@media (max-width: 1024px){.stats-clickable{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-highlight{grid-template-columns:1fr}.stats-clickable{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card.clickable,.stat-card.highlight{padding:1rem}.stat-card.highlight .stat-value{font-size:1.6rem}.stat-card.clickable .stat-value{font-size:1.5rem}}@media (max-width: 480px){.stats-clickable{grid-template-columns:1fr}}.details-header{padding:1.25rem 1.75rem;background-color:#fffffff2;border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;z-index:10}.details-header h3{margin:0;color:#2d3748;font-weight:600;font-size:1.25rem;letter-spacing:.25px}.details-content{padding:1.5rem;color:#4a5568;overflow-y:auto;scroll-behavior:smooth;flex-grow:1}.details-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:1rem}.detail-item{padding:.75rem 1rem;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;border:1px solid #edf2f7;transition:all .2s;word-break:break-word;font-size:.95rem}.detail-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:#4299e1}.details-footer{padding:1rem;text-align:center;font-weight:600;color:#4a5568;border-top:1px solid rgba(0,0,0,.08);background-color:#fffffff2;bottom:0}.stat-card{cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1)}.stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a!important;border-color:#cbd5e0!important}.details-content::-webkit-scrollbar{width:8px}.details-content::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:10px}.details-content::-webkit-scrollbar-track{background-color:#00000008;border-radius:10px}@media (max-width: 768px){.details-overlay{padding:1rem}.details-modal{width:90%;max-height:85vh}.details-list{grid-template-columns:1fr}.detail-item{padding:.75rem}}.details-modal-enter{opacity:0;transform:translateY(20px)}.details-modal-enter-active{opacity:1;transform:translateY(0);transition:all .3s ease-out}.details-modal-exit{opacity:1;transform:translateY(0)}.details-modal-exit-active{opacity:0;transform:translateY(20px);transition:all .2s ease-in}.details-list-vertical{display:flex;flex-direction:column;gap:8px;margin-top:1rem}.detail-item-vertical{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;border:1px solid #edf2f7;transition:all .2s}.detail-item-vertical:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:#cbd5e0}.detail-item-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.detail-item-count{background-color:#edf2f7;padding:.35rem .75rem;border-radius:12px;font-size:.85rem;color:#4a5568;font-weight:600;min-width:80px;text-align:center}.item-rank{font-weight:700;color:#2c3e50;min-width:24px}.detail-item-name{word-break:break-word;white-space:normal}@media (max-width: 480px){.detail-item-vertical{flex-direction:column;align-items:flex-start;gap:4px}.detail-item-count{align-self:flex-end}}.update-notification{position:fixed;top:20px;right:20px;width:min(320px,calc(100vw - 40px));box-sizing:border-box;background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014;overflow:hidden;z-index:1000;transform:translate(calc(100% + 20px));opacity:0;transition:transform .8s cubic-bezier(.175,.885,.32,1.1),opacity .4s ease;border:1px solid #f0f0f0;font-family:Segoe UI,system-ui,sans-serif}.update-notification.show{transform:translate(0);opacity:1;transition:transform .8s cubic-bezier(.175,.885,.32,1.1),opacity .4s ease}.update-notification.hide{transform:translate(calc(100% + 20px));opacity:0;transition:transform .5s cubic-bezier(.645,.045,.355,1),opacity .4s ease}.update-notification__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.update-notification__title{font-size:14px;font-weight:600;color:#2c3e50}.update-notification__close{background:none;border:none;color:#95a5a6;font-size:18px;cursor:pointer;padding:0 0 2px;line-height:1;transition:color .15s ease,transform .15s ease;outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.update-notification__close:focus,.update-notification__close:active{outline:none!important;box-shadow:none!important}.update-notification__close:hover,.update-notification__close:focus,.update-notification__close:active{outline:none!important;box-shadow:none!important;background-color:transparent!important;color:#95a5a6}.update-notification__close:active{transform:scale(.9)}.update-notification__content{padding:12px 16px}.update-notification__item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;gap:12px}.update-notification__item>span:last-child{min-width:0;text-align:right;overflow-wrap:anywhere}.update-notification__progress{height:6px;margin:-2px 0 10px;overflow:hidden;border-radius:999px;background:#e4ebf3}.update-notification__progress i{display:block;height:100%;border-radius:inherit;background:#1769aa;transition:width .35s ease}.update-notification__message{margin:0;color:#8a6100;font-size:13px;line-height:1.4}.update-notification__message.error{color:#a12b2b}@media (max-width: 480px){.update-notification{top:12px;right:12px;width:calc(100vw - 24px)}}.update-notification__item:last-child{margin-bottom:0}.update-notification__label{color:#7f8c8d;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.blockuser-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:2rem;animation:fadeIn .3s ease-out forwards}.blockuser-modal-overlay.fade-out{animation:fadeOut .3s ease-out forwards}.blockuser-modal-box{background-color:#fffffffa;border-radius:14px;width:100%;max-width:1000px;height:80vh;min-height:200px;max-height:700px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #00000026;border:1px solid rgba(255,255,255,.25)}.blockuser-modal-header{padding:1.25rem 1.75rem;background-color:#fffffff2;border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;display:flex;justify-content:space-between;align-items:center;z-index:10}.blockuser-modal-header h3{margin:0;color:#2d3748;font-weight:600;font-size:1.25rem;letter-spacing:.25px}.blockuser-close-button{background:none!important;border:none!important;font-size:1.5rem;cursor:pointer;color:#999!important;padding:4px;line-height:1;outline:none!important;box-shadow:none!important}.blockuser-close-button:hover,.blockuser-close-button:focus{color:#999!important;background:none!important;outline:none!important}.blockuser-modal-content{padding:1.75rem;color:#4a5568;overflow-y:auto;scroll-behavior:smooth;flex:1;display:flex;flex-direction:column;min-height:0}.blockuser-summary-cards{display:flex;justify-content:center;gap:20px;margin-bottom:30px;flex-shrink:0}.blockuser-summary-card{background-color:#f5f5f5;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;width:200px;box-shadow:0 2px 4px #0000001a}.blockuser-summary-card.active{background-color:#e3f2fd;border:1px solid #2196f3}.blockuser-summary-card h3{margin-top:0;color:#555}.blockuser-summary-card .count{font-size:24px;font-weight:700;margin:10px 0 0;color:#2196f3}.user-details-list{width:100%;margin-top:20px}.user-details-container{width:100%;margin-top:15px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.user-details-header,.user-details-row{display:grid;grid-template-columns:3fr 1fr 1.5fr;gap:1px;padding:12px 15px;align-items:start}.user-details-header{background-color:#f8f9fa;font-weight:600;border-bottom:1px solid #e2e8f0}.user-details-row{border-bottom:1px solid #f5f5f5}.user-details-row:hover{background-color:#f5f5f5}.header-label,.user-detail{overflow:hidden;text-overflow:ellipsis}.email-data{word-break:break-word;min-width:0}.date-data{white-space:nowrap}.empty-message{text-align:center;color:#666;padding:20px;background-color:#f9f9f9;border-radius:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:200px}.dots-spinner{display:inline-block;position:relative;width:80px;height:80px}.dots-spinner div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#2196f3;animation-timing-function:cubic-bezier(0,1,1,0)}.dots-spinner div:nth-child(1){left:8px;animation:dots-spinner1 .6s infinite}.dots-spinner div:nth-child(2){left:8px;animation:dots-spinner2 .6s infinite}.dots-spinner div:nth-child(3){left:32px;animation:dots-spinner2 .6s infinite}.dots-spinner div:nth-child(4){left:56px;animation:dots-spinner3 .6s infinite}@keyframes dots-spinner1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes dots-spinner3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes dots-spinner2{0%{transform:translate(0)}to{transform:translate(24px)}}.loading-text{color:#555;font-size:1rem;font-weight:500;margin-top:1rem;text-align:center}.blockuser-modal-enter{opacity:0}.blockuser-modal-enter-active{opacity:1;transition:opacity .3s ease-out}.blockuser-modal-exit{opacity:1}.blockuser-modal-exit-active{opacity:0;transition:opacity .3s ease-in}.blockuser-modal-content-enter{opacity:0;transform:translateY(20px)}.blockuser-modal-content-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.blockuser-modal-content-exit{opacity:1;transform:translateY(0)}.blockuser-modal-content-exit-active{opacity:0;transform:translateY(20px);transition:opacity .3s ease-in,transform .3s ease-in}.blockuser-modal-content::-webkit-scrollbar{width:8px}.blockuser-modal-content::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:10px}.blockuser-modal-content::-webkit-scrollbar-track{background-color:#00000008;border-radius:10px}@media (max-width: 768px){.blockuser-modal-overlay{padding:1rem}.blockuser-modal-box{width:95%;max-height:95vh}.blockuser-modal-content{padding:1.25rem}.blockuser-summary-cards{flex-direction:column;align-items:center}.blockuser-summary-card{width:100%;max-width:300px}.user-details-header,.user-details-row{grid-template-columns:1fr;gap:5px}.header-label{font-size:.9rem;margin-top:10px}.user-detail{margin-bottom:10px}}.error-container{max-width:500px;text-align:center}.error-content{padding:20px}.error-message{color:#d32f2f;margin-bottom:20px;font-size:16px}.error-actions{display:flex;justify-content:center;gap:10px}.retry-button{background-color:#1976d2;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.close-button{background-color:#f5f5f5;color:#333;border:1px solid #ccc;padding:8px 16px;border-radius:4px;cursor:pointer}.retry-button:hover{background-color:#1565c0}.close-button:hover{background-color:#e0e0e0}.blockuser-modal-box{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:80%;max-width:900px;max-height:90vh;overflow:auto;padding:20px}.update-overlay-blur{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9998;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.update-overlay-blur.active{opacity:1;pointer-events:all}.update-overlay-blur.fade-out{opacity:0;transition:opacity .5s ease-in-out}.update-message-center{background:#fff;padding:3rem 2.5rem;border-radius:20px;box-shadow:0 25px 60px #0000004d;text-align:center;min-width:350px;max-width:500px;animation:scaleIn .3s ease-out;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.update-message-center.slide-out{animation:scaleOut .3s ease-in forwards}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.update-center-spinner{border:8px solid #f3f3f3;border-top:8px solid #667eea;border-radius:50%;width:80px;height:80px;animation:spinCenter 1s linear infinite;margin:0 auto 1.5rem}@keyframes spinCenter{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.update-center-text{font-size:1.2rem;color:#333;font-weight:600;margin:1rem 0 .5rem;line-height:1.5}.update-center-subtext{font-size:.95rem;color:#666;font-weight:400;margin:0}.update-center-success{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#11998e,#38ef7d);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:successBounce .6s ease-out}.update-center-success:before{content:"✓";font-size:3rem;color:#fff;font-weight:700}@keyframes successBounce{0%{transform:scale(0)}50%{transform:scale(1.15)}to{transform:scale(1)}}.update-center-error{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#eb3349,#f45c43);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:errorShake .5s ease-out}.update-center-error:before{content:"✕";font-size:3rem;color:#fff;font-weight:700}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-15px)}75%{transform:translate(15px)}}.update-progress-bar{width:100%;height:4px;background:#f0f0f0;border-radius:2px;overflow:hidden;margin-top:1.5rem}.update-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;animation:progressMove 2s ease-in-out infinite;width:70%}@keyframes progressMove{0%{transform:translate(-100%)}to{transform:translate(150%)}}.update-message-center.info-variant{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.update-message-center.info-variant .update-center-text,.update-message-center.info-variant .update-center-subtext{color:#fff}.update-message-center.info-variant .update-center-spinner{border-color:#ffffff4d;border-top-color:#fff}.update-message-center.success-variant{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.update-message-center.success-variant .update-center-text,.update-message-center.success-variant .update-center-subtext{color:#fff}@media (max-width: 768px){.update-message-center{min-width:300px;max-width:90vw;padding:2rem 1.5rem}.update-center-spinner,.update-center-success,.update-center-error{width:60px;height:60px}.update-center-success:before,.update-center-error:before{font-size:2rem}.update-center-text{font-size:1.1rem}.update-center-subtext{font-size:.9rem}}@media (max-width: 480px){.update-message-center{min-width:280px;padding:1.5rem 1.25rem}.update-center-text{font-size:1rem}.update-center-subtext{font-size:.85rem}}@media (prefers-reduced-motion: reduce){.update-overlay-blur,.update-message-center,.update-center-spinner,.update-center-success,.update-center-error,.update-progress-fill{animation:none;transition:none}}@supports not (backdrop-filter: blur(10px)){.update-overlay-blur{background:#000000bf}}.floating-totals-professional{top:0;left:0;right:0;z-index:1000;background:#fff;border-radius:6px;box-shadow:0 8px 32px #0000001f;border-top:none;max-width:100%;background:#fffffffa;height:700px;overflow:hidden;margin-bottom:20px}.floating-totals-collapsed{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;border-radius:6px;box-shadow:0 4px 20px #0000001a;margin-bottom:0;border:1px solid #e1e5e9;border-top:none;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;transition:all .3s ease}.floating-totals-collapsed:hover{background:#f8fafc;box-shadow:0 6px 24px #00000026}.collapsed-content{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.collapsed-main{display:flex;align-items:center;gap:12px}.collapsed-icon{font-size:1.5em}.collapsed-title{font-weight:600;color:#2d3748;font-size:1.1em}.collapsed-total{font-weight:700;color:#0078d4;font-size:1.1em;background:#f0f7ff;padding:4px 12px;border-radius:20px;border:1px solid #0078d4}.expand-btn{background:#0078d4;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.9em;cursor:pointer;transition:background .2s ease}.expand-btn:hover{background:#106ebe}.floating-header{padding:20px 24px 0;border-bottom:1px solid #f1f5f9}.header-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.header-title{display:flex;align-items:flex-start;gap:12px}.title-icon{font-size:2em;margin-top:4px}.header-title h3{margin:0;color:#1a202c;font-size:1.4em;font-weight:700;line-height:1.2}.total-amount{font-size:1.1em;font-weight:600;color:#0078d4;display:block;margin-top:4px}.header-controls{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.view-controls{display:flex;background:#f8fafc;border-radius:6px;padding:6px;border:1px solid #e2e8f0;gap:4px}.view-btn{display:flex;align-items:center;gap:6px;background:none;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s ease;color:#64748b;white-space:nowrap}.view-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#1e40af;font-weight:600}.view-btn:hover{background:#edf2f7;color:#374151}.btn-icon{font-size:1.2em}.collapse-btn{background:#64748b;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:500;transition:background .2s ease}.collapse-btn:hover{background:#475569}.floating-content{padding:0 24px 24px;overflow-y:auto}.progress-section{margin-bottom:24px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9em;color:#64748b;font-weight:500}.progress-total{font-weight:600;color:#1e40af}.progress-bar{display:flex;height:24px;border-radius:6px;overflow:hidden;background:#f1f5f9;margin-bottom:8px;position:relative}.progress-segment{height:100%;transition:width .3s ease;display:flex;align-items:center;justify-content:center;position:relative;min-width:40px}.segment-label{color:#fff;font-size:.7em;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap}.progress-legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.legend-item{display:flex;align-items:center;gap:6px;font-size:.8em}.legend-color{width:12px;height:12px;border-radius:50%}.legend-name{color:#64748b;font-weight:500}.charts-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.chart-container.compact{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:16px;box-shadow:0 2px 8px #0000000a;height:240px}.licenses-details{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:20px;box-shadow:0 2px 8px #0000000a}.licenses-details h4{margin:0 0 16px;color:#1a202c;font-size:1.1em;font-weight:600;text-align:center}.licenses-scroll-container{max-height:500px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:6px;padding:8px}.license-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.license-item:last-child{border-bottom:none}.license-item:hover{background-color:#f8fafc}.license-item.unassigned{border-left:4px solid #dc2626;background-color:#fef2f2}.license-info{flex:1}.license-name{display:block;font-weight:600;color:#2d3748;margin-bottom:4px;font-size:.9em}.license-calculation{font-size:.8em;color:#64748b}.license-quantity{font-weight:500}.license-unit-price{color:#059669}.license-total{font-weight:700;color:#1e40af;font-size:1em}.no-licenses{text-align:center;padding:40px 20px;color:#64748b;font-style:italic}.quick-stats-section{margin-top:24px}.quick-stats-section h4{margin:0 0 16px;color:#1a202c;font-size:1.1em;font-weight:600;text-align:center}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-card{display:flex;align-items:center;gap:12px;background:#fff;padding:16px;border-radius:6px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.stat-icon{font-size:2em;opacity:.8}.stat-content{display:flex;flex-direction:column}.stat-value{font-weight:700;color:#1e40af;font-size:1.3em;line-height:1.2}.stat-label{font-size:.85em;color:#64748b;margin-top:2px;font-weight:500}.custom-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px;box-shadow:0 4px 12px #00000026}.tooltip-label{font-weight:600;color:#2d3748;margin:0 0 6px;font-size:.9em}.tooltip-value{color:#1e40af;font-weight:700;margin:0;font-size:1.1em}.tooltip-quantity{color:#64748b;font-size:.8em;margin:4px 0 0}.floating-content::-webkit-scrollbar{width:6px}.floating-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.floating-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.floating-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.licenses-scroll-container::-webkit-scrollbar{width:4px}.licenses-scroll-container::-webkit-scrollbar-track{background:#f1f5f9}.licenses-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}@media (max-width: 1024px){.header-main{flex-direction:column;gap:16px}.header-controls{align-items:stretch;width:100%}.view-controls{justify-content:center}.charts-side-by-side{grid-template-columns:1fr;gap:16px}.chart-container.compact{height:200px}}@media (max-width: 768px){.floating-content{padding:0 16px 16px;max-height:400px}.floating-header{padding:16px 16px 0}.view-controls{flex-wrap:wrap}.view-btn{flex:1;min-width:100px;justify-content:center}.quick-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.quick-stats{grid-template-columns:1fr}.header-title{flex-direction:column;align-items:flex-start;gap:8px}.title-icon{font-size:1.8em}.view-btn .btn-text{display:none}.view-btn{padding:8px 12px}.btn-icon{font-size:1.4em}}@media (max-width: 1024px){.charts-side-by-side{grid-template-columns:1fr;gap:16px}.chart-container.compact{height:220px}}@media (max-width: 768px){.horizontal-bar-legend{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px}.bar-legend-item{flex:0 0 auto}}.horizontal-bar-legend{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:10px;padding:8px 10px;flex-wrap:wrap;border-top:1px solid #f1f5f9}.bar-legend-item{display:flex;align-items:center;gap:6px;font-size:.75em;background:#f8fafc;padding:4px 8px;border-radius:6px;border:1px solid #e2e8f0;white-space:nowrap}.bar-legend-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.bar-legend-name{color:#475569;font-weight:500;margin-right:4px}.bar-legend-percentage{font-weight:600;color:#1e40af;background:#f0f4ff;padding:1px 4px;border-radius:3px;font-size:.7em}.recharts-bar-rectangle{transition:opacity .2s ease}.recharts-bar-rectangle:hover{opacity:.8}@media (max-width: 1024px){.charts-side-by-side{grid-template-columns:1fr;gap:16px}.chart-container.compact{height:240px}}@media (max-width: 768px){.horizontal-bar-legend{gap:8px}.bar-legend-item{font-size:.7em;padding:3px 6px;gap:4px}.bar-legend-color{width:8px;height:8px}}@media (max-width: 480px){.horizontal-bar-legend{flex-direction:column;gap:6px;align-items:stretch}.bar-legend-item{justify-content:center;text-align:center}}.title-logo{width:32px;height:32px;object-fit:contain;margin-top:4px}.title-icon{display:none}@media (max-width: 768px){.title-logo{width:28px;height:28px}}@media (max-width: 480px){.title-logo{width:24px;height:24px}}.bar-animation{transition:all .3s ease}.recharts-bar-rectangle{transition:transform .3s ease}.floating-totals-professional{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recharts-bar{transform-origin:bottom}@keyframes fadeIn{to{opacity:1}}.progress-segment{transform-origin:left;opacity:.8;transition:all .3s ease}@keyframes growWidth{0%{width:0%;opacity:0}to{width:attr(data-width);opacity:.8}}.progress-segment{animation:growWidthFallback 1.2s ease-out forwards}@keyframes growWidthFallback{to{opacity:.8}}.legend-item{opacity:0;animation:slideInLeft .5s ease-out forwards}.legend-item:nth-child(1){animation-delay:.6s}.legend-item:nth-child(2){animation-delay:.7s}.legend-item:nth-child(3){animation-delay:.8s}.legend-item:nth-child(4){animation-delay:.9s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.top-users-list{max-height:250px;overflow-y:auto;padding:8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff}.top-user-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease}.top-user-item:last-child{margin-bottom:0}.top-user-item:hover{background:#fff;border-color:#0078d4;box-shadow:0 2px 8px #0078d426;transform:translate(2px)}.user-rank{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:#64748b;color:#fff;border-radius:50%;font-weight:600;font-size:13px;flex-shrink:0}.top-user-item:nth-child(1) .user-rank{background:#fbbf24;color:#1e293b}.top-user-item:nth-child(2) .user-rank{background:#94a3b8;color:#fff}.top-user-item:nth-child(3) .user-rank{background:#cd7f32;color:#fff}.user-info-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-name-email{display:flex;flex-direction:column;gap:2px}.user-name-top{font-weight:6200;font-size:13px;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email-top{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-department-top{font-size:10px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-cost-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.user-total-cost{font-weight:700;font-size:14px;color:#1e40af}.user-licenses-count{font-size:10px;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:4px;font-weight:500}.no-users{text-align:center;padding:40px 20px;color:#64748b;font-style:italic;font-size:14px}.top-users-list::-webkit-scrollbar{width:4px}.top-users-list::-webkit-scrollbar-track{background:#f1f5f9}.top-users-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.top-users-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.top-user-item{gap:10px;padding:10px}.user-rank{min-width:28px;height:28px;font-size:12px}.user-name-top{font-size:12px}.user-total-cost{font-size:13px}}.chart-header-top-10{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:-5px}.floating-totals-professional{height:auto;min-height:0;overflow:visible;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.floating-totals-professional .floating-header{padding:24px 28px 18px;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#f8fbff,#fff 62%);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.floating-totals-professional .header-main{margin-bottom:0}.floating-totals-professional .dashboard-eyebrow,.floating-totals-professional .chart-eyebrow{display:block;margin-bottom:4px;color:var(--color-primary);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.floating-totals-professional .header-title{gap:14px}.floating-totals-professional .title-logo{width:34px;height:34px;padding:3px;background:#fff;border:1px solid #dbeafe;border-radius:10px;box-shadow:var(--shadow-sm)}.floating-totals-professional .header-title h3{font-size:1.35rem;letter-spacing:-.02em}.floating-totals-professional .total-amount{color:var(--color-primary);font-size:1rem}.floating-totals-professional .view-controls{padding:4px;background:#f1f5f9;border-radius:var(--radius-lg)}.floating-totals-professional .view-btn{border-radius:var(--radius-md)}.floating-totals-professional .view-btn.active{color:var(--color-primary);box-shadow:var(--shadow-sm)}.floating-totals-professional .floating-content{padding:22px 28px 28px;overflow:visible}.floating-totals-professional .progress-section{margin-bottom:22px}.floating-totals-professional .progress-bar{height:18px;border-radius:999px}.floating-totals-professional .progress-segment{min-width:0}.floating-totals-professional .segment-label{font-size:.66rem}.floating-totals-professional .progress-legend{justify-content:flex-start;gap:14px}.floating-totals-professional .charts-side-by-side{gap:18px;margin-bottom:24px}.floating-totals-professional .chart-container.compact{height:270px;padding:18px;border-radius:var(--radius-lg);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.floating-totals-professional .chart-header,.floating-totals-professional .chart-header-top-10{margin-bottom:8px}.floating-totals-professional .chart-header h4,.floating-totals-professional .chart-header-top-10 h4,.floating-totals-professional .quick-stats-section h4{margin:0;color:var(--color-text);font-size:1rem;letter-spacing:-.01em}.floating-totals-professional .quick-stats-section{margin-top:0}.floating-totals-professional .quick-stats-section>.chart-eyebrow{margin-bottom:2px}.floating-totals-professional .quick-stats-section h4{margin-bottom:14px;text-align:left}.floating-totals-professional .quick-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.floating-totals-professional .stat-card{min-height:108px;padding:18px;border-radius:var(--radius-lg);border-color:var(--color-border);box-shadow:none}.floating-totals-professional .stat-card:hover{border-color:#bfdbfe;box-shadow:var(--shadow-md)}.floating-totals-professional .stat-icon{font-size:1.8rem}.floating-totals-professional .stat-value{color:var(--color-text);font-size:1.2rem}.floating-totals-professional .stat-label{color:var(--color-text-muted);letter-spacing:.03em;text-transform:uppercase}@media (max-width: 1200px){.floating-totals-professional .quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){.floating-totals-professional .floating-header,.floating-totals-professional .floating-content{padding-left:20px;padding-right:20px}.floating-totals-professional .header-controls{margin-top:4px}.floating-totals-professional .view-controls{width:100%;overflow-x:auto;justify-content:flex-start}.floating-totals-professional .view-btn{flex:1 0 auto}.floating-totals-professional .chart-container.compact{height:280px}}@media (max-width: 640px){.floating-totals-professional{border-radius:var(--radius-lg)}.floating-totals-professional .floating-header{padding:18px 16px 14px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.floating-totals-professional .floating-content{padding:16px}.floating-totals-professional .header-title h3{font-size:1.15rem}.floating-totals-professional .total-amount{font-size:.92rem}.floating-totals-professional .view-btn{min-width:max-content;padding:8px 10px}.floating-totals-professional .chart-container.compact{height:260px;padding:14px}.floating-totals-professional .quick-stats{grid-template-columns:1fr}.floating-totals-professional .stat-card{min-height:82px}.floating-totals-professional .progress-legend{gap:8px 12px}}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem 0}.pagination-info{font-size:.9rem;color:#666;font-weight:500}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.pagination-btn{padding:.5rem 1rem;background-color:#4299e1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;min-width:40px;display:inline-flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background-color:#3182ce;transform:translateY(-1px);box-shadow:0 2px 8px #4299e14d}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{background-color:#a0aec0;cursor:not-allowed;opacity:.6}.pagination-btn.active{background-color:#2c5282;font-weight:600;box-shadow:0 2px 4px #0000001a}.pagination-ellipsis{font-size:.95rem;color:#4a5568;font-weight:500;padding:0 .5rem;display:inline-flex;align-items:center}@media (max-width: 768px){.pagination-btn{padding:.4rem .7rem;font-size:.85rem;min-width:36px}.pagination-controls{gap:.3rem}}@media (prefers-color-scheme: dark){.pagination-info,.pagination-ellipsis{color:#cbd5e0}}.no-results-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:40px 20px;text-align:center;margin:20px 0}.no-results-content{max-width:500px;margin:0 auto}.no-results-icon{font-size:3rem;margin-bottom:15px;opacity:.5}.no-results-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:10px}.no-results-text{font-size:14px;color:#64748b;margin-bottom:20px;line-height:1.5}.no-results-button{padding:8px 20px;background:#e3f2fd;color:#1e293b;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.no-results-button:hover{background:#d8efff;color:#202a3a}@media (max-width: 768px){.no-results-container{padding:30px 15px}.no-results-icon{font-size:2.5rem}.no-results-title{font-size:1.1rem}.no-results-text{font-size:13px}}.mobile-user-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:12px;overflow:hidden;transition:all .3s ease}.mobile-user-card.expanded{box-shadow:0 4px 16px #00000026}.mobile-card-header{padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#fff;transition:background-color .2s}.mobile-card-header:hover{background:#f8fafc}.mobile-user-info{flex:1}.mobile-user-name{font-weight:600;font-size:16px;color:#1e293b;margin-bottom:4px}.mobile-user-email{font-size:13px;color:#64748b;margin-bottom:4px}.mobile-user-department{font-size:12px;color:#94a3b8}.mobile-total-cost{display:flex;align-items:center;gap:12px}.mobile-total-cost strong{font-size:18px;color:#0ea5e9;font-weight:700}.mobile-expand-icon{font-size:20px;color:#94a3b8;transition:transform .3s}.mobile-card-details{padding:16px;background:#f8fafc;border-top:1px solid #e2e8f0;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-detail-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.mobile-detail-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.mobile-detail-section h4{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:12px}.mobile-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px}.mobile-detail-row span:first-child{color:#64748b;font-weight:500}.mobile-detail-row span:last-child{color:#1e293b;font-weight:600}.mobile-licenses{display:flex;flex-direction:column;gap:8px}.mobile-license-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;font-size:13px}.mobile-license-item span:first-child{color:#475569;flex:1}.mobile-license-item span:last-child{color:#0ea5e9;font-weight:600}.mobile-total-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:6px;margin-top:12px;font-weight:600}.mobile-total-row span:first-child{color:#475569}.mobile-total-row span:last-child{color:#0ea5e9;font-size:16px}.mobile-system-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:#fff;border-radius:6px;margin-bottom:8px;font-size:13px}.mobile-system-item>div{flex:1}.mobile-system-item span:first-child{color:#475569;font-weight:500;display:block;margin-bottom:4px}.mobile-system-item>span:last-child{color:#0ea5e9;font-weight:600;font-size:14px}.mobile-sap-details{font-size:12px;color:#64748b;margin-top:4px}.mobile-powerbi-btn{width:100%;padding:10px;background:#0ea5e9;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;margin-top:8px;transition:all .2s}.mobile-powerbi-btn:hover{background:#0284c7;transform:translateY(-1px)}.mobile-actions{display:flex;gap:8px;margin-top:16px}.mobile-action-btn{flex:1;padding:10px;background:#e2e8f0;color:#475569;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.mobile-action-btn:hover{background:#cbd5e0}.mobile-actions .mobile-powerbi-btn{flex:1;margin-top:0}.app-search{position:relative;display:inline-block;width:min(100%,320px)}.app-search__input{width:100%;padding:7px 35px 7px 15px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.app-search__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.app-search__clear{position:absolute;top:50%;right:8px;display:grid;width:24px;height:24px;padding:0;place-items:center;color:#94a3b8;background:transparent;border:0;border-radius:50%;cursor:pointer;transform:translateY(-50%)}.app-search__clear:hover{color:#475569;background:#f1f5f9}.app-search__clear:active{transform:translateY(-50%) scale(.95)}@media (max-width: 768px){.app-search{width:100%}}.user-count{display:flex;align-items:center;padding:8px 0}.user-count-text{font-size:14px;color:#64748b;font-weight:500}@media (max-width: 768px){.user-count-text{font-size:13px}}@media (prefers-color-scheme: dark){.user-count-text{color:#94a3b8}}.clouds-container{max-width:1400px;margin:0 auto;padding:20px}.clouds-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:20px}.clouds-header h1{margin:0;font-size:1.8rem}.header-status{display:flex;gap:15px;flex-wrap:wrap}.provider-status{padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.provider-status.online{background:#e8f5e8;color:#2e7d32}.provider-status.offline{background:#ffebee;color:#c62828}.tabs-container{display:flex;gap:5px;border-bottom:1px solid #ddd;margin-bottom:20px}.tab{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:1rem;color:#666;border-bottom:2px solid transparent;transition:all .2s}.tab:hover{color:#333}.tab.active{color:#007bff;border-bottom-color:#007bff}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.summary-card-title{font-size:.9rem;color:#666;margin-bottom:8px}.summary-card-value{font-size:1.8rem;font-weight:700;margin-bottom:5px}.summary-card-subtitle{font-size:.85rem;color:#666}.stats-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.stats-section h3{margin:0 0 15px}.category-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.category-stat-item{display:flex;justify-content:space-between;padding:8px 12px;background:#f8f9fa;border-radius:4px}.category-count{font-weight:700;color:#007bff}.loading-container,.error-container{text-align:center;padding:50px}.spinner{width:40px;height:40px;margin:0 auto 15px;border:3px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container button{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.error-container button:hover{background:#0056b3}.period-info{margin-top:30px;padding-top:15px;border-top:1px solid #ddd;text-align:right;color:#666}.resources-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.resources-container h3{margin:0 0 15px}.resources-table-wrapper{overflow-x:auto}.resources-table{width:100%;border-collapse:collapse;font-size:.9rem}.resources-table th{text-align:left;padding:12px;background:#f8f9fa;border-bottom:2px solid #ddd}.resources-table td{padding:12px;border-bottom:1px solid #eee}.resource-row{cursor:pointer;transition:background .2s}.resource-row:hover{background:#f5f5f5}.resource-row.expanded{background:#e3f2fd}.provider-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.provider-badge.aws{background:#f90;color:#fff}.provider-badge.azure{background:#0078d4;color:#fff}.resource-name{font-weight:500;margin-bottom:4px}.resource-id,.resource-category{font-size:.8rem;color:#666}.cost-value{font-weight:500;color:#28a745}.expand-button{width:24px;height:24px;border:none;background:none;cursor:pointer;font-size:1rem}.details-row{background:#f8f9fa}.resource-details{padding:20px}.resource-details h4{margin:0 0 15px;color:#333}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.detail-item{display:flex;gap:10px}.detail-label{font-weight:500;color:#666;min-width:120px}.detail-value{color:#333}.details-section{grid-column:span 2;margin-top:15px;padding:15px;background:#fff;border-radius:4px}.details-section h5{margin:0 0 10px;color:#333}.costs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cost-item{padding:10px;background:#f8f9fa;border-radius:4px;text-align:center}.cost-label{display:block;font-size:.85rem;color:#666;margin-bottom:5px}.cost-value-detailed{font-weight:500;color:#28a745}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.tag-item{padding:5px 10px;background:#e9ecef;border-radius:4px;font-size:.9rem}.tag-key{font-weight:500;margin-right:5px}.costs-tab{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.service-list{display:flex;flex-direction:column;gap:8px;margin-top:15px}.service-item{display:flex;justify-content:space-between;padding:10px;background:#f8f9fa;border-radius:4px}.service-cost{font-weight:500;color:#28a745}.search-section{background:#fff;border-radius:8px;padding:15px 20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:15px;align-items:center}.clouds-search-box{flex:1;min-width:250px}.clouds-search-box input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:.95rem}.clouds-search-box input:focus{outline:none;border-color:#007bff}.filter-group{display:flex;gap:10px;flex-wrap:wrap}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;min-width:150px;cursor:pointer}.filter-select:focus{outline:none;border-color:#007bff}.clear-filters{padding:8px 16px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.clear-filters:hover{background:#d32f2f}.clear-filters:disabled{background:#ffcdd2;cursor:not-allowed}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin:10px 20px;padding:10px;background:#e3f2fd;border-radius:4px}.filter-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;background:#fff;border:1px solid #007bff;border-radius:20px;font-size:.9rem}.filter-tag button{border:none;background:none;color:#666;cursor:pointer;font-size:1.2rem;line-height:1;padding:0 2px}.filter-tag button:hover{color:#f44336}.stats-summary{background:#f8f9fa;padding:8px 15px;border-radius:4px;font-size:.9rem;color:#666}.welcome-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 40px);padding:20px}.welcome-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:40px;max-width:500px;width:100%;text-align:center}.welcome-header{margin-bottom:30px}.welcome-icon{font-size:4rem;margin-bottom:15px}.welcome-header h1{color:#333;margin:0;font-size:1.8rem}.welcome-content{text-align:left}.welcome-content p{color:#666;line-height:1.6;margin-bottom:20px}.welcome-info,.contact-info{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border-left:4px solid #007bff}.welcome-info h3,.contact-info h3{color:#333;margin-top:0;margin-bottom:15px;font-size:1.1rem}.welcome-info ul{margin:0;padding-left:20px;color:#555}.welcome-info li{margin-bottom:8px;line-height:1.5}.contact-info p{margin:0;color:#555;line-height:1.6}.welcome-footer{border-top:1px solid #eee;padding-top:20px;margin-top:20px}.note{color:#6c757d!important;font-style:italic;margin:0}@media (max-width: 768px){.welcome-container{padding:10px;min-height:calc(100vh - 20px)}.welcome-card{padding:30px 20px}.welcome-icon{font-size:3rem}.welcome-header h1{font-size:1.5rem}}.welcome-icon img{width:70px;height:auto;display:block;margin:0 auto;border-radius:8px}.notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);background:#fff;border-radius:16px;padding:0;box-shadow:0 20px 60px #0000004d;z-index:1002;min-width:300px;max-width:300px;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.notification.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.notification-basic-content{display:flex;align-items:flex-start;padding:24px}.notification-icon{font-size:28px;margin-right:16px;flex-shrink:0}.notification-message{flex:1}.notification-title{font-weight:700;font-size:18px;margin-bottom:6px;letter-spacing:-.2px}.notification-text{color:#ffffffe6;line-height:1.5;font-size:14px}.notification-close{background:#fff3;border:none;font-size:18px;cursor:pointer;color:#fff;padding:0;margin-left:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.notification-close:hover{background:#ffffff4d;transform:scale(1.1)}.notification.success{background:linear-gradient(135deg,#10b981b4,#05966871);color:#fff}.notification.success .notification-title{color:#fff}.notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification.error .notification-title{color:#fff}.notification.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.notification.warning .notification-title{color:#fff}.notification.info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.notification.info .notification-title{color:#fff}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.notification-overlay.show{opacity:1}.notification:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}@media (max-width: 768px){.notification{min-width:85%;max-width:85%;margin:0 20px;border-radius:14px}.notification-basic-content{padding:20px}.notification-icon{font-size:24px;margin-right:14px}.notification-title{font-size:16px}.notification-text{font-size:13px}}@keyframes gentlePulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.02)}}.notification.show{animation:gentlePulse .3s ease}.admin-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.admin-header h1{color:#333;margin-bottom:10px}.admin-header p{color:#6c757d;font-size:1.1rem}.unauthorized-message,.loading,.empty-state{text-align:center;padding:40px;background:#f8f9fa;border-radius:8px;margin:20px 0}.message{padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dee2e6}.list-header h2{color:#333;margin:0}.save-button{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:500}.save-button:disabled{background:#3e4347;cursor:not-allowed}.save-button.all-saved:disabled{background:#fff;color:#495057;border:1px solid #ced4da}.save-button:hover:not(:disabled){background:#218838}.users-list{display:flex;flex-direction:column;gap:20px}.license-pricing-section{margin:28px 0;padding:20px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px}.license-price-card{display:grid;grid-template-columns:minmax(460px,2.6fr) minmax(130px,.7fr) minmax(140px,.7fr) auto;gap:10px;align-items:center;margin-top:10px;padding:12px;background:#fff;border:1px solid #dee2e6;border-radius:6px}.license-price-card small{display:block;color:#6c757d;font-weight:400;margin-top:4px}.license-price-card input{min-width:0;padding:8px;border:1px solid #ced4da;border-radius:4px}.license-price-card>strong{min-width:0}.license-name-input{box-sizing:border-box;display:block;width:100%;margin-top:6px;font-weight:600}.price-input{display:flex;align-items:center;overflow:hidden;border:1px solid #ced4da;border-radius:4px}.price-input span{padding:8px;background:#eef1f4;color:#343a40;font-weight:600}.price-input input{width:100%;border:0;border-radius:0}.price-date{color:#343a40;font-weight:600}@media (max-width: 900px){.license-price-card{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.license-price-card{grid-template-columns:1fr}}.user-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.user-main h3{margin:0 0 5px;color:#333}.user-email{color:#6c757d;margin:0 0 5px}.user-azure{color:#868e96;font-size:.8rem;margin:0;font-family:monospace}.current-role{text-align:right}.role-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;margin-left:8px;font-weight:500}.role-badge.admin{background:#dc3545;color:#fff}.role-badge.audaces{background:#fd7e14;color:#fff}.role-badge.user{background:#fff;color:#495057;border:1px solid #ced4da}.role-selection{margin-top:15px}.role-selection label{display:block;margin-bottom:10px;font-weight:500;color:#333}.role-options{display:flex;gap:15px;flex-wrap:wrap}.role-option{display:flex;align-items:flex-start}.role-option input[type=radio]{margin-top:3px;margin-right:8px}.role-option label{margin:0;cursor:pointer}.role-option label strong{display:block;margin-bottom:2px}.role-option label span{display:block;font-size:.8rem;color:#6c757d}.change-indicator{background:#fff3cd;color:#856404;padding:8px 12px;border-radius:4px;margin-top:10px;border:1px solid #ffeaa7;font-size:.9rem}@media (max-width: 768px){.admin-container{padding:10px}.user-info{flex-direction:column;gap:10px}.current-role{text-align:left}.role-options{flex-direction:column;gap:10px}.list-header{flex-direction:column;gap:15px;align-items:flex-start}}.admin-search-container{margin-bottom:25px}.admin-search-box{position:relative;max-width:200px}.license-search-box{max-width:420px}.license-search-box input{width:100%;box-sizing:border-box}.admin-search-placeholder{height:44px}.admin-search-box input{width:110%;padding:12px 45px 12px 15px;border:2px solid #dee2e6;border-radius:6px;font-size:14px;transition:border-color .3s ease}.admin-search-box input:focus{outline:none;border-color:#007bff}.admin-search-box:after{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#6c757d}.search-stats{margin-top:8px;color:#6c757d;font-size:.9rem}.toggle-view-button-desativados{min-height:44px;padding:11px 18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:1px solid #1d4ed8;border-radius:8px;cursor:pointer;font-weight:600;box-shadow:0 2px 5px #1d4ed82e;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.toggle-view-button-desativados:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 5px 12px #1d4ed83d;transform:translateY(-1px)}.toggle-view-button.active{background:#dc3545}.toggle-view-button-desativados:disabled{opacity:.6;cursor:not-allowed}.disabled-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.summary-card{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #dee2e6;text-align:center}.summary-card h4{font-size:.9rem;color:#6c757d;margin:0 0 10px;font-weight:500}.cost-value,.license-count-desativados{font-size:1.8rem;font-weight:600;color:#333;margin:0}.disabled-user-card{background:#fff;border-left:4px solid #dc3545}.license-pending-title{margin:26px 0 12px;color:#1f2937;font-size:1.05rem}.license-pending-group{margin-top:26px}.license-pending-description{margin:-4px 0 14px;color:#64748b;font-size:.92rem}.active-without-license-summary{border-color:#f4c66b;background:#fffbeb}.active-without-license-card{border-left-color:#f59e0b}.active-without-license-badge{background:#f59e0b;color:#422006}.active-without-license-recommendation{background:#fffbeb;border-left-color:#f59e0b;color:#854d0e}.disabled-badge{background:#dc3545;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;margin-left:8px;font-weight:500}.disabled-cost{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.disabled-cost strong{color:#333;font-size:.9rem}.cost-badge{background:#dc3545;color:#fff;padding:6px 12px;border-radius:4px;font-size:1rem;font-weight:600}.user-licenses{margin-top:15px;padding-top:15px;border-top:1px solid #dee2e6}.user-licenses h4{font-size:.9rem;color:#333;margin:0 0 10px;font-weight:500}.licenses-grid-desativados{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.license-item{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:8px 12px;border-radius:4px;border-left:3px solid #6c757d}.recommendation{margin-top:15px;padding:10px 12px;background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;font-size:.9rem;color:#856404}.loading-disabled{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;background:#f8f9fa;border-radius:8px;color:#6c757d}.loading-spinner{width:34px;height:34px;border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:pending-license-spin .8s linear infinite}@keyframes pending-license-spin{to{transform:rotate(360deg)}}.refresh-button{background:#1d4ed8;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:500;transition:background .3s ease}.refresh-button:hover:not(:disabled){background:#2158f1}.refresh-button:disabled{background:#6c757d;cursor:not-allowed}.user-id{color:#868e96;font-size:.8rem;font-family:monospace}@media (max-width: 768px){.toggle-view-button{margin-left:0;margin-top:10px;width:100%}.disabled-summary,.licenses-grid-desativados{grid-template-columns:1fr}.disabled-cost{align-items:flex-start}}.admin-navigation-actions{display:none;flex-wrap:wrap;gap:12px;margin-top:18px}.powerbi-report-page{max-width:1440px;margin:0 auto;padding:30px;color:#1e293b}.powerbi-report-header{margin-bottom:20px;padding:28px 30px;border-radius:10px;background:linear-gradient(135deg,#087bc7,#35a6e8);box-shadow:0 4px 12px #0e74b933}.powerbi-report-header h1{margin:5px 0 8px;color:#fff;font-size:clamp(1.8rem,3vw,2.45rem);letter-spacing:.2px}.powerbi-report-header p{margin:0;color:#ffffffe6;max-width:760px}.powerbi-eyebrow{margin:0;color:#e3f2fd!important;font-weight:700;font-size:.8rem;letter-spacing:.09em;text-transform:uppercase}.powerbi-usage-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.powerbi-usage-card{min-height:112px;padding:18px;text-align:left;border:1px solid #d7e4ef;border-radius:8px;background:#fff;box-shadow:0 2px 6px #0f172a14;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.powerbi-usage-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0f172a1f}.powerbi-usage-card.selected{border-color:#0794e3;box-shadow:inset 0 3px #0794e3,0 3px 10px #0794e329}.powerbi-usage-card span{display:block;color:#475569;font-size:.9rem}.powerbi-usage-card strong{display:block;margin-top:9px;color:#1e293b;font-size:2rem}.powerbi-usage-card.success strong{color:#059669}.powerbi-usage-card.warning strong{color:#c27908}.powerbi-usage-card.muted strong{color:#64748b}.powerbi-filters{display:flex;align-items:end;flex-wrap:wrap;gap:14px;padding:19px 20px;margin-bottom:13px;border:1px solid #e2e8f0;border-left:4px solid #e3f2fd;border-radius:8px;background:#fff;box-shadow:0 2px 5px #0f172a0d}.powerbi-filters label{display:grid;gap:6px;color:#334155;font-size:.82rem;font-weight:700}.powerbi-filters input,.powerbi-filters select{height:40px;min-width:180px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;padding:0 10px;background:#fff;color:#1e293b;font:inherit}.powerbi-filters input:focus,.powerbi-filters select:focus{outline:2px solid rgba(66,153,225,.22);border-color:#4299e1}.powerbi-filters .powerbi-search input{min-width:270px}.powerbi-clear,.powerbi-pagination button,.powerbi-error button{border:0;border-radius:6px;padding:10px 14px;cursor:pointer;font-weight:600}.powerbi-clear,.powerbi-pagination button{background:#eaf2fa;color:#1d5f97}.powerbi-clear:hover,.powerbi-pagination button:not(:disabled):hover{background:#dcecf8}.powerbi-context{margin:13px 2px 18px;color:#64748b;font-size:.88rem}.powerbi-error{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:12px 16px;border-radius:8px;background:#fff1f1;color:#a12b2b}.powerbi-error button{background:#a12b2b;color:#fff}.powerbi-table-panel{overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0f172a1a}.powerbi-table-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #e2e8f0}.powerbi-table-heading h2{margin:0;color:#1e293b;font-size:1.1rem}.powerbi-table-heading span{color:#64748b;font-size:.9rem}.powerbi-table-scroll{overflow-x:auto}.powerbi-table-panel table{width:100%;min-width:960px;border-collapse:collapse}.powerbi-table-panel th{padding:15px 16px;text-align:left;color:#232323;background:#e3f2fd;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.powerbi-table-panel td{padding:15px 16px;border-bottom:1px solid #f1f5f9;color:#475569;vertical-align:middle;font-size:.9rem}.powerbi-table-panel tbody tr:not(:has(.powerbi-details)):hover{background:#f8fafc}.powerbi-table-panel td strong{display:block;color:#1e293b}.powerbi-table-panel td small{display:block;margin-top:4px;color:#64748b}.powerbi-table-state{padding:34px!important;text-align:center;color:#64748b}.powerbi-status{display:inline-flex;border-radius:99px;padding:5px 9px;font-size:.78rem;font-weight:700;white-space:nowrap}.powerbi-status.active{color:#177246;background:#eaf7ef}.powerbi-status.inactive{color:#975706;background:#fff4dc}.powerbi-status.no_activity_observed{color:#5f6c7f;background:#edf1f5}.powerbi-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;color:#64748b;font-size:.9rem}.powerbi-pagination button:disabled{opacity:.45;cursor:not-allowed}.powerbi-details{margin:0 -16px;padding:22px 36px;background:#f8fafc;border-top:1px solid #e8eef5}.powerbi-details h3{margin:0 0 14px;color:#1e293b;font-size:1rem}.powerbi-event-list{display:grid;gap:8px}.powerbi-event{display:grid;grid-template-columns:165px minmax(140px,.65fr) 1.5fr;gap:12px;padding:10px 12px;border-radius:6px;background:#fff;border-left:3px solid #d8edf9}.powerbi-event time,.powerbi-event small{color:#64748b}.powerbi-details-toggle{min-width:92px;padding:6px 10px;border:0;border-radius:5px;background:#087bc7;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.powerbi-details-toggle:hover{background:#0567aa}.powerbi-details-toggle.open{background:#1d5f97}.powerbi-details-row>td{padding:0!important}.powerbi-details-row .powerbi-details{animation:powerbi-details-in .22s ease both}.powerbi-details-row.is-closing .powerbi-details{animation:powerbi-details-out .22s ease both;overflow:hidden}@keyframes powerbi-details-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes powerbi-details-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@media (max-width: 900px){.powerbi-report-page{padding:20px}.powerbi-usage-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.powerbi-report-header{padding:24px}.powerbi-filters .powerbi-search,.powerbi-filters .powerbi-search input{width:100%;min-width:0}}@media (max-width: 540px){.powerbi-report-page{padding:14px}.powerbi-report-header{padding:20px}.powerbi-usage-cards{grid-template-columns:1fr}.powerbi-filters label,.powerbi-filters select,.powerbi-filters input{width:100%}.powerbi-filters{align-items:stretch}.powerbi-clear{width:100%}.powerbi-event{grid-template-columns:1fr;gap:4px}.powerbi-details{padding:18px 20px}}.tutorial-floating-btn{position:fixed;bottom:24px;right:24px;z-index:1000;background:#007bff;color:#fff;border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #007bff4d,0 2px 8px #0000001a,inset 0 1px #fff3;transition:all .4s cubic-bezier(.25,.46,.45,.94);font-weight:700}.tutorial-floating-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(135deg,#fff3,#fff0);opacity:0;transition:opacity .4s ease}.tutorial-floating-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #007bff34,0 3px 10px #00000026,inset 0 1px #ffffff4d}@keyframes spotlightFadeIn{0%{opacity:0;box-shadow:0 0 0 9999px #0000,0 0 0 2px #007bff00!important}to{opacity:1;box-shadow:0 0 0 9999px #000000f2,0 0 0 4px #007bff,0 0 0 8px #007bff66,0 0 40px #007bff99,inset 0 0 30px #007bff33!important}}.react-joyride__spotlight{border-radius:var(--radius-lg)!important;box-shadow:0 0 0 3px #2563ebd1,0 0 0 7px #2563eb2e,0 10px 28px #2563eb4d!important;animation:tutorial-spotlight-pulse 2.8s ease-in-out infinite!important}@keyframes tutorial-spotlight-pulse{0%,to{box-shadow:0 0 0 3px #2563ebd1,0 0 0 7px #2563eb2e,0 10px 28px #2563eb4d!important}50%{box-shadow:0 0 0 3px #2563ebf2,0 0 0 10px #2563eb47,0 12px 34px #2563eb61!important}}.react-joyride__overlay{background-color:#0f172a85!important}.tutorial-stable-spotlight{position:fixed;z-index:10000;pointer-events:none;border-radius:var(--radius-lg);box-shadow:0 0 0 3px #2563ebd1,0 0 0 7px #2563eb2e,0 0 0 9999px #0f172a85;transition:top .14s ease-out,left .14s ease-out,width .14s ease-out,height .14s ease-out}.tutorial-opening .tutorial-stable-spotlight{animation:tutorial-overlay-fade-in .3s ease-out forwards}.tutorial-exiting .tutorial-stable-spotlight{animation:tutorial-overlay-fade-out .24s ease-in forwards}.tutorial-opening .react-joyride__overlay{animation:tutorial-overlay-fade-in .2s ease-out forwards!important}.tutorial-exiting .react-joyride__overlay{animation:tutorial-overlay-fade-out .18s ease-in forwards!important}@keyframes tutorial-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tutorial-overlay-fade-out{0%{opacity:1}to{opacity:0}}.react-joyride__tooltip{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff!important;border:2px solid #e1e5e9!important;box-shadow:var(--shadow-lg)!important;border-radius:12px!important;opacity:1;transform:none;animation:none;transition:opacity .18s ease!important}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.react-joyride__tooltip h4{margin:0 0 12px!important;font-size:18px!important;font-weight:700!important;color:#007bff!important}.react-joyride__tooltip div{line-height:1.6!important;color:#4a5568!important;font-size:14px!important}.react-joyride__beacon{border:3px solid #007bff!important;background:#007bff!important;transform:scale(0);animation:beaconScaleIn .5s cubic-bezier(.4,0,.2,1) forwards,beacon-pulse 2s infinite .5s!important}@keyframes beaconScaleIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes beacon-pulse{0%{box-shadow:0 0 #007bffcc,0 0 0 15px #007bff80,0 0 0 30px #007bff4d!important}50%{box-shadow:0 0 0 15px #007bffcc,0 0 0 30px #007bff80,0 0 0 45px #007bff4d!important}to{box-shadow:0 0 0 30px #007bff00,0 0 0 45px #007bff00,0 0 0 60px #007bff00!important}}.react-joyride__tooltip .react-joyride__tooltip__arrow{border-color:#007bff!important}.react-joyride__tooltip .react-joyride__tooltip__progress{color:#007bff!important;font-weight:600!important}.react-joyride__tooltip[data-step-changing=true]{animation:stepChange .4s cubic-bezier(.4,0,.2,1)!important}@keyframes stepChange{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.react-joyride__spotlight{z-index:9999!important}.react-joyride__tooltip{z-index:10000!important}.react-joyride__beacon{z-index:10001!important}@media (max-width: 768px){.tutorial-floating-btn{bottom:20px;right:20px;width:56px;height:56px}.react-joyride__tooltip{max-width:90vw!important;margin:0 16px!important;border-radius:10px!important}.react-joyride__tooltip h4{font-size:16px!important}.react-joyride__tooltip div{font-size:13px!important}.react-joyride__spotlight{box-shadow:0 0 0 9999px #000000f2,0 0 0 3px #007bff,0 0 25px #007bff80!important;animation:spotlightFadeIn .4s ease-out forwards!important}}.react-joyride__tooltip__progress:before{content:"Passo "!important}.react-joyride__tooltip__progress:after{content:" de "!important}.react-joyride__tooltip__progress span{display:none}.react-joyride__tooltip__progress:before{content:"Passo " attr(data-index) " de " attr(data-total)!important}.tutorial-logo{display:flex;align-items:center;height:32px}.tutorial-logo img{height:100%;width:auto;object-fit:contain}.tutorial-tooltip-step{animation:tutorial-step-fade-in .18s ease-out forwards!important}@keyframes tutorial-step-fade-in{0%{opacity:0}to{opacity:1}}.tutorial-tooltip-step-leaving{animation:tutorial-step-fade-out .12s ease-in forwards!important;pointer-events:none}@keyframes tutorial-step-fade-out{0%{opacity:1}to{opacity:0}}.main-content{width:100%;min-width:0;padding:20px 20px 80px;transition:margin-left .3s ease,width .3s ease}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--color-text: #1f2937;--color-text-muted: #6b7280;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-border: #e2e8f0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 4px 12px rgba(15, 23, 42, .12);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .16);--sidebar-width: 220px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-y:scroll}button,input,select,textarea{font:inherit}@media (min-width: 1025px){.main-content{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width)}}@media (max-width: 1023px){.main-content{width:100%;margin-left:0;padding:15px 10px 60px}}@media (max-width: 600px){.main-content{padding:10px 8px 50px}}