:root{background-color:#070c27;font-family:Poppins;padding:30px;--sonner-toast-z-index: 9999;--sonner-bg: var(--background-secondary);--sonner-text-color: var(--text-primary)}*{font-family:Poppins}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}[data-sonner-toast][data-dismissible=false]{transition:transform .3s ease,opacity .3s ease}@media (min-width: 768px){[data-sonner-toaster]{--gap: 12px}}[data-sonner-toast][data-styled=true]:focus-visible{outline:2px solid #4299e1}#sidebar{position:fixed;bottom:0;width:95%;height:70px;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-radius:50px 0 0;color:#ffffffd4;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;z-index:1000;background-color:#6132e8}.nav-button{background-color:#ffffff1a;padding:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;position:relative}.notification-badge{position:absolute;top:-8px;right:-8px;background:#e53e3e;color:#fff;border-radius:50%;padding:2px 6px;font-size:10px;font-weight:600;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid #6132e8;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #e53e3eb3}70%{box-shadow:0 0 0 10px #e53e3e00}to{box-shadow:0 0 #e53e3e00}}.notifications-dropdown{position:absolute;bottom:60px;left:0;width:380px;max-height:500px;background:#1a202c;border-radius:12px;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000000a;border:1px solid rgba(45,55,72,.7);z-index:2000;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(45,55,72,.7);background:#1a202ce6}.notifications-header h3{margin:0;color:#e2e8f0;font-size:1.1rem;font-weight:600}.close-notifications{background:none;border:none;color:#a0aec0;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-notifications:hover{color:#e2e8f0;background:#2d374880}.notifications-content{max-height:350px;overflow-y:auto;overflow-x:hidden}.notifications-content::-webkit-scrollbar{width:6px}.notifications-content::-webkit-scrollbar-track{background:#2d37484d}.notifications-content::-webkit-scrollbar-thumb{background:#4fd1c580;border-radius:3px}.notifications-content::-webkit-scrollbar-thumb:hover{background:#4fd1c5b3}.notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#a0aec0}.notifications-loading p{margin:.75rem 0 0;font-size:.9rem}.loading-spinner.small{width:24px;height:24px;border:2px solid rgba(79,209,197,.3);border-top:2px solid #4fd1c5;border-radius:50%;animation:spin 1s linear infinite}.notifications-list{padding:.5rem 0}.notification-item{display:flex;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(45,55,72,.3);transition:background-color .2s ease;position:relative}.notification-item:hover{background:#2d37484d}.notification-item.unread{background:#4fd1c50d;border-left:3px solid #4fd1c5}.notification-item.unread:before{content:"";position:absolute;left:.75rem;top:1.25rem;width:8px;height:8px;background:#4fd1c5;border-radius:50%;box-shadow:0 0 6px #4fd1c5cc}.notification-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0;margin-top:.25rem}.notification-icon.error,.notification-icon.alert{background:#f5656533;color:#f56565}.notification-icon.warning{background:#ed893633;color:#ed8936}.notification-icon.info{background:#4fd1c533;color:#4fd1c5}.notification-icon.status_change,.notification-icon.connection,.notification-icon.disconnection{background:#63b3ed33;color:#63b3ed}.notification-content{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem;gap:.5rem}.notification-header h4{margin:0;font-size:.9rem;font-weight:600;color:#e2e8f0;line-height:1.3;word-wrap:break-word;flex:1}.notification-time{font-size:.75rem;color:#a0aec0;white-space:nowrap;flex-shrink:0}.notification-content p{margin:0 0 .5rem;font-size:.85rem;color:#cbd5e0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.notification-device{display:block;font-size:.75rem;color:#a0aec0;margin-bottom:.5rem}.acknowledge-btn{background:linear-gradient(135deg,#4fd1c5,#2c7a7b);color:#fff;border:none;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.25rem}.acknowledge-btn:hover{background:linear-gradient(135deg,#2c7a7b,#1a6b6b);transform:translateY(-1px);box-shadow:0 2px 5px #4fd1c54d}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#a0aec0;text-align:center}.notifications-empty svg{font-size:2rem;margin-bottom:.75rem;opacity:.5}.notifications-empty p{margin:0;font-size:.9rem}.notifications-footer{padding:.75rem 1.25rem;border-top:1px solid rgba(45,55,72,.7);background:#1a202ce6}.refresh-notifications{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;background:#2d374880;border:1px solid rgba(74,85,104,.5);border-radius:.375rem;color:#cbd5e0;cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:500;justify-content:center}.refresh-notifications:hover:not(:disabled){background:#4a5568b3;border-color:#4fd1c580;color:#e2e8f0}.refresh-notifications:disabled{cursor:not-allowed;opacity:.6}ul.desktopSidebar{display:flex}#sidebar ul{align-items:center;justify-content:center;gap:10px;list-style:none;padding:0;margin:0;flex:1}#sidebar ul li{cursor:pointer;border-radius:15px;padding:10px;position:relative;display:flex;flex-direction:column;align-items:center;transition:.2s ease-in-out}#sidebar ul li:hover{color:#fff;background-color:#ffffff1d}.nav-button:hover{background-color:#fff3}.avatar-tooltip{position:absolute;bottom:60px;right:30px;background-color:#131649;color:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;gap:8px;animation:fadeIn .3s ease-in-out;z-index:10}.avatar-tooltip button{background:none;border:none;color:#fff;padding:5px 12px;border-radius:5px;text-align:left;cursor:pointer;font-family:Poppins;transition:background-color .2s ease}.avatar-tooltip button:hover{background-color:#fff3}#sidebar ul li{padding:10px;border-radius:10px;transition:background-color .2s ease-in-out;cursor:pointer;margin:0 auto;width:fit-content}#sidebar ul li.active{background-color:#ffffff2f;color:#fff!important}.hamburger-menu{display:none;position:fixed;top:20px;right:20px;background:#6132e8;padding:10px;border-radius:5px;cursor:pointer;z-index:1001;color:#fff}.tooltip{font-weight:500;position:absolute;bottom:65px;background-color:#e9e9e9;color:#131649;padding:6px 12px;border-radius:8px;font-size:13px;white-space:nowrap;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.tooltip.visible{opacity:1;transform:translateY(0)}.desktopSidebar{display:block}.mobileSidebar{display:none}@media (max-width: 767px){ul.desktopSidebar{display:none}.mobileSidebar{display:block}.notifications-dropdown{left:-20px;width:320px;max-height:400px}.notification-header h4{font-size:.85rem}.notification-content p{font-size:.8rem}}.mobile-dropdown{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:#131649f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:8px 0;min-width:200px;box-shadow:0 8px 25px #0000004d;border:1px solid rgba(255,255,255,.1);animation:upDrop .3s ease-out;z-index:2000}@keyframes upDrop{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mobile-dropdown a{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#ffffffe6;text-decoration:none;font-size:14px;font-weight:500;transition:background-color .2s ease}.mobile-dropdown a:hover{background-color:#ffffff1a}.dropdown-divider,.tooltip-divider{height:1px;background:#ffffff1a;margin:8px 16px}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#ffffffe6;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:#ffffff1a}.logout-button{background:none;border:none;color:#ffffffe6;padding:5px 12px;border-radius:5px;text-align:left;cursor:pointer;font-family:Poppins;font-size:14px;transition:background-color .2s ease;display:flex;align-items:center;gap:8px;width:100%}.logout-button:hover{background-color:#ffffff1a}@media (max-width: 480px){.notifications-dropdown{left:-40px;width:280px;max-height:350px}.notification-item{padding:.75rem 1rem}.notification-header h4{font-size:.8rem}.notification-content p{font-size:.75rem}}.stat-card{background:var(--card-bg, rgba(255, 255, 255, .1));-webkit-backdrop-filter:var(--backdrop-blur, blur(10px));backdrop-filter:var(--backdrop-blur, blur(10px));border:1px solid var(--border-color, rgba(45, 55, 72, .5));border-radius:var(--border-radius-xl, 1rem);padding:var(--spacing-2xl, 1.5rem);transition:var(--transition-normal, all .2s ease);display:flex;align-items:flex-start;gap:var(--spacing-lg, 1rem);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-color, #4fd1c5);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 8px 25px rgba(0, 0, 0, .15));background:var(--card-bg-hover, rgba(255, 255, 255, .15))}.stat-icon{font-size:var(--font-size-2xl, 1.5rem);padding:var(--spacing-md, .75rem);background:#4fd1c51a;border:1px solid rgba(79,209,197,.2);border-radius:var(--border-radius-lg, .75rem);color:var(--accent-color, #4fd1c5);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.stat-icon.success{color:var(--success-color, #4caf50);background:#4caf501a;border-color:#4caf5033}.stat-icon.warning{color:var(--warning-color, #f59e0b);background:#f59e0b1a;border-color:#f59e0b33}.stat-icon.error,.stat-icon.negative{color:var(--error-color, #ef4444);background:#ef44441a;border-color:#ef444433}.stat-icon.positive{color:var(--success-color, #4caf50);background:#4caf501a;border-color:#4caf5033}.stat-icon.info{color:var(--info-color, #3b82f6);background:#3b82f61a;border-color:#3b82f633}.stat-icon.neutral{color:var(--text-secondary, #a0aec0);background:#a0aec01a;border-color:#a0aec033}.stat-card:hover .stat-icon{transform:scale(1.1);box-shadow:0 4px 12px #4fd1c540}.stat-card:hover .stat-icon.success{box-shadow:0 4px 12px #4caf5040}.stat-card:hover .stat-icon.warning{box-shadow:0 4px 12px #f59e0b40}.stat-card:hover .stat-icon.error,.stat-card:hover .stat-icon.negative{box-shadow:0 4px 12px #ef444440}.stat-card:hover .stat-icon.info{box-shadow:0 4px 12px #3b82f640}.stat-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.stat-info h3{font-size:var(--font-size-sm, .875rem);color:var(--text-secondary, #a0aec0);margin:0;font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.stat-value{font-size:var(--font-size-3xl, 1.875rem);font-weight:var(--font-weight-bold, 700);margin:0;color:var(--text-primary, #e2e8f0);line-height:1.1;display:flex;align-items:baseline;gap:var(--spacing-xs, .25rem)}.stat-change{font-size:var(--font-size-sm, .875rem);color:var(--text-muted, rgba(255, 255, 255, .6));margin:0;font-weight:var(--font-weight-medium, 500);display:flex;align-items:center;gap:var(--spacing-xs, .25rem)}.stat-change.positive{color:var(--success-color, #4caf50)}.stat-change.negative{color:var(--error-color, #ef4444)}.stat-change.warning{color:var(--warning-color, #f59e0b)}.stat-change.neutral{color:var(--text-secondary, #a0aec0)}.stat-change.info{color:var(--info-color, #3b82f6)}.stat-card.clickable{cursor:pointer;transition:all .2s ease}.stat-card.clickable:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0003}.stat-card.clickable:active{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.stat-card.theme-primary:before{background:var(--primary-color, #6132e8)}.stat-card.theme-success:before{background:var(--success-color, #4caf50)}.stat-card.theme-warning:before{background:var(--warning-color, #f59e0b)}.stat-card.theme-error:before{background:var(--error-color, #ef4444)}.stat-card.theme-info:before{background:var(--info-color, #3b82f6)}.stat-card.has-alert{border-color:var(--warning-color, #f59e0b);background:#f59e0b0d}.stat-card.has-alert:before{background:var(--warning-color, #f59e0b);opacity:1}.stat-card.critical{border-color:var(--error-color, #ef4444);background:#ef44440d}.stat-card.critical:before{background:var(--error-color, #ef4444);opacity:1}.stat-card.healthy{border-color:var(--success-color, #4caf50);background:#4caf500d}.stat-card.healthy:before{background:var(--success-color, #4caf50);opacity:1}.stat-card.loading{opacity:.6;pointer-events:none}.stat-card.loading .stat-value{background:linear-gradient(90deg,#a0aec033 25%,#a0aec066,#a0aec033 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius-sm, .25rem);color:transparent;min-height:2rem}@media (max-width: 768px){.stat-card{padding:var(--spacing-lg, 1rem);gap:var(--spacing-md, .75rem)}.stat-icon{font-size:var(--font-size-xl, 1.25rem);padding:var(--spacing-sm, .5rem)}.stat-value{font-size:var(--font-size-2xl, 1.5rem)}.stat-info h3,.stat-change{font-size:var(--font-size-xs, .75rem)}}@media (max-width: 480px){.stat-card{padding:var(--spacing-md, .75rem);gap:var(--spacing-sm, .5rem)}.stat-icon{font-size:var(--font-size-lg, 1.125rem);padding:var(--spacing-xs, .25rem)}.stat-value{font-size:var(--font-size-xl, 1.25rem)}.stat-info h3,.stat-change{font-size:var(--font-size-xs, .75rem)}}@media (prefers-reduced-motion: reduce){.stat-card,.stat-icon,.stat-card.loading .stat-value{animation:none!important;transition:none!important}.stat-card:hover,.stat-card.clickable:hover,.stat-card:hover .stat-icon{transform:none}}@media (prefers-contrast: high){.stat-card{border-width:2px;background:var(--secondary-bg, rgba(26, 32, 44, .9))}.stat-icon{border-width:2px}.stat-value{color:var(--text-primary, #ffffff)}}@media print{.stat-card{break-inside:avoid;border:1px solid #ccc;background:#f9f9f9;color:#000;box-shadow:none;transform:none}.stat-icon{background:#e0e0e0;color:#666}.stat-value,.stat-info h3{color:#000}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl, 1.5rem);margin-bottom:var(--spacing-3xl, 2rem);width:100%}.stats-grid.compact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg, 1rem)}.stats-grid.wide{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-3xl, 2rem)}.stats-grid.two-columns{grid-template-columns:repeat(2,1fr)}.stats-grid.three-columns{grid-template-columns:repeat(3,1fr)}.stats-grid.four-columns{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.stats-grid.four-columns{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg, 1rem);margin-bottom:var(--spacing-2xl, 1.5rem)}.stats-grid.three-columns,.stats-grid.four-columns{grid-template-columns:repeat(2,1fr)}.stats-grid.compact{gap:var(--spacing-md, .75rem)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr;gap:var(--spacing-lg, 1rem)}.stats-grid.compact{gap:var(--spacing-md, .75rem)}.stats-grid.two-columns,.stats-grid.three-columns,.stats-grid.four-columns{grid-template-columns:1fr}}@media (min-width: 1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-grid.wide{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width: 1600px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-3xl, 2rem)}.stats-grid.wide{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-4xl, 2.5rem)}}.stats-grid.loading{opacity:.6;pointer-events:none}.stats-grid{animation:fadeInGrid .8s ease-out}@keyframes fadeInGrid{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-grid.dashboard-layout{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-xl, 1.25rem);margin-bottom:var(--spacing-2xl, 1.5rem)}@media (max-width: 768px){.stats-grid.dashboard-layout{grid-template-columns:1fr 1fr;gap:var(--spacing-md, .75rem)}}@media (max-width: 480px){.stats-grid.dashboard-layout{grid-template-columns:1fr;gap:var(--spacing-lg, 1rem)}}@media (prefers-reduced-motion: reduce){.stats-grid{animation:none!important}}@media print{.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;break-inside:avoid;margin-bottom:1rem}}.overview-stats-container{width:100%;margin-bottom:var(--spacing-4xl, 2.5rem);animation:fadeInUp .6s ease-out}.section-title{font-size:var(--font-size-2xl, 1.5rem);font-weight:var(--font-weight-semibold, 600);margin-bottom:var(--spacing-2xl, 1.5rem);color:var(--text-primary, #e2e8f0);background:var( --text-gradient, linear-gradient(135deg, #81e6d9 0%, #4fd1c5 100%) );-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.025em;line-height:1.2;position:relative;display:inline-block;transition:all .3s ease}.section-title:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var( --accent-gradient, linear-gradient(90deg, var(--accent-color), var(--accent-hover)) );border-radius:1px;transition:width .3s ease}.section-title:hover:after{width:100%}.section-title:hover{transform:translateY(-1px);filter:brightness(1.1)}.section-title.with-icon{display:flex;align-items:center;gap:var(--spacing-md, .75rem)}.section-title.with-icon svg{font-size:var(--font-size-xl, 1.25rem);color:var(--accent-color, #4fd1c5);animation:pulse 2s infinite}.section-title.centered{text-align:center;width:100%;justify-content:center}.section-title.large{font-size:var(--font-size-3xl, 1.875rem);margin-bottom:var(--spacing-3xl, 2rem)}.section-title.small{font-size:var(--font-size-xl, 1.25rem);margin-bottom:var(--spacing-lg, 1rem)}.section-subtitle{color:var(--text-secondary, #a0aec0);font-size:var(--font-size-md, 1rem);font-weight:var(--font-weight-normal, 400);margin-top:var(--spacing-xs, .25rem);margin-bottom:var(--spacing-2xl, 1.5rem);line-height:1.5}.overview-stats-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl, 1.5rem);gap:var(--spacing-lg, 1rem);flex-wrap:wrap}.overview-stats-header .header-content{flex:1;min-width:200px}.overview-stats-header .header-actions{display:flex;gap:var(--spacing-md, .75rem);align-items:center;flex-shrink:0}.overview-stats-container.loading{opacity:.6;pointer-events:none}.overview-stats-container.loading .section-title{animation:pulse 1.5s ease-in-out infinite}.overview-stats-error{text-align:center;padding:var(--spacing-3xl, 2rem);color:var(--text-secondary, #a0aec0);background:var(--card-bg, rgba(255, 255, 255, .1));-webkit-backdrop-filter:var(--backdrop-blur, blur(10px));backdrop-filter:var(--backdrop-blur, blur(10px));border:1px solid var(--border-color, rgba(45, 55, 72, .5));border-radius:var(--border-radius-xl, 1rem);margin-bottom:var(--spacing-2xl, 1.5rem)}.overview-stats-error .error-icon{font-size:var(--font-size-4xl, 2.25rem);color:var(--error-color, #ef4444);margin-bottom:var(--spacing-lg, 1rem)}.overview-stats-error .error-message{font-size:var(--font-size-lg, 1.125rem);margin-bottom:var(--spacing-md, .75rem);color:var(--text-primary, #e2e8f0)}.overview-stats-error .error-description{font-size:var(--font-size-sm, .875rem);color:var(--text-muted, rgba(255, 255, 255, .6))}.overview-stats-empty{text-align:center;padding:var(--spacing-4xl, 2.5rem) var(--spacing-2xl, 1.5rem);color:var(--text-secondary, #a0aec0);background:var(--card-bg, rgba(255, 255, 255, .1));-webkit-backdrop-filter:var(--backdrop-blur, blur(10px));backdrop-filter:var(--backdrop-blur, blur(10px));border:2px dashed var(--border-color, rgba(45, 55, 72, .5));border-radius:var(--border-radius-xl, 1rem);margin-bottom:var(--spacing-2xl, 1.5rem)}.overview-stats-empty .empty-icon{font-size:var(--font-size-5xl, 3rem);color:var(--text-muted, rgba(255, 255, 255, .4));margin-bottom:var(--spacing-lg, 1rem)}.overview-stats-empty .empty-message{font-size:var(--font-size-lg, 1.125rem);margin-bottom:var(--spacing-sm, .5rem);color:var(--text-primary, #e2e8f0)}.overview-stats-empty .empty-description{font-size:var(--font-size-sm, .875rem);color:var(--text-muted, rgba(255, 255, 255, .6))}.overview-stats-container.theme-primary{--local-accent: var(--primary-color, #6132e8)}.overview-stats-container.theme-success{--local-accent: var(--success-color, #4caf50)}.overview-stats-container.theme-warning{--local-accent: var(--warning-color, #f59e0b)}.overview-stats-container.theme-error{--local-accent: var(--error-color, #ef4444)}.overview-stats-container.theme-info{--local-accent: var(--info-color, #3b82f6)}.overview-stats-container[class*=theme-] .section-title{background:linear-gradient(135deg,var(--local-accent),color-mix(in srgb,var(--local-accent) 80%,white));-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.overview-stats-skeleton{margin-bottom:var(--spacing-2xl, 1.5rem)}.overview-stats-skeleton .skeleton-title{height:32px;width:200px;background:linear-gradient(90deg,var(--card-bg) 25%,rgba(255,255,255,.2) 50%,var(--card-bg) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius-md, .5rem);margin-bottom:var(--spacing-2xl, 1.5rem)}@media (max-width: 768px){.overview-stats-container{margin-bottom:var(--spacing-3xl, 2rem)}.section-title{font-size:var(--font-size-xl, 1.25rem);margin-bottom:var(--spacing-lg, 1rem)}.section-title.large{font-size:var(--font-size-2xl, 1.5rem)}.overview-stats-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md, .75rem)}.overview-stats-header .header-actions{justify-content:flex-start;flex-wrap:wrap}.overview-stats-empty,.overview-stats-error{padding:var(--spacing-2xl, 1.5rem) var(--spacing-lg, 1rem)}}@media (max-width: 480px){.section-title{font-size:var(--font-size-lg, 1.125rem);margin-bottom:var(--spacing-md, .75rem);text-align:center}.section-title.with-icon{flex-direction:column;gap:var(--spacing-sm, .5rem)}.overview-stats-empty .empty-icon{font-size:var(--font-size-4xl, 2.25rem)}.overview-stats-skeleton .skeleton-title{width:150px;margin:0 auto var(--spacing-lg, 1rem)}}@media (prefers-color-scheme: dark){.section-title{filter:brightness(1.1)}.overview-stats-error,.overview-stats-empty{background:#ffffff0d;border-color:#ffffff1a}}@media (prefers-reduced-motion: reduce){.overview-stats-container,.section-title,.section-title:after,.overview-stats-skeleton .skeleton-title{animation:none!important;transition:none!important}.section-title:hover{transform:none;filter:none}}@media (prefers-contrast: high){.section-title{background:none;color:var(--text-primary, #ffffff)!important;border-bottom:2px solid var(--accent-color, #4fd1c5)}.overview-stats-error,.overview-stats-empty{border-width:2px;border-style:solid}}@media print{.overview-stats-container{break-inside:avoid;margin-bottom:1rem}.section-title{color:#000!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important}.overview-stats-error,.overview-stats-empty{border:1px solid #ccc;background:#f9f9f9}}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding:1rem 0;border-bottom:1px solid rgba(45,55,72,.3);flex-wrap:wrap;gap:1rem}.left-section{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1}.right-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.view-navigation{display:flex;gap:12px;align-items:center}.view-button{display:flex;align-items:center;gap:8px;background:#1a202c99;border:1px solid rgba(45,55,72,.8);color:#ffffffd9;border-radius:8px;padding:10px 14px;font-weight:500;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 5px #0000001a}.view-button.active{background:#4fd1c526;border-color:#4fd1c580;color:#4fd1c5;box-shadow:0 2px 8px #4fd1c533}.notification-update-btn{background:#8bc34a26;border-color:#8bc34a80;color:#8bc34a}.notification-update-btn:hover{background:#8bc34a40;box-shadow:0 2px 8px #8bc34a33}.view-button:hover{background:#2d3748cc;border-color:#4fd1c580;color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.last-update{display:flex;align-items:center;gap:8px;color:#e2e8f0b3;font-size:.9rem;font-weight:500;padding:8px 14px;border-radius:8px;background:#1a202c80;border:1px solid rgba(45,55,72,.5);white-space:nowrap;transition:all .25s ease}.last-update:hover{background:#2d374899;color:#e2e8f0e6}.time-range-selector{position:relative}.time-range-selector select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1a202c99;border:1px solid rgba(45,55,72,.8);border-radius:8px;color:#e2e8f0e6;padding:8px 35px 8px 14px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 5px #0000001a;min-width:100px;text-align:left}.time-range-selector:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(226,232,240,.7);pointer-events:none}.time-range-selector select:hover,.time-range-selector select:focus{background:#2d3748cc;border-color:#4fd1c580;outline:none;box-shadow:0 4px 10px #00000026}.add-device-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#4fd1c5,#2c7a7b);border:none;color:#fff;border-radius:8px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 10px #4fd1c540;white-space:nowrap;min-width:140px;justify-content:center;font-size:.9rem}.add-device-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #4fd1c559;background:linear-gradient(135deg,#38b2ac,#2c7a7b)}.add-device-button svg{width:16px;height:16px;flex-shrink:0}.add-device-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #4fd1c526}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem;width:100%;margin-bottom:1.25rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(45,55,72,.7)}.section-header h2{font-size:1.3rem;margin:0;color:#e2e8f0;font-weight:600}.overview-container{animation:fadeIn .5s ease-out;display:grid;grid-template-columns:1fr;gap:1.5rem}.devices-overview-grid{display:grid;grid-template-columns:8ch auto;gap:.85rem}.device-overview-card.status-normal,.device-overview-card.status-online{background:linear-gradient(to bottom,#48bb781a,#1a202c);border-color:#48bb7866}.device-overview-card.status-instável,.device-overview-card.status-offline{background:linear-gradient(to bottom,#e53e3e1a,#1a202c);border-color:#e53e3e66}.device-overview-card.status-atenção,.device-overview-card.status-pareando{background:linear-gradient(to bottom,#ed89361a,#1a202c);border-color:#ed893666}.device-overview-card.status-normal:before,.device-overview-card.status-online:before{background:linear-gradient(90deg,#48bb78,#2c7a7b)}.device-overview-card.status-instável:before,.device-overview-card.status-offline:before{background:linear-gradient(90deg,#e53e3e,#c53030)}.device-overview-card.status-atenção:before,.device-overview-card.status-pareando:before{background:linear-gradient(90deg,#ed8936,#dd6b20)}.device-card-selectable{background:#1a202c;border-radius:.75rem;padding:1.25rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;border:1px solid rgba(45,55,72,.5);height:100%;display:flex;flex-direction:column;cursor:pointer}.device-card-selectable.status-normal,.device-card-selectable.status-online{background:linear-gradient(to bottom,#48bb781a,#1a202c);border-color:#48bb7866}.device-card-selectable.status-instável,.device-card-selectable.status-offline{background:linear-gradient(to bottom,#e53e3e1a,#1a202c);border-color:#e53e3e66}.device-card-selectable.status-atenção,.device-card-selectable.status-pareando{background:linear-gradient(to bottom,#ed89361a,#1a202c);border-color:#ed893666}.device-card-selectable:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.device-detail-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.device-detail-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#ece5e50d;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d}.device-title{display:flex;align-items:center;gap:12px}.device-title h1{margin:0;font-size:1.8rem;font-weight:600;color:#fff}.header-actions{display:flex;gap:10px}.back-button,.refresh-button,.report-button,.toggle-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff}.back-button:hover,.refresh-button:hover,.report-button:hover,.toggle-button:hover{background-color:#ffffff26}.device-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-section{background-color:#ffffff0d;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.detail-section h2{margin-top:0;margin-bottom:1rem;font-size:1.4rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.main-stats-section,.thresholds-section,.device-events-section,.ai-report-section{grid-column:span 2}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.network-info-grid{display:grid;grid-template-columns:1fr;gap:1rem}.network-card,.specs-card{background-color:#ffffff08;border-radius:8px;overflow:hidden}.network-card-header,.specs-card-header{background-color:#ffffff14;padding:.8rem 1rem}.network-card-header h3,.specs-card-header h3{margin:0;font-size:1.1rem;color:#fff}.network-card-body,.specs-card-body{padding:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-row:last-child{border-bottom:none}.info-label{font-size:.9rem;color:#fff9}.signal-strength{display:flex;align-items:center;gap:4px}.signal-bar{width:4px;height:12px;background-color:#fff3;border-radius:1px;position:relative}.signal-bar.excellent{background-color:#4caf50}.signal-bar.good{background-color:#8bc34a}.signal-bar.fair{background-color:#ffc107}.signal-bar.poor{background-color:#f44336}.signal-strength span{margin-left:6px;font-size:.85rem}.section-header-with-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.thresholds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.threshold-card{background-color:#ffffff08;border-radius:8px;padding:1rem}.threshold-card h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:#fff}.threshold-values{display:flex;flex-direction:column;gap:.8rem}.threshold-item{display:flex;justify-content:space-between}.threshold-label{color:#fff9}.threshold-value{font-weight:500;color:#fff}.threshold-gauge{position:relative;height:40px;background:linear-gradient(to right,#2196f3,#4caf50,#ffc107,#f44336);border-radius:4px;margin-top:.5rem;display:flex;justify-content:space-between;align-items:flex-end;padding:0 .5rem}.gauge-min,.gauge-max{font-size:.8rem;color:#fffc;padding:.2rem .4rem;background-color:#00000080;border-radius:4px;margin-bottom:.5rem}.gauge-current{position:absolute;bottom:100%;transform:translate(-50%);background-color:#ffffffe6;color:#333;padding:.2rem .4rem;border-radius:4px;font-size:.85rem;font-weight:500;white-space:nowrap;margin-bottom:4px}.gauge-current:after{content:"";position:absolute;bottom:-4px;left:50%;margin-left:-4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9)}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.events-filter select{background-color:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem;border-radius:4px;outline:none}.events-list{display:flex;flex-direction:column;gap:.8rem}.event-item{display:flex;gap:1rem;padding:1rem;background-color:#ffffff08;border-radius:8px;transition:all .2s ease}.event-item:hover{background-color:#ffffff0d}.event-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#ffffff1a;flex-shrink:0}.event-icon.alert{background-color:#f4433633;color:#f44336}.event-icon.warning{background-color:#ffc10733;color:#ffc107}.event-icon.update{background-color:#4caf5033;color:#4caf50}.event-time{font-size:.8rem;color:#fff9}.events-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#ffffff08;border-radius:8px;gap:.8rem;color:#fff9}.events-empty svg{width:24px;height:24px}.ai-report-content{background-color:#ffffff08;border-radius:8px;overflow:hidden}.ai-report-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#ffffff14}.ai-report-header h3{margin:0;font-size:1.1rem;color:#fff}.report-timestamp{font-size:.8rem;color:#fff9}.ai-report-body{padding:1rem}.report-summary,.report-recommendations{margin-bottom:1.5rem}.report-summary h4,.report-recommendations h4{margin-top:0;margin-bottom:.8rem;color:#fffc;font-size:1rem}.report-recommendations ul{margin:0;padding-left:1.5rem}.report-recommendations li{margin-bottom:.5rem;color:#fffc}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.error-icon{color:#f44336;width:32px;height:32px}@media (max-width: 1200px){.device-detail-grid{grid-template-columns:1fr}.main-stats-section,.thresholds-section,.device-events-section,.ai-report-section{grid-column:span 1}}@media (max-width: 768px){.device-detail-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.stats-grid,.thresholds-grid{grid-template-columns:1fr}.section-header-with-toggle{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 768px){.reports-content{margin-left:0;padding:1rem}.reports-header{flex-direction:column;align-items:flex-start}.header-right{width:100%}.time-range-wrapper{width:100%;flex-direction:column;align-items:flex-start;gap:.5rem}.time-range-select,.search-container input{width:100%}.stats-grid,.devices-overview-grid,.devices-grid,.metrics-cards,.device-metrics{grid-template-columns:1fr}.view-navigation{flex-wrap:wrap}.view-button{flex:1;justify-content:center}.metric-stats{flex-wrap:wrap;justify-content:space-around;gap:1rem}.event-item{flex-direction:column}.event-icon{align-self:flex-start}.event-header{flex-direction:column;gap:.5rem}.inline-status .connection-icon{font-size:1rem}.inline-status .status-label{font-size:.8rem}}@media (max-width: 480px){.reports-content{padding:.75rem}.reports-header h1{font-size:1.5rem}.header-left .subtitle{font-size:.9rem}.stat-card{padding:1rem}.stat-icon{width:35px;height:35px}.stat-value{font-size:1.2rem}.view-button{padding:.6rem 1rem;font-size:.85rem}.device-title-section h2{font-size:1.5rem}}.devices{display:flex;min-height:100vh;background:linear-gradient(135deg,#121630,#070c27);color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.devices-content{flex:1;padding:1.25rem;margin-left:220px;max-width:1400px;overflow-x:hidden}.devices-content table{width:100%;border-collapse:collapse;margin-top:1rem;background:#1a202cb3;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 15px #00000026}.devices-content th,.devices-content td{padding:1rem;text-align:left;border-bottom:1px solid rgba(45,55,72,.7)}.devices-content th{background:#2d374880;color:#e2e8f0;font-weight:600;letter-spacing:.5px;text-transform:uppercase;font-size:.85rem}.devices-content tr:last-child td{border-bottom:none}.devices-content tr:hover td{background:#2d37484d}@media (max-width: 1024px){.devices-content{margin-left:0;padding:1rem}.devices-content table{display:block;overflow-x:auto}}@media (max-width: 640px){.devices-content th,.devices-content td{padding:.75rem;font-size:.9rem}}.generate-report-btn{background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s}.generate-report-btn:hover{background-color:#3a5ce5}.generate-report-btn:disabled{background-color:#a0a0a0;cursor:not-allowed}.device-header-actions{display:flex;align-items:center;gap:16px}.ai-report-section{background-color:#f8f9fa;border-radius:8px;padding:20px;margin-top:24px;box-shadow:0 2px 4px #0000000d}.ai-report-section h3{margin-top:0;margin-bottom:16px;font-size:18px;color:#333}.ai-report-content{background-color:#fff;border-radius:6px;padding:16px;border:1px solid #e0e0e0}.ai-report-content pre{margin:0;white-space:pre-wrap;font-family:Roboto Mono,monospace;font-size:14px;line-height:1.5;color:#333}.loading-container,.loading-metrics,.loading-events{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.loading-metrics,.loading-events{padding:20px}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #4a6cf7;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}.error-message{background-color:#fff3f3;border:1px solid #ffcaca;border-radius:6px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;color:#e53935}.error-message svg{margin-right:8px;flex-shrink:0}.error-message button{margin-left:auto;background:none;border:none;color:#e53935;font-weight:500;cursor:pointer}.no-data-message{display:flex;justify-content:center;align-items:center;height:150px;background-color:#f8f9fa;border-radius:6px;color:#666;font-size:14px}.alert-message{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#0003;border-radius:.375rem;margin-top:.75rem;font-size:.875rem;color:#e2e8f0}.alert-message svg{color:#f56565;font-size:1rem}.detail-status{padding:.375rem .75rem;background-color:#0003;border-radius:.375rem}.connection-metric{display:flex;align-items:center;justify-content:flex-start}.inline-status{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.inline-status .connection-icon{font-size:1.1rem}.inline-status .status-label{font-size:.875rem}.connection-group{margin-top:.75rem;grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.1);padding-top:.75rem}.connection-group .connection-metric{width:100%}.app-container{display:flex;width:100%;min-height:100vh;background-color:#19233b;color:#f5f5f7}.content-area{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.page-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.header-left{display:flex;flex-direction:column;gap:6px}.header-left h1{font-size:24px;font-weight:700;margin:0;color:#fff}.back-link{display:flex;align-items:center;gap:6px;color:#fff9;background:none;border:none;font-size:14px;cursor:pointer;padding:0;transition:color .2s ease}.back-link:hover{color:#fff}.header-right{display:flex;align-items:center;gap:16px}.device-badge{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background-color:#ffffff0d;border-radius:6px;padding:8px 12px}.device-badge .label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.device-badge .value{font-size:14px;color:#fff;font-weight:500}.device-status-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background-color:#0003}.device-status-indicator.status-normal,.device-status-indicator.status-online{background-color:#34c75926}.device-status-indicator.status-instável,.device-status-indicator.status-offline{background-color:#ff453a26}.device-status-indicator.status-pareando,.device-status-indicator.status-atenção{background-color:#ff9f0a26}.status-pulse{position:relative;width:16px;height:16px}.pulse-circle{position:absolute;width:10px;height:10px;border-radius:50%;background-color:currentColor;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.pulse-ring{position:absolute;width:16px;height:16px;border-radius:50%;animation:pulse 2s infinite;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}@keyframes pulse{0%{box-shadow:0 0 rgba(currentColor,.7)}70%{box-shadow:0 0 0 6px rgba(currentColor,0)}to{box-shadow:0 0 rgba(currentColor,0)}}.status-pulse.online{color:#34c759}.status-pulse.offline{color:#ff3b30}.status-pulse.attention{color:#ff9500}.status-label{font-size:14px;font-weight:500;color:#fff;text-transform:capitalize}.action-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button.primary{background-color:#0071e3;color:#fff;border:none}.action-button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0071e34d;background:linear-gradient(135deg,#38b2ac,#2c7a7b)}.action-button.outline{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.action-button.outline:hover{background-color:#ffffff0d;border-color:#ffffff4d}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.tabs-navigation{display:flex;gap:4px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;scrollbar-width:none}.tabs-navigation::-webkit-scrollbar{display:none}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-button svg{font-size:16px}.tab-button:hover{color:#ffffffe6}.tab-button.active{color:#fff;border-bottom-color:#0071e3}.tab-content{flex:1;display:flex;flex-direction:column}.tab-panel{flex:1;display:flex;flex-direction:column;gap:24px;padding:24px 0;animation:fadeIn .3s ease-out}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.panel-card{background-color:#1a202c;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;transition:all .3s ease}.panel-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.panel-card.full-width{grid-column:1 / -1}.panel-card.primary{background-color:#0071e31a}.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#0003}.card-header.with-actions{padding-right:12px}.card-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;color:#fff}.card-header h2 svg{opacity:.9;font-size:18px}.card-actions{display:flex;align-items:center;gap:12px}.card-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;background:none;border:none;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.card-toggle:hover{background-color:#ffffff1a;color:#fff}.view-all-btn{font-size:13px;color:#ffffffb3;background:none;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background-color:#ffffff1a;color:#fff}.last-updated{font-size:12px;color:#ffffff80}.card-body{padding:20px;flex:1;transition:max-height .3s ease;overflow:hidden}.card-body.expanded{max-height:1000px}.metrics-grid{display:flex;flex-direction:column;gap:24px}.metric-item{display:flex;flex-direction:column;gap:12px}.metric-header{display:flex;align-items:center;gap:12px}.metric-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:#0003}.metric-icon.temperature{color:#ff3b30}.metric-icon.humidity{color:#5ac8fa;font-size:32px}.metric-icon.activity{color:#34c759}.metric-title{display:flex;flex-direction:column;gap:2px}.metric-title h3{margin:0;font-size:14px;font-weight:500;color:#ffffffb3}.current-value{font-size:20px;font-weight:600;color:#fff}.metric-body{padding:0 12px}.level-indicator{display:flex;flex-direction:column;gap:4px;width:100%}.level-track{height:10px;background-color:#0003;border-radius:5px;position:relative;overflow:hidden}.level-fill{height:100%;position:absolute;left:0;top:0;border-radius:5px;background:linear-gradient(to right,#34c759,#fc0,#ff3b30);transition:width .3s ease}.level-fill.normal{background:linear-gradient(to right,#32d74b,#30d158)}.level-fill.warning{background:linear-gradient(to right,#ffd60a,#ff9f0a)}.level-fill.critical{background:linear-gradient(to right,#ff453a,#ff3b30)}.level-thumb{position:absolute;top:-18px;transform:translate(-50%);background-color:#fff;color:#000;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap;z-index:2;box-shadow:0 2px 6px #0003}.level-thumb:after{content:"";position:absolute;bottom:-4px;left:50%;margin-left:-4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff}.level-limits{display:flex;justify-content:space-between;font-size:12px;color:#ffffff80}.activity-bar{height:10px;background-color:#0003;border-radius:5px;overflow:hidden;position:relative}.activity-fill{height:100%;position:absolute;left:0;top:0;transition:width .3s ease}.activity-fill.high{background:linear-gradient(to right,#32d74b,#30d158)}.activity-fill.medium{background:linear-gradient(to right,#ffd60a,#ff9f0a)}.activity-fill.low{background:linear-gradient(to right,#ff453a,#ff3b30)}.network-status{display:flex;flex-direction:column;gap:16px}.network-primary{display:flex;justify-content:space-between;align-items:center}.wifi-icon{display:flex;align-items:center;gap:8px;color:#5ac8fa}.wifi-icon svg{font-size:22px}.ssid{font-size:15px;font-weight:500;color:#fff}.signal-container{display:flex;align-items:center;gap:8px}.signal-meter{display:flex;align-items:flex-end;gap:6px}.signal-bar-container{width:8px;height:36px;background-color:#ffffff1a;border-radius:4px;position:relative;overflow:hidden}.signal-bar-fill{width:100%;position:absolute;bottom:0;left:0;border-radius:4px;transition:height .3s ease}.signal-bar-fill.excellent{background-color:#32d74b}.signal-bar-fill.good{background-color:#5ac8fa}.signal-bar-fill.fair{background-color:#ff9f0a}.signal-bar-fill.poor{background-color:#ff3b30}.signal-value{font-size:13px;color:#ffffffb3}.network-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:12px;color:#ffffff80}.detail-value{font-size:14px;color:#fff}.events-preview{display:flex;flex-direction:column;gap:12px}.event-item{display:flex;gap:12px;padding:12px;border-radius:8px;background-color:#0003;transition:all .2s ease}.event-item.detailed{padding:16px}.event-item:hover{background-color:#0000004d}.event-item.alert{border-left:3px solid #ff3b30}.event-item.update{border-left:3px solid #5ac8fa}.event-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#ffffff1a;color:#fff;flex-shrink:0}.event-item.alert .event-icon{background-color:#ff3b3033;color:#ff3b30}.event-item.update .event-icon{background-color:#5ac8fa33;color:#5ac8fa}.event-content{flex:1;display:flex;flex-direction:column;gap:6px}.event-header{display:flex;justify-content:space-between;align-items:flex-start}.event-title{font-weight:500;color:#fff}.event-time{font-size:12px;color:#ffffff80}.event-description{font-size:.9rem;color:#fffc}.event-device{margin:.25rem 0;padding:.25rem 0;border-top:1px solid rgba(255,255,255,.05)}.device-name{font-size:.8rem;color:#4fd1c5e6;font-weight:500;display:flex;align-items:center;gap:.25rem}.events-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:8px}.events-list::-webkit-scrollbar{width:6px}.events-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.events-list::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.filter-dropdown select{background-color:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 12px;border-radius:6px;font-size:14px;outline:none}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.spec-group{display:flex;flex-direction:column;gap:12px}.spec-group h3{margin:0;font-size:16px;font-weight:500;color:#fffc;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.spec-label{font-size:13px;color:#fff9}.spec-value{font-size:14px;color:#fff;font-weight:500}.thresholds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.threshold-group{display:flex;flex-direction:column;gap:16px}.threshold-group h3{margin:0;font-size:16px;font-weight:500;color:#fffc}.threshold-range{display:flex;flex-direction:column;gap:24px}.range-bar{height:10px;background-color:#ffffff0d;border-radius:5px;position:relative;margin:0 15px}.range-fill{position:absolute;height:100%;background:linear-gradient(to right,#4cd964,#fc0,#ff3b30);border-radius:5px;z-index:1}.range-marker{position:absolute;transform:translate(-50%);z-index:2}.range-marker.min,.range-marker.max{bottom:-25px}.range-marker.current{top:-25px}.range-marker span{display:block;background-color:#ffffffe6;color:#000;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;text-align:center}.range-marker.current:after{content:"";position:absolute;top:20px;left:50%;margin-left:-4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9)}.range-marker.min:before,.range-marker.max:before{content:"";position:absolute;bottom:20px;left:50%;margin-left:-4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(255,255,255,.9)}.ai-report{display:flex;flex-direction:column;gap:24px}.report-section{display:flex;flex-direction:column;gap:12px}.report-section h3{margin:0;font-size:16px;font-weight:500;color:#fffc;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.report-summary{font-size:15px;line-height:1.6;color:#fffc}.recommendations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.recommendation-item{display:flex;gap:12px}.rec-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#34c75933;color:#34c759;flex-shrink:0}.recommendation-item p{margin:0;font-size:14px;line-height:1.5;color:#fffc}.report-timestamp{font-size:13px;color:#ffffff80}.generate-report-container{display:flex;align-items:center;justify-content:center;padding:40px;height:100%}.generate-report-container .content{max-width:500px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.generate-report-container .icon-container{width:64px;height:64px;border-radius:32px;background-color:#0071e333;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.generate-report-container .icon-container svg{font-size:30px;color:#0071e3}.generate-report-container h2{margin:0;font-size:24px;font-weight:600;color:#fff}.generate-report-container p{font-size:15px;line-height:1.6;color:#ffffffb3;margin:0 0 16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.empty-state svg{font-size:32px;color:#ffffff4d}.empty-state p{margin:0;font-size:14px;color:#ffffff80;text-align:center}.loading-overlay,.error-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px;height:100%;min-height:400px}.loading-spinner{width:48px;height:48px;border-radius:50%;position:relative}.spinner-inner{position:absolute;width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#0071e3;border-radius:50%;animation:spinner 1s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.error-overlay .error-icon{font-size:48px;color:#ff3b30}.error-overlay h2{margin:0;font-size:24px;color:#fff}.error-overlay p{margin:0 0 16px;color:#ffffffb3;text-align:center}@media (max-width: 1100px){.panel-grid{grid-template-columns:1fr}.content-area{padding:16px;gap:16px}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-right{width:100%;flex-wrap:wrap;gap:8px}.device-badge{flex:1;min-width:100px}.tabs-navigation{gap:0}.tab-button{padding:10px}.tab-button span{display:none}.tab-button svg{font-size:20px}}@media (max-width: 480px){.metric-header{flex-direction:column;align-items:flex-start}.network-primary{flex-direction:column;align-items:flex-start;gap:16px}.event-header{flex-direction:column;gap:4px}}.add-device-button{background-color:#4caf50;color:#fff;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 4px #0000001a}.add-device-button:hover{background-color:#43a047}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background-color:#19233b;border-radius:8px;box-shadow:0 8px 24px #0006;width:550px;max-width:90%;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;animation:modal-appear .3s ease;border:1px solid rgba(255,255,255,.08);color:#f5f5f7}@keyframes modal-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background-color:#19233b;border-radius:8px 8px 0 0;z-index:10}.modal-header h2{margin:0;font-size:1.3rem;color:#f5f5f7;display:flex;align-items:center;gap:10px}.close-button{background:none;border:none;font-size:1.3rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#b0b6c1;transition:background-color .2s ease,color .2s ease}.close-button:hover{background-color:#ffffff1a;color:#fff}.modal-body{padding:24px;overflow-y:auto;max-height:70vh}.form-group{margin-bottom:16px;overflow:hidden}.form-group label{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-weight:500;color:#b0b6c1;font-size:.9rem;white-space:nowrap}.form-group input,.form-group select{width:100%;padding:10px 12px;border-radius:6px;background-color:#242e47;border:1px solid rgba(255,255,255,.08);font-size:.95rem;color:#f5f5f7;transition:border-color .2s ease,background-color .2s ease;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23b0b6c1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:30px}.form-group input:focus,.form-group select:focus{border-color:#2196f3;outline:none;background-color:#28334f}.toggle-container{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 14px;background-color:transparent;border-radius:6px;margin-bottom:16px;border:none;border-bottom:1px solid rgba(255,255,255,.06)}.toggle-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#b0b6c1;font-size:.9rem}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2a314a;transition:.2s;border-radius:34px;border:1px solid rgba(255,255,255,.1)}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#8892a8;transition:.2s;border-radius:50%}input:checked+.toggle-slider{background-color:#2196f340;border-color:#2196f380}input:checked+.toggle-slider:before{transform:translate(16px);background-color:#2196f3}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.08);background-color:#1d2841;border-radius:0 0 8px 8px;position:sticky;bottom:0}.cancel-button{padding:8px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background-color:transparent;color:#b0b6c1;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease;font-size:.9rem;min-width:90px;text-align:center;white-space:nowrap}.cancel-button:hover{background-color:#ffffff1a;color:#fff}.save-button{padding:8px 16px;border-radius:6px;border:none;background-color:#2196f3;color:#fff;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease;box-shadow:0 2px 8px #2196f34d;font-size:.9rem;min-width:100px;white-space:nowrap}.save-button:hover{background-color:#1976d2}.thresholds-section{background-color:#1d284180;padding:16px;border-radius:10px;border:1px solid rgba(255,255,255,.1);margin-top:20px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:relative;overflow:hidden}.thresholds-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#2196f300,#2196f380,#2196f300)}.thresholds-section h3{margin-top:0;margin-bottom:18px;font-size:1rem;color:#d0d7e2;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.thresholds-section h3 svg{color:#ff9800;filter:drop-shadow(0 0 3px rgba(255,152,0,.4))}.threshold-parameter{margin-bottom:22px;position:relative;transition:transform .2s ease}.threshold-parameter:last-child{margin-bottom:0}.threshold-parameter:hover{transform:translateY(-2px)}.threshold-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.parameter-name{display:flex;align-items:center;gap:8px;font-weight:500;color:#b0b6c1;font-size:.9rem}.parameter-name svg{filter:drop-shadow(0 0 2px rgba(255,255,255,.2))}.parameter-limits{display:flex;align-items:center;gap:12px;font-size:.8rem;color:#8895b1;background-color:#ffffff0d;padding:4px 8px;border-radius:4px;box-shadow:0 1px 3px #0000001a}.range-slider{position:relative;height:8px;background:linear-gradient(90deg,#2196f3,#4caf50,#f44336);border-radius:4px;margin:8px 0 16px;box-shadow:inset 0 1px 2px #0003;overflow:hidden}.range-slider:after{content:"";position:absolute;top:0;left:-100%;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(0)}to{transform:translate(200%)}}.range-track{position:relative;height:100%;width:100%;border-radius:4px}.range-inputs{display:flex;justify-content:space-between;gap:16px}.range-value{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;position:relative}.range-value:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,#2196f31a,#2196f300 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.range-value:hover:before{opacity:1}.range-value input{width:100%;background-color:#242e47b3;border:1px solid rgba(255,255,255,.1);color:#f5f5f7;text-align:center;padding:8px 10px;border-radius:6px;font-size:.95rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.range-value input:focus{border-color:#2196f3;outline:none;background-color:#242e47e6;box-shadow:0 0 0 2px #2196f326;transform:translateY(-1px)}.range-value .label{font-size:.75rem;color:#8895b1;text-transform:uppercase;letter-spacing:.5px}.range-value input.error{border-color:#f44336;background-color:#f4433626;box-shadow:0 0 0 1px #f443364d}.parameter-name svg.temp-icon{color:#ff7043}.parameter-name svg.humidity-icon{color:#29b6f6}@media (max-width: 480px){.threshold-header{flex-direction:column;align-items:flex-start}.parameter-limits{margin-top:6px;font-size:.75rem}.range-inputs{gap:10px}.range-value input{padding:6px 8px;font-size:.9rem}}.device-overview-card.gateway-online{border-color:#3498db;background-color:#3498db1a}.device-overview-card.gateway-online .device-card-header{border-bottom-color:#3498db33}.device-card-selectable.gateway-online{border-color:#3498db;background-color:#3498db1a}.device-overview-card.gateway-online:before,.device-card-selectable.gateway-online:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#3498db;border-radius:4px 0 0 4px}.device-overview-card.gateway-online:hover,.device-card-selectable.gateway-online:hover{background-color:#3498db33;transform:translateY(-2px);box-shadow:0 5px 15px #3498db33}.device-type-badge{display:inline-block;font-size:.65rem;font-weight:500;background-color:#3498db;color:#fff;padding:.15rem .4rem;border-radius:3px;margin-left:8px;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px}.device-type-badge.list-view{position:absolute;top:10px;right:10px;font-size:.6rem;z-index:1}.alerts-modal{max-width:800px;width:90%;max-height:90vh}.alerts-list{margin-bottom:24px;max-height:300px;overflow-y:auto;padding-right:8px}.alerts-list h3{margin-top:0;margin-bottom:16px;color:#f0f0f0;font-size:18px}.alert-item{display:flex;gap:16px;padding:16px;background-color:#0003;border-radius:8px;margin-bottom:12px;cursor:pointer;transition:background-color .2s}.alert-item:hover{background-color:#0000004d}.alert-item.selected{background-color:#ff3b3033;border:1px solid rgba(255,59,48,.4)}.alert-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ff3b3033;color:#ff3b30;flex-shrink:0}.alert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.alert-header h4{margin:0;font-size:16px;color:#fff}.alert-header span{font-size:12px;color:#ffffff80}.alert-content p{margin:0;font-size:14px;color:#ffffffb3}.alert-resolution{padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.alert-resolution h3{margin-top:0;margin-bottom:16px;color:#f0f0f0;font-size:18px}.resolution-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.resolution-option{display:flex;gap:12px;padding:16px;background-color:#0003;border-radius:8px;cursor:pointer;transition:background-color .2s}.resolution-option:hover{background-color:#0000004d}.resolution-option.selected{background-color:#0080ff33;border:1px solid rgba(0,128,255,.4)}.option-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#5ac8fa33;color:#5ac8fa;flex-shrink:0}.option-content{flex:1}.option-content h4{margin:0 0 8px;font-size:15px;color:#fff}.option-content p{margin:0;font-size:13px;color:#ffffffb3}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid rgba(0,0,0,.1)}.pagination-button{background-color:#f0f2f5;border:1px solid #d1d5db;border-radius:4px;padding:6px 12px;margin:0 8px;font-size:14px;cursor:pointer;transition:all .2s}.pagination-button:hover:not(:disabled){background-color:#e5e7eb}.pagination-info{font-size:14px;color:#4b5563}.alerts-list{max-height:500px;overflow-y:auto}.alert-item{margin-bottom:10px}.info-message{margin:5px 0 15px;font-size:14px;color:#666;font-style:italic;line-height:1.4}.clean-layout{background-color:#1a202c;border-radius:12px;box-shadow:0 2px 8px #0003;margin-top:20px}.minimal-header{padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.device-identity{display:flex;flex-direction:column;gap:8px}.device-identity h1{margin:0;font-size:24px;font-weight:600;color:#fff;letter-spacing:-.5px}.device-meta{display:flex;align-items:center;gap:8px;color:#a0aec0;font-size:14px}.device-meta .separator{opacity:.4}.device-type{font-weight:500}.last-update{color:#718096}.refresh-icon{background:none;border:none;padding:4px;border-radius:50%;color:#4fd1c5;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.refresh-icon:hover{background:#4fd1c51a}.content-wrapper{padding:20px 24px 24px;display:flex;flex-direction:column;gap:20px}.simple-panel{background:#22293a;border-radius:8px;padding:16px}.simple-panel h2{font-size:16px;font-weight:600;margin:0 0 16px;color:#fff;letter-spacing:-.3px}.readings-container{display:flex;flex-direction:column;gap:16px;background-color:#1a202c}.reading-item{display:flex;align-items:center;gap:12px}.reading-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#2d374899;border-radius:8px;color:#4fd1c5}.reading-data{flex:1}.reading-info{display:flex;justify-content:space-between;margin-bottom:6px}.reading-label{font-size:14px;color:#a0aec0}.reading-value{font-size:14px;font-weight:600;color:#fff}.reading-value.warning{color:#ed8936}.reading-value.critical{color:#f56565}.reading-bar{height:6px;background:#2d374866;border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.bar-fill.normal{background:#4fd1c5}.bar-fill.warning{background:#ed8936}.bar-fill.critical{background:#f56565}.gateway-stats{display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;gap:12px}.stat-cell{flex:1;background:#2d37484d;border-radius:8px;padding:12px}.stat-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#a0aec0;margin-bottom:8px}.stat-label svg{color:#4fd1c5}.stat-value{font-size:15px;font-weight:500;color:#fff}.stat-value.signal{display:flex;align-items:center;gap:8px}.signal-strength{display:flex;gap:2px;align-items:flex-end}.signal-bar{width:4px;background:#a0aec04d;margin-right:2px;border-radius:1px}.signal-bar:nth-child(1){height:6px}.signal-bar:nth-child(2){height:10px}.signal-bar:nth-child(3){height:14px}.signal-bar:nth-child(4){height:18px}.signal-bar.active{background:#4fd1c5}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-group{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:baseline}.info-label{font-size:13px;color:#a0aec0}.info-value{font-size:14px;color:#fff;font-weight:500}.alerts-panel{border-left:3px solid #ed8936}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{display:flex;gap:12px;padding:10px;background:#2d37484d;border-radius:6px;border-left:3px solid}.alert-item.high{border-left-color:#f56565}.alert-item.medium{border-left-color:#ed8936}.alert-item.low{border-left-color:#4fd1c5}.alert-icon{color:#ed8936;display:flex;align-items:flex-start;margin-top:3px}.alert-content{flex:1}.alert-title{font-size:14px;font-weight:500;color:#fff;margin-bottom:4px}.alert-time{font-size:12px;color:#a0aec0}.view-all-alerts{background:none;border:none;color:#4fd1c5;font-size:14px;font-weight:500;padding:8px;margin-top:8px;cursor:pointer;transition:color .2s ease;width:100%;text-align:center;border-radius:6px}.view-all-alerts:hover{color:#81e6d9;background:#4fd1c51a}@media (max-width: 768px){.info-grid{grid-template-columns:1fr}.stat-row{flex-direction:column}}@media (max-width: 480px){.minimal-header,.content-wrapper{padding:16px}.device-identity h1{font-size:20px}.device-meta{flex-wrap:wrap}}.readings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reading-card{background:#1a202c80;border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px;transition:all .2s ease;border-left:4px solid;height:160px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.reading-card.normal{border-left-color:#4fd1c5}.reading-card.warning{border-left-color:#ed8936}.reading-card.critical{border-left-color:#f56565}.reading-value-display{display:flex;align-items:baseline;justify-content:center;margin-top:10px}.big-value{font-size:42px;font-weight:600;color:#fff;line-height:1;letter-spacing:-1px}.unit{font-size:18px;color:#a0aec0;margin-left:4px;font-weight:500}.reading-details{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.reading-type{display:flex;align-items:center;gap:6px;color:#a0aec0;font-size:14px}.reading-type svg{color:#4fd1c5}.reading-status{font-size:12px;font-weight:500;padding:3px 8px;border-radius:12px;background:#2d374880;color:#fff}.reading-card.normal .reading-status{background:#4fd1c526;color:#4fd1c5}.reading-card.warning .reading-status{background:#ed893626;color:#ed8936}.reading-card.critical .reading-status{background:#f5656526;color:#f56565}@media (max-width: 800px){.readings-grid{grid-template-columns:repeat(2,1fr)}.reading-card{height:150px}}@media (max-width: 500px){.readings-grid{grid-template-columns:1fr}.reading-card{height:140px}.big-value{font-size:38px}}.events-panel{background:#22293a}.panel-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-header-with-action h2{margin:0;font-size:16px;font-weight:600;color:#fff;letter-spacing:-.3px}.view-all-link{background:none;border:none;color:#4fd1c5;font-size:13px;font-weight:500;cursor:pointer;transition:color .2s ease;padding:0}.view-all-link:hover{color:#81e6d9;text-decoration:underline}.events-timeline{display:flex;flex-direction:column;gap:16px}.timeline-event{display:flex;gap:12px;padding:16px;background:#1a202c80;border-radius:8px;position:relative;transition:all .2s ease}.timeline-event:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.timeline-event.alert{border-left:3px solid #ed8936}.timeline-event.alert.high{border-left-color:#f56565}.timeline-event.update{border-left:3px solid #4fd1c5}.timeline-event .event-icon{background:#1a202c80;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.timeline-event.alert .event-icon{color:#ed8936}.timeline-event.alert.high .event-icon{color:#f56565}.timeline-event.update .event-icon{color:#4fd1c5}.timeline-event .event-content{flex:1}.timeline-event .event-header{display:flex;justify-content:space-between;margin-bottom:6px}.timeline-event .event-title{font-weight:500;color:#fff;font-size:14px}.timeline-event .event-time{color:#a0aec0;font-size:12px}.timeline-event .event-description{color:#a0aec0;font-size:13px;line-height:1.4;margin-top:4px}@media (max-width: 480px){.timeline-event{padding:12px}.timeline-event .event-header{flex-direction:column;gap:4px}}.reading-status,.battery-status,.rssi-status{font-size:.8rem;margin-top:4px;font-weight:400;color:var(--text-muted)}.reading-card.critical .reading-status,.stat-value.critical .battery-status,span.poor+.rssi-status{color:var(--status-critical)}.reading-card.warning .reading-status,.stat-value.warning .battery-status,span.fair+.rssi-status{color:var(--status-warning)}.reading-card.normal .reading-status,.stat-value.normal .battery-status{color:var(--status-online)}span.excellent+.rssi-status{color:var(--status-online)}span.good+.rssi-status{color:var(--status-idle)}span.excellent,span.good,span.fair,span.poor{font-weight:500}span.excellent{color:var(--status-online)}span.good{color:var(--status-idle)}span.fair{color:var(--status-warning)}span.poor{color:var(--status-critical)}.settings-header{margin-bottom:30px}.settings-main{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:205px;border:1px solid rgba(255,255,255,.1)}.notification-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;background:#ffffff1a;border-radius:12px;width:100px;height:100px;cursor:pointer;transition:all .3s ease;position:relative;border:1px solid rgba(255,255,255,.1)}.notification-card span{margin-top:10px;font-size:.9rem;color:#ffffffb3;text-align:center}.notification-card svg{font-size:24px;color:#ffffff80;transition:all .3s ease}.notification-card:hover{background:#ffffff26;transform:translateY(-3px);border-color:#fff3}.notification-card.active{background:#6132e833;border-color:#6132e866}.notification-card.active svg{color:#ffffffe6}.notification-card.selected{box-shadow:0 0 0 2px #6132e880}.notification-card.selected:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(97,50,232,.5)}.notification-settings{flex:2;min-width:400px;background:#0003;border-radius:15px;padding:25px;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.notification-settings:hover{border-color:#6132e81a}.notification-config-form{display:grid;gap:20px;animation:fadeIn .3s ease}.config-field{position:relative}.config-field label{position:absolute;top:-8px;left:12px;background:#00000080;padding:0 6px;font-size:.8rem;color:#ffffffb3}.config-field input,.config-field select{width:100%;padding:12px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s}.config-field input:focus,.config-field select:focus{outline:none;border-color:#6132e880;box-shadow:0 0 0 2px #6132e833}.config-field input:focus+label,.config-field select:focus+label{color:#6132e8e6}.notification-placeholder{display:flex;align-items:center;justify-content:center;height:150px;color:#ffffff80;font-style:italic}.settings-actions{margin-top:20px;display:flex;align-items:center;gap:15px}.save-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-button:hover{background-color:var(--primary-dark)}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.save-success{color:#4caf50;font-weight:500}.spinning-loader{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.webhook-info{margin-top:15px;padding:10px 15px;background-color:#6132e81a;border-left:3px solid var(--primary-color);border-radius:4px}.webhook-info p{font-size:.9rem;line-height:1.4;color:#fffc}.webhook-info strong{color:#fff}.notification-card.disabled{opacity:.7;cursor:pointer;position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.notification-card.disabled:hover{background:#ffffff14;border-color:#ffffff26}.notification-card .coming-soon-tag{position:absolute;bottom:5px;right:5px;font-size:.6rem;background:#6132e833;color:#8367ff;padding:2px 6px;border-radius:8px;font-weight:500;letter-spacing:.5px;border:1px solid rgba(97,50,232,.3)}.notification-placeholder.coming-soon{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;border:1px dashed rgba(97,50,232,.3);border-radius:8px;background-color:#6132e80d;color:#ffffffb3;gap:10px}.notification-placeholder.coming-soon svg{color:#8367ff;margin-bottom:5px}.notification-placeholder .small-text{font-size:.8rem;opacity:.8}.thresholds-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.threshold-parameter.compact{padding:15px;margin-bottom:10px}.threshold-parameter.compact .threshold-header{margin-bottom:10px}.threshold-parameter.compact .parameter-name{font-size:1rem}.threshold-parameter.compact .parameter-limits{font-size:.8rem}.threshold-parameter.compact .range-slider{margin-bottom:12px}.threshold-parameter.compact .range-value input{padding:8px 10px;font-size:.9rem}.threshold-parameter.compact .range-value .label{font-size:.75rem}.limits-container h3{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#fff;font-size:1.1rem}.limits-container h3 svg{color:#6132e8}.threshold-parameter{background:#0003;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.threshold-parameter:hover{border-color:#6132e84d;box-shadow:0 5px 15px #0003}.threshold-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap}.parameter-name{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:500;color:#ffffffe6}.parameter-name svg{color:#6132e8}.parameter-limits{color:#ffffffb3;font-size:.9rem}.parameter-limits.long-limits{display:flex;gap:15px}.parameter-limits .excellent{color:#4caf50}.parameter-limits .good{color:#8bc34a}.parameter-limits .fair{color:#ffc107}.parameter-limits .critical{color:#f44336;margin-right:15px}.parameter-limits .warning{color:#ff9800}.range-slider{height:8px;background:#ffffff1a;border-radius:4px;margin-bottom:20px;position:relative}.range-track{position:absolute;height:100%;background:linear-gradient(to right,#6132e880,#6132e8cc);border-radius:4px;width:60%}.range-inputs{display:flex;justify-content:space-between;gap:20px}.range-inputs.triple-inputs{flex-wrap:wrap;gap:15px}.range-inputs.triple-inputs .range-value{flex:1;min-width:120px}.range-value{flex:1;display:flex;flex-direction:column}.range-value input{padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:.95rem;text-align:center;margin-bottom:5px;transition:all .3s}.range-value input:focus{outline:none;border-color:#6132e8;box-shadow:0 0 0 2px #6132e833}.range-value .label{font-size:.8rem;color:#fff9;text-align:center}.temp-icon{color:#ff9800}.humidity-icon{color:#2196f3}.battery-icon{color:#4caf50}.wifi-icon{color:#03a9f4}.threshold-parameter.disabled{opacity:.7;position:relative;filter:grayscale(40%);cursor:not-allowed}.threshold-parameter.disabled:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;border-radius:12px;pointer-events:none}@media (max-width: 768px){.thresholds-grid-2col{grid-template-columns:1fr;gap:15px}}.tab-panel{padding:20px}.metrics-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee;flex-wrap:wrap;gap:15px}.time-range-controls{display:flex;justify-content:flex-start;gap:12px}.time-range-button{padding:8px 16px;border:1px solid #dcdcdc;background-color:#fff;color:#555;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s ease-in-out}.time-range-button:hover:not(:disabled){background-color:#f5f5f5;border-color:silver;color:#333}.time-range-button.active{background-color:#007bff;color:#fff;border-color:#007bff;font-weight:600;box-shadow:0 2px 4px #007bff33}.time-range-button:disabled{opacity:.5;cursor:not-allowed;background-color:#f9f9f9}.custom-legend-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 0;margin-bottom:10px;flex-wrap:wrap}.custom-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;font-family:Helvetica,Arial,sans-serif;color:#fff;cursor:pointer;transition:opacity .3s ease}.legend-color-box{display:inline-block;width:12px;height:12px;border-radius:2px}.custom-legend-item.inactive{opacity:.45}body.dark-theme .custom-legend-item{color:#fff}.compliance-charts-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;justify-content:center}.compliance-chart-container{flex:1;min-width:250px}.compliance-chart-container h3{text-align:center;margin-bottom:15px;color:#e0e0e0;font-size:1rem}.metrics-charts-container{background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;margin:20px 0 30px;padding:24px;transition:all .3s ease}.metrics-charts-container:hover{box-shadow:0 5px 15px #00000026}.charts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:15px}.charts-header h2{font-size:1.3rem;margin:0;color:#333;font-weight:600;display:flex;align-items:center;gap:8px}.charts-header h2:before{content:"";display:inline-block;width:6px;height:20px;background-color:#07c;border-radius:3px}.metrics-time-filter{display:flex;gap:8px;background-color:#f5f7f9;padding:4px;border-radius:8px}.time-filter-btn{background-color:transparent;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;color:#555}.time-filter-btn:hover{background-color:#0077cc1a;color:#07c}.time-filter-btn.active{background-color:#07c;color:#fff;box-shadow:0 2px 5px #0077cc4d}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px}.chart-container{background-color:#f9f9f9;border-radius:10px;padding:16px;min-height:350px;border:1px solid #eaeaea;transition:all .2s}.chart-container:hover{border-color:#ccc}.chart-no-data,.metrics-charts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:350px;color:#888;text-align:center;background-color:#f9f9f9;border-radius:10px;border:1px dashed #ddd}.chart-no-data svg,.metrics-charts-empty svg{font-size:3.5rem;margin-bottom:15px;opacity:.7;color:#07c}.charts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:350px;color:#666;gap:15px}.loading-spinner.small{width:24px;height:24px;border-width:3px;border-top-color:#07c}@media (max-width: 768px){.charts-header{flex-direction:column;align-items:flex-start}.charts-grid{grid-template-columns:1fr}.metrics-time-filter{width:100%;justify-content:space-between}.time-filter-btn{flex-grow:1;text-align:center}.metrics-charts-container{padding:16px}}.metrics-charts-container.dark-theme{background-color:#1a222c;border-radius:10px;box-shadow:0 3px 10px #0000004d;margin:20px 0 30px;padding:24px;transition:all .3s ease;color:#e2e2e2}.metrics-charts-container.dark-theme:hover{box-shadow:0 5px 15px #0006}.metrics-charts-container.dark-theme .charts-header{border-bottom:1px solid #2d3748;padding-bottom:15px;margin-bottom:24px}.metrics-charts-container.dark-theme .charts-header h2{color:#e2e2e2}.metrics-charts-container.dark-theme .charts-header h2:before{background-color:#3182ce}.metrics-charts-container.dark-theme .metrics-time-filter{background-color:#2d3748}.metrics-charts-container.dark-theme .time-filter-btn{color:#a0aec0}.metrics-charts-container.dark-theme .time-filter-btn:hover{background-color:#4299e133;color:#e2e2e2}.metrics-charts-container.dark-theme .time-filter-btn.active{background-color:#3182ce;color:#fff;box-shadow:0 2px 5px #3182ce4d}.metrics-charts-container.dark-theme .chart-container{background-color:#1a222c;border:1px solid #2d3748}.metrics-charts-container.dark-theme .chart-container:hover{border-color:#4a5568}.metrics-charts-container.dark-theme .chart-no-data,.metrics-charts-container.dark-theme .metrics-charts-empty{background-color:#2d3748;border:1px dashed #4a5568;color:#a0aec0}.metrics-charts-container.dark-theme .chart-no-data svg,.metrics-charts-container.dark-theme .metrics-charts-empty svg{color:#4a5568}.metrics-charts-container.dark-theme .charts-loading{color:#a0aec0}.metrics-charts-container.dark-theme .loading-spinner.small{border-color:#a0aec033;border-top-color:#3182ce}@media (max-width: 768px){.metrics-charts-container.dark-theme{padding:16px}.metrics-charts-container.dark-theme .charts-header{padding-bottom:10px;margin-bottom:16px}}.apexcharts-tooltip.apexcharts-theme-dark{background:#2d3748!important;border:1px solid #4a5568!important;box-shadow:0 5px 10px #0000004d!important}.dark-theme .apexcharts-tooltip-title{background:#1a222c!important;border-bottom:1px solid #4a5568!important}.dark-theme .apexcharts-tooltip-series-group{border-bottom:1px solid #4a5568!important}.dark-theme .apexcharts-xaxistooltip{background:#2d3748!important;border:1px solid #4a5568!important;color:#e2e2e2!important}.dark-theme .apexcharts-xaxistooltip-bottom:after,.dark-theme .apexcharts-xaxistooltip-bottom:before{border-bottom-color:#2d3748!important}.dark-theme .apexcharts-tooltip-marker{margin-right:8px!important}.dark-theme .apexcharts-legend-text{color:#e2e2e2!important}.dark-theme .apexcharts-yaxis-title,.dark-theme .apexcharts-xaxis-title{fill:#e2e2e2!important}.dark-theme .apexcharts-grid-row,.dark-theme .apexcharts-grid-column{stroke:#2d3748!important}.dark-theme .apexcharts-zoom-icon,.dark-theme .apexcharts-zoomin-icon,.dark-theme .apexcharts-zoomout-icon,.dark-theme .apexcharts-reset-icon,.dark-theme .apexcharts-menu-icon{fill:#a0aec0!important}.metrics-charts-container.dark-theme .header-controls{display:flex;align-items:center;gap:10px}.refresh-metrics-btn{background-color:#2d3748;border:none;width:38px;height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#a0aec0;transition:all .2s ease}.refresh-metrics-btn:hover{background-color:#3182ce;color:#fff}.refresh-metrics-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-metrics-btn svg{font-size:18px}.metrics-charts-container.dark-theme .refresh-metrics-btn{background-color:#4a5568;color:#e2e2e2}.metrics-charts-container.dark-theme .refresh-metrics-btn:hover{background-color:#3182ce}@media (max-width: 768px){.right-section{justify-content:space-between;gap:12px;width:100%;margin-top:12px}.btn-primary,.last-update,.time-range-selector select{font-size:.8rem;padding:6px 10px}.time-range-selector select{padding-right:30px;min-width:90px}}@media (max-width: 480px){.right-section{flex-direction:column;align-items:flex-start;gap:10px}.view-navigation{width:100%;justify-content:space-between}.btn-primary{width:100%;justify-content:center;min-width:auto;padding:8px 12px}.last-update,.time-range-selector,.time-range-selector select{width:100%}}.time-range-controls{display:flex;gap:10px;margin-bottom:20px}.time-range-controls .time-range-button{padding:8px 16px;border:1px solid #e0e0e0;background-color:#fff;color:#333;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.time-range-controls .time-range-button:hover:not(:disabled){border-color:#0071e3;background-color:#f5f9ff}.time-range-controls .time-range-button.active{background-color:#0071e3;border-color:#0071e3;color:#fff}.time-range-controls .time-range-button:disabled{opacity:.5;cursor:not-allowed}.mb-4{margin-bottom:16px}.location-container{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.get-location-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#4fd1c526;border:1px solid rgba(79,209,197,.5);color:#4fd1c5;padding:10px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.get-location-button:hover{background:#4fd1c540;transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.get-location-button:disabled{background:#2d374880;border-color:#2d37484d;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.location-coordinates{display:flex;justify-content:space-between;gap:10px;background:#1a202cb3;border:1px solid rgba(45,55,72,.5);border-radius:8px;padding:10px;color:#e2e8f0;font-size:.9rem}.coordinates-value{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.coordinates-icon{color:#4fd1c5;flex-shrink:0}.map-link{margin-left:auto;padding:4px 8px;background:#4fd1c526;border:1px solid rgba(79,209,197,.5);color:#4fd1c5;border-radius:4px;font-size:.8rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.map-link:hover{background:#4fd1c540;transform:translateY(-2px);box-shadow:0 2px 5px #00000026}@media (max-width: 768px){.coordinates-value{flex-direction:column;align-items:flex-start;gap:4px}.map-link{margin-left:0;margin-top:4px;align-self:flex-start}}.location-capture{display:flex;flex-direction:column;gap:10px}.capture-coordinates{display:flex;align-items:center;gap:8px;font-size:.9rem;background:#1a202cb3;border:1px solid rgba(45,55,72,.5);border-radius:8px;padding:8px 10px}.location-actions{display:flex;gap:8px}.save-location-button,.cancel-location-button{padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.save-location-button{background:#4fd1c526;border:1px solid rgba(79,209,197,.5);color:#4fd1c5}.save-location-button:hover:not(:disabled){background:#4fd1c540;transform:translateY(-2px);box-shadow:0 2px 5px #00000026}.cancel-location-button{background:#a0aec01a;border:1px solid rgba(160,174,192,.3);color:#cbd5e0}.cancel-location-button:hover:not(:disabled){background:#a0aec033;color:#e2e8f0}.save-location-button:disabled,.cancel-location-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.get-location-button-small{display:flex;align-items:center;justify-content:center;gap:8px;background:#4fd1c526;border:1px solid rgba(79,209,197,.5);color:#4fd1c5;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.get-location-button-small:hover:not(:disabled){background:#4fd1c540;transform:translateY(-2px);box-shadow:0 2px 5px #00000026}.get-location-button-small:disabled{background:#2d374880;border-color:#2d37484d;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.location-actions{flex-direction:column}}@media (max-width: 768px){.reports-header{flex-direction:column;align-items:stretch;gap:16px}.left-section{order:1}.right-section{order:2;justify-content:space-between;gap:12px;width:100%;margin-top:12px}.btn-primary{font-size:.85rem;padding:10px 14px;min-width:120px}.last-update,.time-range-selector select{font-size:.8rem;padding:6px 10px}.time-range-selector select{padding-right:30px;min-width:90px}}@media (max-width: 480px){.reports-header{padding:.75rem 0}.right-section{flex-direction:column;align-items:stretch;gap:10px}.view-navigation{width:100%;justify-content:space-between}.btn-primary{width:100%;justify-content:center;min-width:auto;padding:8px 12px}.last-update,.time-range-selector,.time-range-selector select{width:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid transparent;border-radius:.5rem;font-size:.875rem;font-weight:500;line-height:1;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-primary{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#4fd1c5,#2c7a7b);border:none;color:#fff;border-radius:6px;padding:8px 12px;font-weight:500;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 6px #4fd1c533;white-space:nowrap;font-size:.85rem;align-self:flex-start}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #4fd1c54d;background:linear-gradient(135deg,#38b2ac,#2c7a7b)}.btn-primary svg{width:14px;height:14px;flex-shrink:0}.loading-inline{display:flex;align-items:center;gap:.5rem;margin-top:1rem;justify-content:center}.loading-inline .loading-spinner{font-size:1rem}.loading-inline span{color:var(--text-secondary, #a0aec0);font-size:.9rem}.charts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.charts-loading p{margin-top:1rem;color:var(--text-secondary, #a0aec0)}.info-item .inline-edit{width:100%;min-height:20px}.info-item .inline-edit-value{color:inherit;font-size:inherit}.info-item .inline-edit.placeholder .inline-edit-value{color:#718096;font-style:italic}.info-item .inline-edit:hover{background:#ffffff08;border-radius:4px}.info-item .inline-edit-input{background:#ffffff14!important;border:1px solid rgba(255,255,255,.15)!important;color:#e2e8f0!important;padding:6px 10px!important;border-radius:6px!important;font-size:inherit!important;width:100%!important}.info-item .inline-edit-input:focus{border-color:#4262ff!important;background:#4262ff14!important;box-shadow:0 0 0 2px #4262ff33!important}.info-item .inline-edit-actions{margin-top:4px}.info-item .inline-edit-save,.info-item .inline-edit-cancel{width:28px;height:28px;font-size:12px}.info-item .inline-edit-error{margin-top:6px;font-size:11px;padding:3px 6px}.info-item .inline-edit.location{font-weight:500}.info-item .inline-edit.product{color:#81e6d9;font-weight:500}.info-item .inline-edit.refrigerator{color:#9f7aea;font-weight:500}@media (max-width: 768px){.info-item .inline-edit-input{padding:8px 12px!important;font-size:14px!important}.info-item .inline-edit-actions{justify-content:flex-end}.info-item .inline-edit-save,.info-item .inline-edit-cancel{width:32px;height:32px;font-size:14px}}.info-item .inline-edit-input-wrapper{animation:fadeInInput .2s ease-out}@keyframes fadeInInput{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.info-item .inline-edit.editing{background:#ffffff05;border-radius:6px;padding:4px}.info-item .inline-edit.editing .inline-edit-input{box-shadow:0 2px 8px #00000026!important}.info-item .inline-edit-input.error{border-color:#e53e3e!important;background:#e53e3e1a!important}.info-item .inline-edit-input.error:focus{box-shadow:0 0 0 2px #e53e3e4d!important}.device-status{display:flex;align-items:center;gap:.5rem}.status-indicator{border-radius:50%;position:relative;transition:all .2s ease}.status-indicator-sm{width:8px;height:8px}.status-indicator-md{width:10px;height:10px}.status-indicator-lg{width:14px;height:14px}.status-indicator.pareando{background:#ed8936;box-shadow:0 0 10px #ed893680}.status-indicator.aguardando{background:#9f7aea;box-shadow:0 0 10px #9f7aea80}.status-indicator.offline{background:#e53e3e;box-shadow:0 0 10px #e53e3e80}.status-label{font-size:.875rem;font-weight:500}.status-label.normal{color:#48bb78}.status-label.pareando{color:#ed8936}.status-label.aguardando{color:#9f7aea}.status-label.instável{color:#f56565}.status-label.atenção{color:#ed8936}.status-label.offline{color:#e53e3e}.status-indicator.instável,.status-indicator.atenção{animation:pulse 2s infinite}.connection-icon{font-size:1.25rem;transition:all .2s ease}.connection-icon.online{color:#48bb78}.connection-icon.offline{color:#e53e3e;animation:pulse 2s infinite}.connection-icon.pareando{color:#ed8936;animation:pulse 2s infinite;margin-left:0rem}.connection-icon.aguardando{color:#9f7aea;animation:pulse 2s infinite;margin-left:0rem}.status-indicator.offline{animation:pulse 2s infinite}.status-indicator.pareando{animation:pulse 2s infinite;margin-left:0rem;background:#ed8936}.status-indicator.aguardando{animation:pulse 2s infinite;margin-left:0rem;background:#9f7aea}@keyframes pulse{0%{box-shadow:0 0 #e53e3e80}70%{box-shadow:0 0 0 6px #e53e3e00}to{box-shadow:0 0 #e53e3e00}}.alert-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;justify-content:center;align-items:center;z-index:9999}.alert-modal{background:#334257;background:linear-gradient(108deg,#334257,#242f3e);border-radius:8px;width:400px;padding:24px;box-shadow:0 2px 10px #0000004d;text-align:center;animation:slide-down .3s ease-out}.iconalert{color:#e74c3c;width:100%;font-size:40px}.alert-modal h2{margin-top:0;margin-bottom:16px;font-size:1.5rem;color:#e74c3c}.alert-modal p{margin-bottom:24px;line-height:1.4;color:#ededed}.alert-buttons{display:flex;justify-content:space-between;gap:12px}.btn-view-sensor{background-color:#6132e7;border:none;color:#fff;padding:12px 16px;text-decoration:none;border-radius:4px;font-weight:700;transition:background-color .2s ease;display:inline-block}.btn-view-sensor:hover{background-color:#6232e7b4}.btn-close{background-color:#ccc;border:none;color:#333;font-family:Poppins;padding:12px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;font-weight:700}.btn-close:hover{background-color:#b3b3b3}@keyframes slide-down{0%{transform:translateY(-30%);opacity:0}to{transform:translateY(0);opacity:1}}.inline-edit{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s ease;position:relative;min-height:24px;background:transparent}.inline-edit:hover{background:#ffffff0d}.inline-edit.placeholder{color:#888;font-style:italic}.inline-edit-value{flex:1;word-break:break-word}.inline-edit-icon{opacity:0;transition:opacity .2s ease;color:#888;flex-shrink:0;font-size:14px}.inline-edit:hover .inline-edit-icon{opacity:1}.inline-edit.editing{cursor:default;background:transparent;padding:0}.inline-edit-input-wrapper{display:flex;align-items:flex-start;gap:8px;width:100%;position:relative}.inline-edit-input,.inline-edit-textarea{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 12px;color:#fff;font-size:inherit;font-family:inherit;line-height:1.4;transition:all .2s ease;outline:none;resize:none}.inline-edit-input:focus,.inline-edit-textarea:focus{border-color:#4262ff;background:#4262ff1a;box-shadow:0 0 0 3px #4262ff33}.inline-edit-input::placeholder,.inline-edit-textarea::placeholder{color:#888}.inline-edit-input:disabled,.inline-edit-textarea:disabled{opacity:.7;cursor:not-allowed}.inline-edit-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.inline-edit-save,.inline-edit-cancel{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px}.inline-edit-save{background:#28a745;color:#fff}.inline-edit-save:hover:not(:disabled){background:#218838;transform:scale(1.05)}.inline-edit-save:disabled{background:#6c757d;cursor:not-allowed;transform:none}.inline-edit-cancel{background:#6c757d;color:#fff}.inline-edit-cancel:hover:not(:disabled){background:#5a6268;transform:scale(1.05)}.inline-edit-cancel:disabled{opacity:.7;cursor:not-allowed;transform:none}.inline-edit-error{color:#dc3545;font-size:12px;margin-top:4px;padding:4px 8px;background:#dc35451a;border-radius:4px;border-left:3px solid #dc3545}.inline-edit-hint{color:#888;font-size:11px;margin-top:4px;text-align:right}.inline-edit.title{font-size:1.5rem;font-weight:600;padding:8px 12px}.inline-edit.title .inline-edit-input{font-size:1.5rem;font-weight:600;padding:12px 16px}.inline-edit.subtitle{font-size:1.1rem;font-weight:500;padding:6px 8px}.inline-edit.subtitle .inline-edit-input{font-size:1.1rem;font-weight:500;padding:10px 14px}.inline-edit.placeholder:hover{background:#4262ff1a;border:1px dashed rgba(66,98,255,.3)}@media (max-width: 768px){.inline-edit-actions{gap:2px}.inline-edit-save,.inline-edit-cancel{width:28px;height:28px;font-size:12px}.inline-edit-input,.inline-edit-textarea{padding:6px 10px;font-size:14px}}.device-name-editable{margin:0 0 10px;font-size:1.8rem!important;font-weight:700!important;line-height:1.2!important}.device-name-editable .inline-edit-value{font-size:1.8rem;font-weight:700;line-height:1.2}.device-name-editable:hover{color:#6132e8}.device-name-editable .inline-edit-input{font-size:1.8rem!important;font-weight:700!important;line-height:1.2!important;background:#ffffff0d!important;border:2px solid rgba(97,50,232,.3)!important;padding:8px 12px!important;border-radius:8px!important}.device-name-editable .inline-edit-input:focus{border-color:#6132e8!important;background:#6132e81a!important;box-shadow:0 0 0 3px #6132e833!important}.device-name-edit{position:relative;margin:0 0 10px;display:flex;align-items:center}.device-name-input{font-size:1.8rem;font-weight:700;color:#fff;background-color:transparent;border:none;outline:none;padding:0;margin:0;line-height:1.2;font-family:inherit;width:auto;caret-color:#6132e8;box-shadow:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.device-name-input:focus{color:#6132e8;border:none;outline:none;box-shadow:none}.saving-indicator{position:absolute;left:105%;top:50%;transform:translateY(-50%);font-size:.8rem;color:#fff9;animation:pulse 1.5s infinite;white-space:nowrap}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.device-meta{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#ffffffb3}.separator{color:#fff6}.refresh-icon{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.refresh-icon:hover:not(:disabled){color:#6132e8;background:#6132e81a}.refresh-icon:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.device-name-editable{font-size:1.4rem!important}.device-name-editable .inline-edit-value{font-size:1.4rem}.device-name-editable .inline-edit-input{font-size:1.4rem!important}.device-meta{font-size:.8rem;gap:8px;flex-wrap:wrap}}.report-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:40px auto}.report-panel{max-width:100%}.report-actions{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}.download-report-button{background:linear-gradient(45deg,#6132e8,#4e26cf,#7c3aff,#4e26cf);background-size:300% 300%;padding:12px 24px;border-radius:12px;font-weight:600;box-shadow:0 4px 12px #6132e84d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;z-index:1;min-width:200px;color:#fff;border:none;cursor:pointer;font-size:.95rem;animation:gradient-flow 8s ease infinite,button-float 3s ease-in-out infinite}.download-report-button:disabled{opacity:.8;cursor:not-allowed;animation:none;transform:none}.download-report-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:12px;background:linear-gradient(45deg,#6132e8,#4e26cf,#7c3aff,#4e26cf);background-size:400% 400%;animation:gradient-flow 8s ease infinite;filter:blur(8px);opacity:0;transition:opacity .3s ease}.download-report-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px #6132e866,0 0 20px #6132e84d}.download-report-button:hover:before{opacity:1}.download-report-button:after{content:"";background:radial-gradient(circle,#fffc,#fff0 70%);width:30px;height:30px;border-radius:50%;position:absolute;z-index:1;top:-10px;left:-10px;opacity:0;animation:sparkle-effect 3s ease-in-out infinite}.download-report-button span{position:relative;z-index:2}.download-report-button svg{z-index:2;position:relative;animation:icon-pulse 2s ease infinite}.download-report-button .particle{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffffffb3;z-index:1;animation:particle-float 3s ease-in-out infinite}.download-report-button .particle:nth-child(1){left:20%;top:20%;animation-delay:0s}.download-report-button .particle:nth-child(2){left:80%;top:60%;animation-delay:.5s}.download-report-button .particle:nth-child(3){left:40%;top:70%;animation-delay:1s}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes button-float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes icon-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes particle-float{0%{transform:translateY(0) translate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-20px) translate(15px);opacity:0}}@keyframes sparkle-effect{0%{transform:scale(.5);opacity:0}20%{opacity:.7}50%{transform:scale(1.2);opacity:0}to{transform:scale(.5);opacity:0}}.download-pdf-button{padding:12px 20px;border-radius:8px;font-weight:500;background:transparent;border:2px solid #4fd1c5;color:#4fd1c5;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-width:140px;font-size:.9rem;cursor:pointer}.download-pdf-button:hover{background:#4fd1c5;color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #4fd1c54d}.report-preview-container{margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000001a}.report-preview-container h3{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #dee2e6;color:#07c;font-size:1.4em;font-weight:600}.report-preview-content{max-width:100%;overflow:hidden}.report-notice{margin-top:15px;text-align:center;color:#6c757d;font-size:.9em}.report-error{background:#dc26261a;border-left:4px solid #dc2626;padding:16px;margin-top:20px;border-radius:8px;display:flex;align-items:center;gap:12px;max-width:800px;width:90%}.report-error svg{color:#dc2626;font-size:24px}.report-period-selection{background:#1e293b;border-radius:16px;padding:30px;max-width:800px;width:90%;margin:0 auto;box-shadow:0 10px 30px #00000040;text-align:center}.report-period-selection h3{margin-top:0;margin-bottom:16px;font-size:1.1rem;color:#e2e8f0}.period-options{margin-bottom:30px}.quick-periods{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:5px}.period-pill{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:30px;padding:10px 20px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:140px}.period-pill:hover{background:#ffffff26;transform:translateY(-2px)}.period-pill.active{background:#6132e8;border-color:#6132e8;box-shadow:0 0 15px #6132e880}.custom-period-selector{margin-top:20px;display:flex;justify-content:center}.custom-period-selector .date-range-picker{padding:0;background:transparent;border:none;box-shadow:none;width:auto}.date-range-picker{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.date-range-picker.active{border-color:#6132e8;box-shadow:0 0 0 2px #6132e833}.date-picker-label{color:#e2e8f0;font-size:.9rem}.date-picker-input{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:6px;padding:8px 12px;width:220px;text-align:center;cursor:pointer;font-size:.95rem}.react-datepicker{background-color:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 20px #0000004d;font-family:inherit}.react-datepicker__header{background-color:#0f172a;border-bottom:1px solid rgba(255,255,255,.1)}.react-datepicker__current-month,.react-datepicker__day-name,.react-datepicker__day{color:#e2e8f0}.react-datepicker__day:hover{background-color:#6132e880;border-radius:50%}.react-datepicker__day--selected,.react-datepicker__day--in-range{background-color:#6132e8;border-radius:50%}.react-datepicker__day--in-selecting-range{background-color:#6132e880}.react-datepicker--inline{width:auto;margin:0 auto;box-shadow:0 4px 20px #00000040}.react-datepicker__month-container{background-color:#1e293b;border-radius:8px}.react-datepicker__day{margin:.2rem;width:2rem;height:2rem;line-height:2rem;border-radius:50%}.react-datepicker__day--keyboard-selected{background-color:#6132e8!important}.react-datepicker__day--in-range{background-color:#6132e866;border-radius:0}.react-datepicker__day--range-start,.react-datepicker__day--range-end{background-color:#6132e8!important;border-radius:50%!important;color:#fff!important;font-weight:700}.selected-period-display{margin-top:20px;padding:12px 16px;background:#0003;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;border-left:3px solid #6132e8}.selected-period-display span{color:#94a3b8}.selected-period-display strong{color:#fff}.spinning-loader.small{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.report-actions{flex-direction:column;gap:12px;margin-top:16px}.download-report-button,.download-pdf-button{width:100%;max-width:280px;min-width:auto}.download-report-button{padding:14px 20px;font-size:.9rem}.download-pdf-button{padding:12px 18px;font-size:.85rem}.period-options{margin-bottom:20px}.quick-periods{flex-wrap:wrap;gap:8px}.period-pill{padding:8px 12px;font-size:.8rem;min-width:auto}}@media (max-width: 480px){.report-container{margin:20px auto;padding:0 10px}.download-report-button{padding:12px 16px;font-size:.85rem}.download-pdf-button{padding:10px 14px;font-size:.8rem}.quick-periods{grid-template-columns:1fr 1fr;gap:6px}.period-pill{padding:6px 10px;font-size:.75rem}}.reports-page{display:flex;min-height:100vh;background:linear-gradient(135deg,#121630,#070c27);color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-left .subtitle{color:#a0aec0;font-size:1rem;margin:.25rem 0 0;font-weight:400}.header-right{display:flex;align-items:center;gap:1rem}.time-range-wrapper{display:flex;align-items:center;gap:.75rem}.time-range-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1a202cb3;border-radius:.5rem;border:1px solid rgba(45,55,72,.5);color:#cbd5e0;font-size:.9rem;font-weight:500;box-shadow:0 2px 5px #00000026}.time-range-indicator svg{color:#4fd1c5}.time-range-select{padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(45,55,72,.5);background:#1a202cb3;color:#cbd5e0;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #00000026}.time-range-select:hover{background:#2d3748e6;border-color:#4a556880}.time-range-select:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c540}.last-updated{display:flex;align-items:center;gap:.5rem;color:#a0aec0;font-size:.85rem;padding:.25rem 0}.last-updated svg{color:#4fd1c5}.view-navigation{display:flex;gap:1rem;margin-bottom:1.5rem}.view-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#1a202cb3;border:1px solid rgba(45,55,72,.5);border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-weight:500;color:#cbd5e0;font-size:.95rem;box-shadow:0 2px 5px #00000026}.view-button svg{font-size:1.1rem}.view-button:hover{background:#2d3748e6;transform:translateY(-2px);box-shadow:0 4px 10px #0003}.view-button.active{background:linear-gradient(135deg,#2c7a7b,#4fd1c5);color:#fff;border:none;box-shadow:0 4px 10px #4fd1c54d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem;margin-bottom:1.25rem}.stat-card{position:relative;background:#1a202c;border-radius:.75rem;padding:1.25rem;box-shadow:0 4px 15px #00000026;transition:all .3s ease;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(45,55,72,.7)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4fd1c5,#2c7a7b);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#4fd1c5,#2c7a7b);color:#fff;font-size:1.1rem;margin-bottom:.75rem;box-shadow:0 4px 10px #4fd1c540;flex-shrink:0}.stat-icon.warning{background:linear-gradient(135deg,#ed8936,#c05621);box-shadow:0 4px 10px #ed893640}.stat-icon.negative{background:linear-gradient(135deg,#f56565,#c53030);box-shadow:0 4px 10px #f5656540}.stat-icon.positive{background:linear-gradient(135deg,#48bb78,#2f855a);box-shadow:0 4px 10px #48bb7840}.stat-info{flex:1}.stat-info h3{margin:0 0 .5rem;font-size:.95rem;color:#a0aec0;font-weight:500}.stat-value{font-size:1.4rem;font-weight:700;margin:0 0 .5rem;color:#e2e8f0}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:500;color:#a0aec0}.stat-change.positive{color:#48bb78}.stat-change.negative{color:#f56565}.stat-change.warning{color:#ed8936}.stat-change.neutral{color:#a0aec0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{color:#e2e8f0;font-size:1.25rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.clear-all-reports-btn-small{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#e53e3e;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;opacity:.7;font-size:.875rem}.clear-all-reports-btn-small:hover{background:#c53030;opacity:1;transform:translateY(-1px)}.header-actions{display:flex;gap:1rem;align-items:center}.search-container{position:relative;display:flex;align-items:center}.search-container svg{position:absolute;left:.75rem;font-size:1rem;color:#a0aec0}.search-container input{padding:.6rem 1rem .6rem 2.5rem;border-radius:.5rem;border:1px solid rgba(45,55,72,.5);background:#1a202c;font-size:.9rem;color:#e2e8f0;width:250px;transition:all .2s ease}.search-container input:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c540}.overview-container{animation:fadeIn .5s ease-out}.device-overview-section{margin-bottom:1.5rem}.devices-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.device-overview-card{background:#1a202c;border-radius:.75rem;padding:1rem;box-shadow:0 4px 15px #00000026;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(45,55,72,.7);cursor:pointer}.device-overview-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.device-overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4fd1c5,#2c7a7b);opacity:0;transition:opacity .3s ease}.device-overview-card:hover:before{opacity:1}.device-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.device-card-header h3{font-size:1rem;margin:0;color:#e2e8f0;font-weight:600}.status-indicator{width:10px;height:10px;border-radius:50%;position:relative}.status-indicator.normal{background:#48bb78;box-shadow:0 0 10px #48bb7880}.status-indicator.instável{background:#f56565;box-shadow:0 0 10px #f5656580}.status-indicator.atenção{background:#ed8936;box-shadow:0 0 10px #ed893680}.device-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:.5rem}.metric{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#a0aec0}.metric svg{color:#4fd1c5;font-size:.95rem}.alert-badge{position:absolute;bottom:1.25rem;right:1.25rem;display:flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.alert-badge.instável{background:#f5656533;color:#fc8181}.alert-badge.atenção{background:#ed893633;color:#f6ad55}.alert-badge svg{font-size:.85rem}.reports-main{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1.25rem}.reports-main.events{grid-template-columns:1fr;margin-top:0;margin-bottom:0;padding:0}.reports-main.general{grid-template-columns:repeat(2,1fr)}.devices-container{animation:fadeIn .5s ease-out}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem}.device-card-wrapper{height:100%}.device-card-selectable{background:#1a202c;border-radius:.75rem;height:100%;padding:1rem;box-shadow:0 4px 15px #00000026;transition:all .3s ease;border:1px solid rgba(45,55,72,.7);cursor:pointer;display:flex;flex-direction:column}.device-card-selectable:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003}.device-card-body{flex:1}.device-metrics{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.metric-group{display:flex;justify-content:space-between}.device-alert-preview{background:#ed893626;border-radius:.5rem;padding:.75rem;display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem}.device-alert-preview svg{color:#ed8936;margin-top:.15rem;flex-shrink:0}.device-alert-preview p{margin:0;font-size:.85rem;color:#e2e8f0;line-height:1.5}.card-footer{margin-top:1.25rem;text-align:right}.view-details-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#4fd1c5,#2c7a7b);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease;box-shadow:0 4px 10px #4fd1c54d}.view-details-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #4fd1c566}.device-detail-container{animation:fadeIn .5s ease-out}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:#4fd1c5;font-weight:500;cursor:pointer;margin-bottom:1.5rem;transition:all .2s ease;font-size:.95rem}.back-button:hover{color:#81e6d9;transform:translate(-3px)}.device-detail-header{margin-bottom:1.5rem}.device-title-section{display:flex;align-items:center;gap:1rem}.device-title-section h2{font-size:1.8rem;margin:0;color:#e2e8f0;font-weight:700}.status-badge{padding:.35rem .85rem;border-radius:20px;font-size:.85rem;text-transform:capitalize;font-weight:500}.status-badge.normal{background:#48bb7833;color:#68d391}.status-badge.instável{background:#f5656533;color:#fc8181}.status-badge.atenção{background:#ed893633;color:#f6ad55}.device-detail-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.25rem}.device-info-panel,.device-report-panel{height:100%}.device-events-section{margin-top:1.5rem}.status-dot{width:12px;height:12px;border-radius:50%;margin-top:5px;flex-shrink:0}.bg{background:#f56565;box-shadow:0 0 8px #f5656580}.by{background:#ed8936;box-shadow:0 0 8px #ed893680}.br{background:#4fd1c5;box-shadow:0 0 8px #4fd1c580}.metrics-history-section{margin-top:1.5rem;background:#1a202c;border-radius:.75rem;padding:1.25rem;box-shadow:0 4px 15px #00000026;border:1px solid rgba(45,55,72,.7)}.metrics-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(45,55,72,.7)}.metrics-history-header h3{font-size:1.2rem;margin:0;color:#e2e8f0;font-weight:600}.metrics-time-range{display:flex;align-items:center;gap:.75rem}.metrics-time-range select{padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(45,55,72,.5);background:#1a202cb3;color:#e2e8f0;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #00000026}.metrics-time-range select:hover{background:#2d3748e6;border-color:#4a556880}.metrics-time-range select:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c540}.metrics-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;margin-bottom:.85rem}.metric-card{background:#1a202cb3;border-radius:.75rem;padding:1rem;border:1px solid rgba(45,55,72,.7);transition:all .3s ease}.metric-card:hover{background:#1a202ce6;box-shadow:0 4px 10px #00000026}.metric-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metric-card-header h4{font-size:1rem;margin:0;color:#e2e8f0;font-weight:600;display:flex;align-items:center;gap:.5rem}.metric-card-header h4 svg{color:#4fd1c5}.metric-card-body{height:160px;margin-bottom:.85rem;position:relative}.metric-card-body .placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#a0aec0;font-size:.9rem;text-align:center;padding:1rem}.metric-stats{display:flex;justify-content:space-between;margin-top:.5rem}.metric-stat{display:flex;flex-direction:column;align-items:center}.metric-stat-label{font-size:.8rem;color:#718096;margin-bottom:.25rem}.metric-stat-value{font-size:1rem;font-weight:600;color:#e2e8f0}.metric-stat-value.high{color:#fc8181}.metric-stat-value.low{color:#63b3ed}.metric-stat-value.avg{color:#a0aec0}.device-events-section{margin-top:1.5rem;background:#1a202c;border-radius:.75rem;padding:1.25rem;box-shadow:0 4px 15px #00000026;border:1px solid rgba(45,55,72,.7)}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(45,55,72,.7)}.events-header h3{font-size:1.2rem;margin:0;color:#e2e8f0;font-weight:600}.events-filter{display:flex;align-items:center;gap:.75rem}.events-filter select{padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(45,55,72,.5);background:#1a202cb3;color:#e2e8f0;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #00000026}.events-filter select:hover{background:#2d3748e6;border-color:#4a556880}.events-filter select:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c540}.events-list{display:flex;flex-direction:column;gap:1rem}.event-item{display:flex;gap:.75rem;padding:.85rem;border-radius:.5rem;background:#1a202cb3;border:1px solid rgba(45,55,72,.7);transition:all .2s ease}.event-item:hover{background:#1a202ce6;box-shadow:0 4px 10px #00000026}.event-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:#4fd1c526;color:#4fd1c5;flex-shrink:0}.event-icon.warning{background:#ed893626;color:#ed8936}.event-icon.error{background:#f5656526;color:#f56565}.event-content{flex:1}.event-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.event-title{font-weight:600;color:#e2e8f0;font-size:.95rem;margin:0}.event-time{font-size:.85rem;color:#a0aec0}.event-description{font-size:.9rem;color:#cbd5e0;margin:0;line-height:1.5}.events-empty{padding:2rem;text-align:center;color:#a0aec0;font-size:.95rem}.events-empty svg{font-size:2.5rem;color:#4a5568;margin-bottom:1rem}.events-pagination{display:flex;justify-content:center;margin-top:1.5rem;gap:.5rem}.pagination-button{padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(45,55,72,.5);background:#1a202c;color:#cbd5e0;font-size:.9rem;cursor:pointer;transition:all .2s ease}.pagination-button:hover{background:#2d3748e6;border-color:#4a556880}.pagination-button.active{background:#4fd1c5;color:#fff;border-color:#4fd1c5}.pagination-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1400px){.reports-content{max-width:100%;padding:1.25rem}}@media (max-width: 1200px){.reports-main.general,.device-detail-panels{grid-template-columns:1fr}.metrics-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 992px){.reports-content{padding:1rem;margin-left:200px}.devices-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.devices-overview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.metrics-history-header,.events-header{flex-direction:column;align-items:flex-start;gap:.85rem}.metrics-time-range,.events-filter,.metrics-time-range select,.events-filter select{width:100%}}@media (max-width: 768px){.reports-content{padding:1rem}.devices-table{overflow-x:auto}.devices-table table{min-width:600px}.report-item{flex-direction:column;align-items:flex-start;gap:1rem}.report-actions{align-self:stretch;flex-direction:column}.report-actions button{width:100%;justify-content:center}.reports-header{flex-direction:column;gap:1rem}.header-right{flex-direction:column;align-items:stretch;gap:.75rem}.stats-summary{flex-direction:column;gap:.5rem}.minio-status-item{justify-content:center}.filters-grid{grid-template-columns:1fr}.filters-container{flex-direction:column;gap:1rem;align-items:stretch}.filters-grid-compact{grid-template-columns:1fr;gap:.75rem}.filter-actions-compact{flex-direction:column;gap:.5rem;align-items:stretch}.apply-filters-btn-compact,.cleanup-btn-compact{width:100%;justify-content:center}.filter-actions{flex-direction:column;width:100%}.cleanup-btn,.apply-filters-btn{width:100%;justify-content:center}.reports-stats-section .stats-grid{grid-template-columns:1fr}.quick-range-buttons{gap:.4rem;justify-content:center}.quick-range-btn{padding:.5rem .75rem;font-size:.8rem;flex:1;min-width:0;max-width:none}.unified-date-range{flex-direction:column;gap:1rem;padding:1rem}.unified-date-range .date-separator{transform:rotate(90deg);margin:0}.date-input-group{width:100%}.compact-date-range{padding:.75rem}.date-inputs-row{flex-direction:column;gap:.75rem;margin-bottom:.75rem}.date-input-compact{width:100%}.date-range-separator{order:1;transform:rotate(90deg);margin:.25rem 0;align-self:center}.date-input-compact:first-child{order:0}.date-input-compact:last-child{order:2}.period-summary{margin:.4rem auto!important;text-align:center!important;display:block!important;width:100%!important}.period-summary span{color:#a0aec0!important;font-size:.75rem!important;opacity:.75!important;font-weight:400!important;font-style:italic!important;display:block!important;text-align:center!important}.period-summary svg{display:none!important}}@media (min-width: 1600px){.reports-content{max-width:1500px;margin:0 auto;padding:1.5rem 2rem}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.devices-overview-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.devices-grid,.metrics-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.report-generation-section{margin-bottom:2rem}.report-form{background:#1a202c;border-radius:.75rem;padding:1.25rem;border:1px solid rgba(45,55,72,.7)}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1.5rem;align-items:end}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#cbd5e0;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.date-range{display:flex;align-items:center;gap:.75rem}.date-range input{flex:1;padding:.625rem;background:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e2e8f0;font-size:.875rem}.date-range input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.date-separator{color:#a0aec0;font-size:.875rem;font-weight:500;white-space:nowrap}.form-group select{padding:.625rem;background:#2d3748;border:1px solid #4a5568;border-radius:.375rem;color:#e2e8f0;font-size:.875rem}.form-group select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-actions{display:flex;align-items:end}.generate-report-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;white-space:nowrap;min-height:48px}.generate-report-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.generate-report-btn:disabled{background:#4a5568;cursor:not-allowed;transform:none;box-shadow:none;opacity:.8}@media (max-width: 1024px){.form-grid{grid-template-columns:1fr 1fr;gap:1rem}.form-group:first-child{grid-column:1 / -1}.form-actions{grid-column:1 / -1;justify-content:center}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:1rem}.date-range{flex-direction:column;gap:.5rem}.date-separator{order:-1;text-align:center}.generate-report-btn{width:100%;justify-content:center}}@media (max-width: 480px){.report-form{padding:1rem}.date-range input,.form-group select{padding:.5rem;font-size:.8rem}.generate-report-btn{padding:.5rem .75rem;font-size:.8rem}}.devices-summary-section{margin-bottom:2rem}.devices-table{background:#1a202c;border-radius:.75rem;overflow:hidden;border:1px solid rgba(45,55,72,.7)}.devices-table table{width:100%;border-collapse:collapse}.devices-table th{background:#2d3748;color:#e2e8f0;padding:1rem;text-align:left;font-weight:600;border-bottom:1px solid #4a5568}.devices-table td{padding:1rem;border-bottom:1px solid rgba(45,55,72,.5);color:#cbd5e0}.devices-table tr:hover{background:#2d37484d}.device-info{display:flex;flex-direction:column;gap:.25rem}.device-info strong{color:#e2e8f0}.device-info small{color:#a0aec0}.device-type-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.device-type-badge.sensor{background:#48bb7833;color:#68d391;border:1px solid rgba(72,187,120,.3)}.device-type-badge.gateway{background:#38b2ac33;color:#4fd1c7;border:1px solid rgba(56,178,172,.3)}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.online{background:#48bb7833;color:#68d391;border:1px solid rgba(72,187,120,.3)}.status-badge.offline{background:#f5656533;color:#fc8181;border:1px solid rgba(245,101,101,.3)}.status-badge.pareando{background:#ed893633;color:#ed8936;border:1px solid rgba(237,137,54,.3)}.view-device-btn{padding:.5rem .75rem;background:#3182ce;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.8rem;transition:all .2s;font-weight:500}.view-device-btn:hover{background:#2c5aa0;transform:translateY(-1px)}.existing-reports-section{margin-bottom:2rem}.no-reports{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#1a202c;border-radius:.75rem;border:1px solid rgba(45,55,72,.7);color:#718096;text-align:center}.no-reports svg{width:3rem;height:3rem;margin-bottom:1rem;opacity:.5}.no-reports p{font-size:1.125rem;font-weight:500;margin:0 0 .5rem}.no-reports small{color:#a0aec0}.reports-list{display:flex;flex-direction:column;gap:1rem}.report-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#1a202c;border-radius:.75rem;border:1px solid rgba(45,55,72,.7);transition:all .2s}.report-item:hover{border-color:#3182ce4d;transform:translateY(-1px)}.report-info h4{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#e2e8f0}.report-info p{color:#cbd5e0;margin:0 0 .25rem;font-size:.875rem}.report-info small{color:#a0aec0;font-size:.75rem}.download-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#38a169;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s;white-space:nowrap;font-size:.8rem}.download-btn:hover{background:#2f855a;transform:translateY(-1px)}.delete-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#e53e3e;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s;white-space:nowrap;font-size:.8rem}.delete-btn:hover{background:#c53030;transform:translateY(-1px)}.report-actions{display:flex;gap:.5rem;align-items:center}.clear-all-reports-section{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(45,55,72,.5)}.clear-all-reports-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#e53e3e;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s;opacity:.8;font-size:.8rem}.clear-all-reports-btn:hover{background:#c53030;opacity:1;transform:translateY(-1px)}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.report-header h4{margin:0;flex:1}.report-type-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:.75rem;flex-shrink:0}.report-type-badge.complete{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.report-type-badge.summary{background:linear-gradient(135deg,#0891b2,#0284c7);color:#fff}.report-type-badge.metrics{background:linear-gradient(135deg,#059669,#047857);color:#fff}.report-type-badge.alerts{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.report-details{display:flex;gap:1rem;margin-top:.25rem}.report-details small{color:#a0aec0;margin-right:12px}.loading-spinner{font-size:3rem;color:var(--accent-color, #4fd1c5);animation:spin 1s linear infinite}.loading-spinner.small{font-size:1.5rem}.spinning{animation:spin 1s linear infinite}.date-range-group{grid-column:1 / -1;margin-bottom:1rem}.date-range-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;color:#e2e8f0}.date-range-group label svg{color:#4fd1c5;font-size:1.1rem}.quick-range-buttons{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.quick-range-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:#1a202ccc;border:1px solid rgba(45,55,72,.5);border-radius:.5rem;color:#cbd5e0;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.quick-range-btn:hover{background:#2d3748e6;border-color:#4fd1c5;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.quick-range-btn.active{background:linear-gradient(135deg,#2c7a7b,#4fd1c5);border-color:#4fd1c5;color:#fff;box-shadow:0 4px 12px #4fd1c54d}.quick-range-btn svg{font-size:.9rem;color:currentColor}.unified-date-range{display:flex;align-items:end;gap:1rem;margin-bottom:1rem;padding:1.25rem;background:#1a202c99;border-radius:.75rem;border:1px solid rgba(45,55,72,.5)}.date-input-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.date-input-group label{font-size:.875rem;font-weight:500;color:#a0aec0;margin:0}.date-input-group input[type=date]{padding:.75rem 1rem;border-radius:.5rem;border:1px solid rgba(45,55,72,.5);background:#2d3748cc;color:#e2e8f0;font-size:.95rem;transition:all .2s ease;width:100%}.date-input-group input[type=date]:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c540;background:#2d3748}.date-input-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.unified-date-range .date-separator{display:flex;align-items:center;justify-content:center;color:#4fd1c5;font-size:1.2rem;margin:1.5rem .5rem 0}.selected-period-info{margin:.4rem auto!important;text-align:center!important;display:block!important;width:100%!important}.selected-period-info span{color:#a0aec0!important;font-size:.75rem!important;opacity:.75!important;font-weight:400!important;font-style:italic!important;display:block!important;text-align:center!important}.selected-period-info svg{display:none!important}@media (max-width: 768px){.reports-header{flex-direction:column;gap:1rem}.header-right{flex-direction:column;align-items:stretch;gap:.75rem}.stats-summary{flex-direction:column;gap:.5rem}.minio-status-item{justify-content:center}.filters-grid{grid-template-columns:1fr}.filters-container{flex-direction:column;gap:1rem;align-items:stretch}.filters-grid-compact{grid-template-columns:1fr;gap:.75rem}.filter-actions-compact{flex-direction:column;gap:.5rem;align-items:stretch}.apply-filters-btn-compact,.cleanup-btn-compact{width:100%;justify-content:center}.filter-actions{flex-direction:column;width:100%}.cleanup-btn,.apply-filters-btn{width:100%;justify-content:center}.reports-stats-section .stats-grid{grid-template-columns:1fr}.quick-range-buttons{gap:.4rem;justify-content:center}.quick-range-btn{padding:.5rem .75rem;font-size:.8rem;flex:1;min-width:0;max-width:none}.unified-date-range{flex-direction:column;gap:1rem;padding:1rem}.unified-date-range .date-separator{transform:rotate(90deg);margin:0}.date-input-group{width:100%}.compact-date-range{padding:.75rem}.date-inputs-row{flex-direction:column;gap:.75rem;margin-bottom:.75rem}.date-input-compact{width:100%}.date-range-separator{order:1;transform:rotate(90deg);margin:.25rem 0;align-self:center}.date-input-compact:first-child{order:0}.date-input-compact:last-child{order:2}.period-summary{margin:.4rem auto!important;text-align:center!important;display:block!important;width:100%!important}.period-summary span{color:#a0aec0!important;font-size:.75rem!important;opacity:.75!important;font-weight:400!important;font-style:italic!important;display:block!important;text-align:center!important}.period-summary svg{display:none!important}}@media (max-width: 480px){.quick-range-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.quick-range-btn{justify-content:center;padding:.6rem .5rem;font-size:.75rem;min-height:44px}.selected-period-info{flex-direction:column;align-items:flex-start;gap:.25rem}.compact-date-range{padding:.5rem}.date-input-compact input[type=date]{padding:.5rem;font-size:.85rem}.period-summary{padding:.5rem;font-size:.8rem}.filter-actions-compact{gap:.5rem}.apply-filters-btn-compact,.cleanup-btn-compact{padding:.6rem .75rem;font-size:.8rem;min-height:44px}.filters-grid-compact{padding:.75rem;gap:.5rem}.filter-group-compact select{padding:.5rem .6rem;font-size:.85rem}.view-device-btn,.download-btn,.delete-btn{padding:.5rem .75rem;font-size:.8rem}.clear-all-reports-btn{padding:.625rem 1rem;font-size:.85rem}.report-actions{gap:.75rem}}.compact-date-range{background:#1a202c99;border-radius:.75rem;padding:1rem;border:1px solid rgba(45,55,72,.5)}.date-inputs-row{display:flex;align-items:end;gap:1rem;margin-bottom:.75rem}.date-input-compact{flex:1;display:flex;flex-direction:column;gap:.4rem}.date-input-compact label{font-size:.8rem;font-weight:500;color:#a0aec0;margin:0}.date-input-compact input[type=date]{padding:.6rem .8rem;border-radius:.5rem;border:1px solid rgba(45,55,72,.5);background:#2d3748cc;color:#e2e8f0;font-size:.9rem;transition:all .2s ease}.date-input-compact input[type=date]:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c540;background:#2d3748}.date-input-compact input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.date-range-separator{display:flex;align-items:center;justify-content:center;color:#4fd1c5;font-size:1.1rem;margin:1.2rem .25rem 0}.period-summary{margin:.4rem auto!important;text-align:center!important;display:block!important;width:100%!important}.period-summary span{color:#a0aec0!important;font-size:.75rem!important;opacity:.75!important;font-weight:400!important;font-style:italic!important;display:block!important;text-align:center!important}.period-summary svg{display:none!important}.filters-grid-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;background:#1a202c99;border-radius:.75rem;padding:1rem;border:1px solid rgba(45,55,72,.5)}.filter-actions-compact{display:flex;gap:.5rem;align-items:center}.apply-filters-btn-compact,.cleanup-btn-compact{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:none;border-radius:.375rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.apply-filters-btn-compact{background:#4f46e5;color:#fff}.apply-filters-btn-compact:hover{background:#4338ca;transform:translateY(-1px)}.cleanup-btn-compact{background:#dc2626;color:#fff}.cleanup-btn-compact:hover{background:#b91c1c;transform:translateY(-1px)}.apply-filters-btn-compact svg,.cleanup-btn-compact svg{font-size:.875rem}.filter-group-compact{display:flex;flex-direction:column;gap:.4rem}.filter-group-compact label{color:#a0aec0;font-size:.8rem;font-weight:500;margin:0}.filter-group-compact select{padding:.6rem .8rem;border-radius:.5rem;border:1px solid rgba(45,55,72,.5);background:#2d3748cc;color:#e2e8f0;font-size:.9rem;transition:all .2s ease}.filter-group-compact select:focus{outline:none;border-color:#4fd1c5;box-shadow:0 0 0 3px #4fd1c540;background:#2d3748}.filter-group-compact select:hover{background:#2d3748;border-color:#4a5568b3}.minio-status-enhanced{min-width:280px}.minio-status-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#1a202ccc;border-radius:.75rem;border:1px solid rgba(45,55,72,.5);transition:all .3s ease;cursor:default;box-shadow:0 4px 12px #00000026}.minio-status-card:hover{background:#1a202cf2;border-color:#4a5568b3;transform:translateY(-1px);box-shadow:0 6px 16px #0003}.minio-status-card.connected{border-color:#48bb7880;background:#1a202ccc}.minio-status-card.connected:hover{border-color:#48bb78b3;box-shadow:0 6px 16px #48bb7826}.minio-status-card.disconnected{border-color:#f5656580;background:#1a202ccc}.minio-status-card.disconnected:hover{border-color:#f56565b3;box-shadow:0 6px 16px #f5656526}.minio-status-card.checking{border-color:#4fd1c580;background:#1a202ccc}.minio-status-card.unknown{border-color:#ed893680;background:#1a202ccc}.status-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0;font-size:1.1rem}.minio-status-card.connected .status-icon{background:#48bb7833;color:#68d391;border:1px solid rgba(72,187,120,.3)}.minio-status-card.disconnected .status-icon{background:#f5656533;color:#fc8181;border:1px solid rgba(245,101,101,.3)}.minio-status-card.checking .status-icon{background:#4fd1c533;color:#4fd1c5;border:1px solid rgba(79,209,197,.3)}.minio-status-card.unknown .status-icon{background:#ed893633;color:#ed8936;border:1px solid rgba(237,137,54,.3)}.status-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.status-label{font-size:.9rem;font-weight:600;color:#e2e8f0;line-height:1.2}.status-detail{font-size:.75rem;color:#a0aec0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minio-status-card.connected .status-detail{color:#9ae6b4}.minio-status-card.disconnected .status-detail{color:#feb2b2}.status-actions{display:flex;align-items:center;gap:.5rem}.refresh-status-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#2d3748cc;border:1px solid rgba(74,85,104,.5);border-radius:50%;color:#a0aec0;cursor:pointer;transition:all .2s ease;font-size:.875rem}.refresh-status-btn:hover:not(:disabled){background:#4a5568cc;border-color:#4fd1c5;color:#4fd1c5;transform:scale(1.05)}.refresh-status-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-status-btn svg{transition:transform .2s ease}.alert-rules{padding:10px;width:100%;transition:all .3s ease;position:relative}.alert-rules h2{color:#fff;font-size:1.4rem;margin-bottom:10px;display:flex;align-items:center;gap:10px}.settings-section{margin-bottom:30px}.section-description{color:#ffffffb3;margin-bottom:30px;font-size:.95rem}.alert-rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-container{position:relative;width:300px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#ffffffb3}.search-bar{width:100%;padding:10px 10px 10px 40px;border-radius:30px;border:1px solid rgba(255,255,255,.1);background-color:#0003;color:#fff;font-size:.9rem;transition:all .3s ease}.search-bar:focus{border-color:var(--primary-color);box-shadow:0 0 8px #7180964d;outline:none}.rules-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.rule-card{background:linear-gradient(145deg,#1a202cb3,#2d3748b3);border-radius:15px;padding:15px;box-shadow:0 4px 15px #0003;position:relative;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transform:translateY(0);transition:all .3s ease}.rule-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000004d;border-color:#ffffff1a}.rule-card.expanded{grid-column:span 1}.rule-card-header{display:flex;align-items:center;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:15px}.rule-type-icon{width:48px;height:48px;border-radius:50%;background-color:#ffffff0d;display:flex;align-items:center;justify-content:center;margin-right:15px;color:var(--primary-color)}.rule-title{flex:1;font-size:1.1rem;margin:0;color:#fff;display:flex;align-items:center;gap:10px}.rule-status{width:10px;height:10px;border-radius:50%;margin-left:8px}.rule-status.high{background-color:#e53e3e;box-shadow:0 0 8px #e53e3e80}.rule-status.medium{background-color:#e69b00;box-shadow:0 0 8px #e69b0080}.rule-status.low{background-color:#38a169;box-shadow:0 0 8px #38a16980}.rule-actions{display:flex;gap:8px}.rule-actions button{width:36px;height:36px;border-radius:50%;background-color:#0003;border:1px solid rgba(255,255,255,.05);color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-btn:hover{background-color:#3182ce80;color:#fff}.delete-btn:hover{background-color:#e53e3e80;color:#fff}.rule-card-content{position:relative}.rule-card-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.rule-condition{display:flex;align-items:center}.value-display{display:flex;align-items:baseline;font-size:1.6rem;color:#fff;font-weight:500}.condition-symbol{margin-right:5px;font-size:1.2rem;color:#ffffffb3}.rule-value{font-size:1.8rem;font-weight:600}.unit-symbol{margin-left:5px;color:#ffffffb3}.rule-details{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.duration-info{display:flex;align-items:center;gap:5px;color:#ffffffb3;font-size:.9rem}.status-badge{padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500;color:#fff}.status-badge.high{background-color:#e53e3e33;color:#fc8181}.status-badge.medium{background-color:#e69b0033;color:#fbd38d}.status-badge.low{background-color:#38a16933;color:#9ae6b4}.rule-expanded-info{background-color:#0003;border-radius:10px;padding:15px;margin-bottom:15px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.info-item{display:flex;flex-direction:column}.info-label{font-size:.8rem;color:#ffffff80;margin-bottom:5px}.info-value{font-size:.95rem;color:#fff}.severity-text.high{color:#fc8181}.severity-text.medium{color:#fbd38d}.severity-text.low{color:#9ae6b4}.rule-collapse-toggle{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:30px;height:30px;background-color:#0000004d;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:all .2s ease}.rule-collapse-toggle:hover{background-color:#00000080;color:#fff}.rule-edit-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:.9rem;color:#ffffffb3}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.value-input-group{display:flex;align-items:center}.value-input-group input{flex:1;border-radius:5px 0 0 5px}.value-input-group select{width:60px;border-radius:0 5px 5px 0;border-left:none}input,select{padding:1px;background-color:#0003;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#fff;font-size:.9rem;width:100%;transition:all .3s ease}input:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 8px #7180964d;outline:none}.severity-select{border-width:2px}.severity-select.high{border-color:#e53e3e80}.severity-select.medium{border-color:#e69b0080}.severity-select.low{border-color:#38a16980}.form-actions{display:flex;gap:10px;margin-top:10px}.save-btn,.cancel-btn{padding:10px 20px;border-radius:5px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn{background-color:var(--primary-color);color:#fff;border:none}.save-btn:hover{background-color:var(--primary-dark);box-shadow:0 2px 8px #3182ce4d}.cancel-btn{background-color:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.cancel-btn:hover{background-color:#ffffff1a;color:#fff}.add-rule-card{background:#ffffff08;border:2px dashed rgba(255,255,255,.1);border-radius:15px;height:180px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.add-rule-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-4px)}.no-rules{grid-column:1 / -1;text-align:center;padding:60px 20px;background-color:#0000001a;border-radius:15px;border:2px dashed rgba(255,255,255,.1);color:#ffffffb3;margin-bottom:20px}@media (max-width: 768px){.rules-container{grid-template-columns:1fr}.rule-card.expanded{grid-column:span 1}.rule-expanded-info,.form-row{grid-template-columns:1fr}}.settings-page{display:flex;min-height:100vh;background:linear-gradient(127.55deg,#141e30 3.73%,#243b55 92.26%);color:#fff}.settings-content{flex:1;padding:40px;max-width:1400px;margin:0 auto}.settings-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-start}.header-content{flex:1}.header-actions{margin-left:20px}.settings-header h1{font-size:2rem;margin-bottom:.5rem;color:#fff}.settings-header .subtitle{color:#ffffffb3;font-size:1.1rem}.general-settings-button{display:flex;align-items:center;padding:10px 16px;background:#6132e8;color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s;text-decoration:none}.general-settings-button svg{margin-right:8px}.general-settings-button:hover{background:#7345f7;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.settings-main{background:#22293a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:25px;border:1px solid rgba(255,255,255,.1)}.settings-section{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-section h2{display:flex;align-items:center;margin-bottom:1.5rem;color:#fff;font-size:1.2rem}.settings-section h2 svg{margin-left:.5rem;color:#6132e8}.sensor-selection{max-width:600px;margin:0 auto 25px}.sensor-select{width:100%;padding:.75rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;font-size:1rem;color:#fff;cursor:pointer;transition:all .3s}.sensor-select:focus{border-color:#6132e8;box-shadow:0 0 0 2px #6132e833;outline:none}.settings-tabs{display:flex;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);justify-content:center}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;color:#ffffffb3;cursor:pointer;transition:all .3s}.tab-button:hover{color:#fff}.tab-button.active{color:#fff;border-bottom-color:#6132e8;font-weight:500}.limits-container{max-width:900px;margin:0 auto}.limits-card{display:flex;background:#0003;border-radius:15px;padding:20px;margin-bottom:20px;flex-wrap:wrap;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #0000001a}.limits-card:hover{box-shadow:0 8px 20px #0003;border-color:#6132e81a;transform:translateY(-2px)}.limit-item{flex:1;min-width:280px;padding:15px}.limit-divider{width:1px;background:#ffffff1a;margin:0 20px}.limit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.limit-label{font-size:1.1rem;font-weight:500;color:#ffffffe6}.limit-value-container{display:flex;align-items:center;background:#6132e833;border-radius:10px;padding:0 10px;border:1px solid rgba(97,50,232,.3)}.limit-value{width:60px;background:transparent;border:none;font-size:1.2rem;font-weight:600;color:#fff;text-align:right;padding:8px 0}.limit-value:focus{outline:none}.limit-unit{font-size:1rem;color:#ffffffb3;margin-left:5px}.limit-slider{margin-bottom:15px;width:100%}.limit-slider input[type=range]{width:100%;-webkit-appearance:none;height:8px;border-radius:5px;background:#fff3;outline:none;cursor:pointer}.limit-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#6132e8;cursor:pointer;transition:all .2s;box-shadow:0 0 0 4px #6132e833}.limit-slider input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px #6132e84d;transform:scale(1.1)}.limit-description{color:#fff9;font-size:.9rem;margin:0}.notification-container{display:flex;flex-wrap:wrap;gap:25px}.notification-methods{flex:1;min-width:300px}.notification-methods h3,.notification-settings h3{margin-top:0;margin-bottom:20px;color:#ffffffe6;font-size:1.1rem}.notification-options{display:flex;flex-wrap:wrap;gap:15px}.notification-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background-color:#ffffff1a;transition:all .3s ease;cursor:pointer;width:100px;height:100px;position:relative;box-shadow:0 4px 8px #0000001a}.notification-card span{margin-top:.8rem;font-size:.9rem;font-weight:500;color:#ffffffe6}.notification-card svg{color:#ffffffb3;transition:color .3s ease;font-size:1.8rem}.notification-card:hover{background-color:#ffffff26;transform:translateY(-3px);box-shadow:0 8px 16px #00000026}.notification-card.active{background:#6132e833;border-color:#6132e8}.notification-card.active svg{color:#6132e8}.notification-card.selected{box-shadow:0 0 0 2px #6132e8,0 8px 20px #0003}.notification-card.selected:after{content:"";position:absolute;top:-10px;right:-10px;width:25px;height:25px;border-radius:50%;background:#6132e8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:15px;background-position:center;background-repeat:no-repeat}.notification-settings{flex:2;min-width:300px;padding:20px;background:#0003;border-radius:15px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.notification-settings:hover{box-shadow:0 8px 16px #0003}.notification-config-form{display:flex;flex-direction:column;gap:15px;animation:fadeIn .3s ease-in-out}.config-field{margin-bottom:15px}.config-field label{display:block;margin-bottom:8px;font-weight:500;color:#ffffffe6;transition:all .3s}.config-field input,.config-field select{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:#fff;font-size:.95rem;transition:all .3s}.config-field input:focus,.config-field select:focus{border-color:#6132e8;outline:none;box-shadow:0 0 0 3px #6132e833;background-color:#ffffff26}.config-field input:focus+label,.config-field select:focus+label{color:#6132e8}.notification-placeholder{display:flex;justify-content:center;align-items:center;height:150px;text-align:center;color:#ffffff80}.settings-actions{margin-top:2rem;display:flex;align-items:center;gap:1rem;justify-content:center}.save-button{display:flex;align-items:center;gap:.5rem;background-color:#6132e8;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.save-button:hover{background-color:#5128c8;transform:translateY(-2px);box-shadow:0 5px 15px #6132e84d}.save-success{color:#4ade80;font-weight:500}@media (max-width: 900px){.limit-divider{width:100%;height:1px;margin:15px 0}.notification-container{flex-direction:column}}@media (max-width: 768px){.settings-content{padding:20px}.notification-options{justify-content:center}.settings-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:.5rem}.tab-button{padding:.75rem 1rem}}.config-section{margin-bottom:30px}.config-section h2{display:flex;align-items:center;margin-bottom:1.5rem;color:#fff;font-size:1.2rem}.config-section h2 svg{margin-left:.5rem;color:#6132e8}.config-card{background:#0003;border-radius:15px;padding:25px;margin-bottom:15px;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #0000001a;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.config-card:hover{box-shadow:0 8px 20px #0003;border-color:#6132e81a;transform:translateY(-2px)}.field-description{color:#fff9;font-size:.9rem;margin:0;padding-left:5px}.config-field{position:relative;margin-bottom:10px}.config-field input,.config-field select{width:100%;padding:12px 15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s}.config-field input:focus,.config-field select:focus{outline:none;border-color:#6132e8;box-shadow:0 0 0 2px #6132e833}.config-field label{display:block;margin-bottom:8px;color:#fffc;font-size:.95rem}.config-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:35px}.api-token-field input{padding-right:45px}.token-container{position:relative}.generate-token-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffffb3;cursor:pointer;transition:all .2s;padding:5px}.generate-token-button:hover{color:#6132e8}.tab-icon{margin-right:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.loading-spinner{width:40px;height:40px;border:4px solid rgba(97,50,232,.2);border-radius:50%;border-top:4px solid #6132e8;animation:spin 1s linear infinite;margin-bottom:15px}.error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#ff6b6b;padding:12px 15px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center}.error-message svg{margin-right:10px}@media (max-width: 768px){.config-card{grid-template-columns:1fr}}.info-banner{display:flex;align-items:flex-start;padding:15px;margin-bottom:25px;background:#6132e81a;border:1px solid rgba(97,50,232,.2);border-radius:10px}.info-icon{color:#6132e8;font-size:1.5rem;margin-right:15px;margin-top:3px}.info-content h3{margin:0 0 8px;font-size:1.1rem;color:#fff}.info-content p{margin:0;color:#fffc;font-size:.95rem;line-height:1.5}.action-group{display:flex;justify-content:space-between;align-items:center;width:100%}.reset-button{padding:10px 16px;background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s}.reset-button:hover{background:#ff3b3026;color:#ff3b30e6;border-color:#ff3b304d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirm-modal{background:#1e293bf2;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:25px;width:90%;max-width:500px;box-shadow:0 10px 25px #0000004d}.modal-header{display:flex;align-items:center;margin-bottom:20px}.warning-icon{color:#ff6b6b;font-size:1.5rem;margin-right:15px}.modal-header h3{color:#fff;margin:0;font-size:1.3rem}.confirm-modal p{color:#fffc;margin-bottom:25px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:15px}.cancel-button{padding:10px 16px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s}.cancel-button:hover{background:#fff3}.confirm-button{padding:10px 16px;background:#ff3b30cc;color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s}.confirm-button:hover{background:#ff3b30}:root{--primary-bg: linear-gradient(135deg, #121630 0%, #070c27 100%);--secondary-bg: rgba(26, 32, 44, .7);--card-bg: rgba(255, 255, 255, .1);--border-color: rgba(45, 55, 72, .5);--text-primary: #e2e8f0;--text-secondary: #a0aec0;--text-muted: rgba(255, 255, 255, .6);--accent-color: #4fd1c5;--accent-hover: #81e6d9;--success-color: #4caf50;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6}.reports-page{display:flex;min-height:100vh;background:var(--primary-bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.reports-content{flex:1;padding:1.25rem;max-width:1400px;margin-right:auto;margin-left:auto;animation:fadeIn .5s ease-out;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.reports-header h1{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#81e6d9,#4fd1c5);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.left-section .subtitle{color:var(--text-secondary);font-size:1rem;margin:-.5rem 0 0;font-weight:400}.right-section{display:flex;align-items:center;gap:1rem}.view-navigation{display:flex;gap:.75rem;align-items:center}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--secondary-bg);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-weight:500;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#4fd1c5,#2c7a7b);border:none;color:#fff;border-radius:8px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 10px #4fd1c540;white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #4fd1c540}.btn-secondary{background:var(--secondary-bg);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#2d3748cc;border-color:var(--accent-color);transform:translateY(-2px)}.btn-danger{background:var(--error-color);border-color:var(--error-color);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444440}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.stat-card-blue{border-left:4px solid var(--info-color)}.stat-card-green{border-left:4px solid var(--success-color)}.stat-card-red{border-left:4px solid var(--error-color)}.stat-card-purple{border-left:4px solid #8b5cf6}.stat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.stat-icon{font-size:1.5rem;color:var(--accent-color)}.stat-value{font-size:2.5rem;font-weight:700;margin:0;color:var(--text-primary)}.stat-content h3{font-size:.9rem;color:var(--text-secondary);margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-content p{font-size:.85rem;color:var(--text-muted);margin:.5rem 0 0}.filters-container{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-box{position:relative;min-width:300px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.9rem}.search-box input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #4fd1c540}.filter-group{display:flex;gap:1rem;align-items:center}.filter-group select{padding:.75rem 1rem;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #4fd1c540}.users-table-section{background:var(--card-bg)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:1rem;padding:0;overflow:hidden}.users-table{overflow-x:auto;max-height:600px;overflow-y:auto;background:transparent!important}.users-table table{width:100%;border-collapse:collapse;font-size:.875rem;background:transparent!important}.users-table th{background:#121630cc!important;color:var(--text-secondary)!important;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem;text-align:left;border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:10}.users-table td{padding:1rem;border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-primary)!important;background:transparent!important}.users-table tbody,.users-table tbody tr{background:transparent!important}.users-table tbody tr:hover{background:#4fd1c51a!important}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-info strong{font-weight:600;color:var(--text-primary);font-size:.9rem}.user-info small{display:flex;align-items:center}.user-email{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.email-icon{color:var(--accent-color);flex-shrink:0}.date-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.date-icon{color:var(--accent-color);flex-shrink:0}.role-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.role-badge.role-admin{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 2px 8px #f093fb4d}.role-badge.role-user{background:#4a556899;color:var(--text-secondary);border:1px solid var(--border-color)}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.status-badge.status-active{background:#48bb7833;color:#48bb78;border:1px solid #48bb78}.status-badge.status-inactive{background:#f5656533;color:#f56565;border:1px solid #f56565}.table-actions{display:flex;gap:.5rem;align-items:center;justify-content:center}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.edit-btn{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.edit-btn:hover{background:#3b82f633;border-color:#3b82f6}.password-btn{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.password-btn:hover{background:#f59e0b33;border-color:#f59e0b}.toggle-btn{background:#4fd1c51a;color:var(--accent-color);border:1px solid rgba(79,209,197,.3)}.toggle-btn:hover{background:#4fd1c533;border-color:var(--accent-color)}.delete-btn{background:#ef44441a;color:var(--error-color);border:1px solid rgba(239,68,68,.3)}.delete-btn:hover{background:#ef444433;border-color:var(--error-color)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color)}.pagination button{padding:.5rem .75rem;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#2d3748cc;border-color:var(--accent-color)}.pagination span{color:var(--text-secondary);font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--secondary-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:1rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;box-shadow:0 25px 50px #00000040}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease}.modal-header button:hover{background:#ef44441a;color:var(--error-color)}.modal-body{padding:0 1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color);margin-top:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.75rem;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.9rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #4fd1c540}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.warning-content{text-align:center;padding:1rem}.warning-icon{font-size:3rem;color:var(--warning-color);margin-bottom:1rem}.warning-text{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.notification{position:fixed;top:1rem;right:1rem;background:var(--secondary-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem 1.5rem;color:var(--text-primary);box-shadow:0 10px 25px #00000026;z-index:1001;min-width:300px;animation:notificationSlideIn .3s ease-out;display:flex;align-items:center;gap:.75rem}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification-success{border-left:4px solid var(--success-color)}.notification-error{border-left:4px solid var(--error-color)}.notification-info{border-left:4px solid var(--info-color)}.notification svg{font-size:1.5rem;flex-shrink:0}.notification span{flex:1;font-weight:500}.notification button{background:none;border:none;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s ease}.notification button:hover{opacity:1}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{font-size:3rem;color:var(--accent-color);animation:spin 1s linear infinite}.error-icon{font-size:4rem;color:var(--error-color);margin-bottom:1rem}.error-container h2{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem}.error-container p{margin:0;color:var(--text-secondary);font-size:1rem}.spin{animation:spin 1s linear infinite}@media (max-width: 768px){.reports-content{margin-left:0;padding:1rem}.filters-row{flex-direction:column}.filter-group{min-width:100%}.stats-grid{grid-template-columns:1fr}.users-table{font-size:.8rem}.users-table th,.users-table td{padding:.5rem}.user-info{flex-direction:column;align-items:flex-start;gap:.5rem}.modal{margin:1rem;max-width:none}.modal-footer{flex-direction:column}.notification{right:1rem;left:1rem;min-width:auto}}@media (max-width: 480px){.users-table-section{border-radius:12px}.actions-dropdown .actions-menu{right:auto;left:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.users-page{padding:0;max-width:100%;margin:0}.page-header{margin-bottom:2rem}.left-section{display:flex;flex-direction:column;gap:1rem}.left-section h1{margin:0;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#81e6d9,#4fd1c5);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.filters-section{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.filters-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.search-input,.filter-select{width:100%;padding:.75rem;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.9rem;transition:border-color .2s}.search-input:focus,.filter-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #4fd1c540}.search-input::placeholder{color:var(--text-muted)}.stats-section{margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:1rem;text-align:left;border-bottom:1px solid #eee}.users-table th{background-color:#f8f9fa;font-weight:600;color:#333}.users-table tbody tr:hover{background-color:#f8f9fa}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.role-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.role-badge.admin{background-color:#fff3cd;color:#856404}.role-badge.user{background-color:#d1ecf1;color:#0c5460}.actions{display:flex;gap:.5rem}.btn-small{padding:.5rem 1rem;font-size:.8rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem}.pagination button{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background-color:#007bff;color:#fff;border-color:#007bff}.pagination button:disabled{opacity:.5;cursor:not-allowed}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;padding:3rem;text-align:center}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#dc3545;font-size:1.1rem}@media (max-width: 768px){.users-page{padding:1rem}.filters-row{flex-direction:column}.filter-group{min-width:100%}.stats-grid{grid-template-columns:1fr}.users-table{font-size:.9rem}.users-table th,.users-table td{padding:.75rem .5rem}.actions{flex-direction:column}}.tempcloud-toast{box-shadow:0 8px 16px #0000004d;border-radius:8px;padding:12px}[data-sonner-toaster][data-theme=dark]{--toast-animation-duration: .3s}.tempcloud-toast-description{opacity:.9;font-size:.9rem}[data-sonner-toast][data-type=success]{border-left:4px solid #48bb78}[data-sonner-toast][data-type=error]{border-left:4px solid #f56565}[data-sonner-toast][data-type=warning]{border-left:4px solid #ed8936}[data-sonner-toast][data-type=info]{border-left:4px solid #4299e1}@media (max-width: 768px){.tempcloud-toast{max-width:90vw}}:root{--primary-color: #6132e8;--primary-dark: #4f28c2;--primary-light: #8054ff;--primary-gradient: linear-gradient(135deg, #6132e8, #4f28c2);--accent-color: #4caf50;--accent-dark: #3b8c3e;--accent-light: #66bb69;--accent-gradient: linear-gradient(135deg, #4caf50, #3b8c3e);--text-dark: #11151a;--text-light: #ecf0f1;--text-muted: #a0a0a0;--background-dark: #121212;--background-card: #1e1e1e;--card-dark: #252525;--card-darker: #1a1a1a;--input-bg: #2c2c2c;--input-border: #3d3d3d;--background-gradient: linear-gradient( 135deg, #121212 0%, #1a1a1a 50%, #262626 100% );--header-gradient: linear-gradient(135deg, #4f28c2, #6132e8);--success-color: #48bb78;--warning-color: #ed8936;--danger-color: #e53e3e;--waiting-color: #9f7aea;--box-shadow: 0 8px 30px rgba(0, 0, 0, .3);--card-border: rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-light)}.login-page{min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.login-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--background-gradient);z-index:-1;overflow:visible}.dot-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 0);background-size:30px 30px;z-index:0}.background-bubbles{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:visible}.background-bubble{position:absolute;border-radius:50%;background-color:#fff3;box-shadow:0 0 15px #ffffff26;opacity:.25;animation:float-bubble 25s infinite ease-in-out;z-index:0;will-change:transform}.background-bubble.primary{background-color:#6132e840;box-shadow:0 0 20px #6132e84d;opacity:.35}.background-bubble.accent{background-color:#4caf5040;box-shadow:0 0 20px #4caf504d;opacity:.35}@keyframes float-bubble{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-60px) scale(1.15)}50%{transform:translate(70px,20px) scale(1)}75%{transform:translate(-30px,50px) scale(1.25)}}.floating-circle{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.5}.circle-1{width:400px;height:400px;background:#6132e833;top:-150px;left:-100px;animation:float-slow 10s infinite alternate ease-in-out}.circle-2{width:300px;height:300px;background:#4caf5026;bottom:-100px;right:-50px;animation:float-slow 12s infinite alternate-reverse ease-in-out}.circle-3{width:250px;height:250px;background:#6132e81a;bottom:30%;left:15%;animation:float-slow 8s infinite alternate ease-in-out}@keyframes float-slow{0%{transform:translate(0)}to{transform:translate(50px,30px)}}.floating-icon{position:absolute;color:#fff3;animation:float-icons 15s infinite linear;z-index:0}.floating-icon.accent{color:#4caf5033;animation-duration:20s;animation-direction:reverse}@keyframes float-icons{0%{transform:translateY(0) rotate(0);opacity:.1}25%{transform:translateY(-20px) rotate(5deg);opacity:.2}50%{transform:translateY(0) rotate(0);opacity:.1}75%{transform:translateY(20px) rotate(-5deg);opacity:.2}to{transform:translateY(0) rotate(0);opacity:.1}}.login-container{width:100%;max-width:440px;padding:20px;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px}.login-card{width:100%;background-color:var(--card-dark);border-radius:16px;box-shadow:var(--box-shadow);overflow:hidden;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;transition:all 1s ease-in-out}.login-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:linear-gradient(to right,var(--success-color),var(--warning-color),var(--danger-color),var(--waiting-color),var(--success-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:400% 100%;animation:animate-border 12s linear infinite;z-index:0}.login-card.success:before{background:var(--success-color);animation:none;background-size:100% 100%;opacity:1;transition:all 1.2s ease}.login-card.warning:before{background:var(--warning-color);animation:none;background-size:100% 100%;opacity:1;transition:all 1.2s ease}.login-card.danger:before{background:var(--danger-color);animation:none;background-size:100% 100%;opacity:1;transition:all 1.2s ease}.login-card.waiting:before{background:var(--waiting-color);animation:none;background-size:100% 100%;opacity:1;transition:all 1.2s ease}@keyframes animate-border{0%{background-position:0% 0%}to{background-position:400% 0%}}.login-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:var(--success-color);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;filter:blur(6px);animation:pulse-border 8s alternate infinite;z-index:-1;transition:background 1.2s ease-in-out}.login-card.success:after{background:var(--success-color);opacity:.5;animation:none;filter:blur(12px)}.login-card.warning:after{background:var(--warning-color);opacity:.5;animation:none;filter:blur(12px)}.login-card.danger:after{background:var(--danger-color);opacity:.5;animation:none;filter:blur(12px)}.login-card.waiting:after{background:var(--waiting-color);opacity:.5;animation:none;filter:blur(12px)}@keyframes pulse-border{0%{opacity:0;background:var(--success-color)}25%{opacity:.4;background:var(--success-color)}50%{opacity:0;background:var(--warning-color)}75%{opacity:.4;background:var(--danger-color)}to{opacity:0;background:var(--waiting-color)}}.login-header{padding:30px 30px 20px;position:relative;overflow:hidden}.logo{display:flex;align-items:center;gap:16px;position:relative;z-index:2}.status-display{display:flex;align-items:center;margin-top:16px;padding:8px 12px;background-color:var(--card-darker);border-radius:8px;font-size:14px;color:var(--text-muted);opacity:.85;position:relative;z-index:2}.status-text{margin-right:8px}.status-icon{display:flex;align-items:center;justify-content:center;margin-left:auto;color:var(--text-light)}.status-icon svg{transition:all .3s ease}.logo-icon{color:var(--primary-color);filter:drop-shadow(0 0 8px rgba(97,50,232,.6));animation:pulse 3s infinite}.logo-text h1{font-size:28px;font-weight:600;text-align:center;margin:0;background:linear-gradient(90deg,var(--primary-light),var(--primary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-text p{font-size:18px;color:var(--text-muted);margin:3px;text-align:center}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.particle{position:absolute;border-radius:90%;opacity:.04;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.form-container{padding:0 30px 30px;position:relative;z-index:1}.form-selector{display:flex;margin-bottom:24px;background-color:var(--card-darker);border-radius:8px;padding:4px}.form-selector button{flex:1;padding:10px;border:none;background:transparent;color:var(--text-muted);font-size:15px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .3s ease}.form-selector button.active{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 8px #6132e84d}.forms-wrapper{position:relative;min-height:300px}.login-form,.register-form{position:absolute;width:100%;top:0;left:0;opacity:0;visibility:hidden;transform:translate(20px);transition:all .4s ease-in-out}.login-form.active,.register-form.active{opacity:1;visibility:visible;transform:translate(0);position:relative}.form-group{margin-bottom:20px}.form-group label{display:flex;align-items:center;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-muted)}.input-icon{margin-right:8px}.form-group input{width:100%;padding:14px;border:1px solid var(--input-border);border-radius:8px;background-color:var(--input-bg);color:var(--text-light);font-size:15px;transition:all .3s ease}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6132e833;outline:none}.form-group input::placeholder{color:var(--text-muted);opacity:.7}.submit-button{width:100%;padding:14px;background:var(--primary-gradient);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all 1.2s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #6132e84d;margin-top:8px}.submit-button.success{background:var(--success-color);box-shadow:0 4px 15px #48bb7866}.submit-button.warning{background:var(--warning-color);box-shadow:0 4px 15px #ed893666}.submit-button.danger{background:var(--danger-color);box-shadow:0 4px 15px #e53e3e66}.submit-button.waiting{background:var(--waiting-color);box-shadow:0 4px 15px #9f7aea66}.submit-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.submit-button:active{transform:translateY(0)}.submit-button.register-button{background:var(--accent-gradient);box-shadow:0 4px 15px #4caf504d}.submit-button.register-button.success{background:var(--success-color)}.submit-button.register-button.warning{background:var(--warning-color)}.submit-button.register-button.danger{background:var(--danger-color)}.submit-button.register-button.waiting{background:var(--waiting-color)}.submit-button.register-button:hover{box-shadow:0 6px 20px #4caf5066}.submit-button.loading{opacity:.8;cursor:not-allowed}.submit-button.loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading-animation 1.5s infinite}@keyframes loading-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.login-footer{color:var(--text-muted);font-size:12px;text-align:center}@media (max-width: 480px){.login-container{padding:15px}.login-header{padding:25px 20px 15px}.form-container{padding:0 20px 25px}.logo-text h1{font-size:24px}.logo-text p{font-size:12px}.form-group input,.submit-button{padding:12px}}