:root{--primary-dark: #1e3a8a;--primary-blue: #3b82f6;--primary-gradient: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);--light-text: #ffffff;--dark-text: #000000;--bg-light: #f3f4f6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--orange: #f97316;--link: #f63be6;--green-gradient: linear-gradient(135deg, #10b981, #059669);--yellow-gradient: linear-gradient(135deg, #f59e0b, #d97706);--orange-gradient: linear-gradient(135deg, #f97316, #ea580c);--red-gradient: linear-gradient(135deg, #ef4444, #dc2626);--card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .15);--sidebar-width: 300px}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-light);color:var(--light-text);overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}._footer_1okhu_1{background:#374151;color:var(--light-text);padding:2rem 0;text-align:center}._footer__links_1okhu_8{display:flex;justify-content:center;gap:2rem;margin-top:1rem}._footer__links_1okhu_8 a{color:var(--light-text);text-decoration:none;transition:color .2s ease}._footer__links_1okhu_8 a:hover{color:var(--light-text)}.navbar-nav .nav-link{color:#ffffffe6!important;font-weight:500;padding:.5rem 1rem!important;transition:all .3s ease}.navbar-nav .nav-link:hover{color:var(--light-text);background:#ffffff1a;border-radius:6px}.btn-signin{background:#fff;color:var(--light-text);padding:.5rem 1.5rem;border-radius:24px;font-weight:600;border:none;transition:all .3s ease;display:flex}.btn-signin__icon{width:19px;align-content:center;height:auto;fill:var(--primary-dark)}.btn-signin__text{padding-left:10px}.btn-signin:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media(max-width:576px){.navbar-brand{font-size:1.2rem}}.hero-section{background:var(--primary-gradient);padding:4rem 0 3rem;text-align:center}.hero-section__container__title{font-size:3.5rem;font-weight:900;margin-bottom:1rem;letter-spacing:-.02em}.hero-section__container__tagline{font-size:1.5rem;font-weight:300;margin-bottom:1.5rem;opacity:.95}.hero-section__container__description{font-size:1.1rem;max-width:700px;margin:0 auto 2rem;line-height:1.6;opacity:.9}.hero-section__container__btn-cta{left:50%}.diagram-section{background:#fff;padding:2rem 0}.diagram-section__title{text-align:center;font-size:2rem;font-weight:700;color:var(--primary-dark);margin-bottom:1rem}.diagram-section__architecture{max-width:1000px;margin:0 auto;padding:2rem 0}.diagram-section__container{position:relative;display:grid;min-height:575px}.diagram-section__container__device-box{position:absolute;width:180px;padding:1.25rem;background:#fff;border:2px solid var(--primary-blue);border-radius:12px;box-shadow:var(--card-shadow);transition:all .3s ease;cursor:pointer}.diagram-section__container__device-box:hover{transform:scale(1.05);box-shadow:var(--card-hover-shadow);border-color:var(--success)}.diagram-section__container__device-box__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.diagram-section__container__device-box__icon{font-size:2rem;color:var(--primary-blue)}.diagram-section__container__device-box__status{width:12px;height:12px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}.diagram-section__container__device-box__name{font-size:1.1rem;font-weight:700;color:#111827}.diagram-section__container__device-box__label{font-size:.85rem;color:var(--dark-text)}.diagram-section__container__hub-box{position:absolute;width:220px;padding:1.75rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:3px solid var(--success);border-radius:16px;box-shadow:0 8px 24px #1e3a8a4d;transition:all .3s ease;text-align:center}.diagram-section__container__hub-box:hover{transform:scale(1.05);box-shadow:0 12px 32px #1e3a8a66}.diagram-section__container__hub-box__icon{font-size:3rem;margin-bottom:.75rem}.diagram-section__container__hub-box__title{font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.diagram-section__container__hub-box__subtitle{font-size:.85rem;color:var(--light-text)}.diagram-section__container__cli-box{position:absolute;width:180px;padding:1.25rem;background:#fff;border:2px solid var(--primary-blue);border-radius:12px;box-shadow:var(--card-shadow);transition:all .3s ease;cursor:pointer}.diagram-section__container__cli-box:hover{transform:scale(1.05);box-shadow:var(--card-hover-shadow);border-color:var(--success)}.diagram-section__container__cli-box__title{font-size:1.2rem;font-weight:700;color:var(--dark-text);margin-bottom:.25rem}.diagram-section__container__cli-box__icon{color:var(--primary-blue)}.diagram-section__container__cli-box__subtitle{color:var(--dark-text)}@keyframes flowPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.diagram-section__container__device-1{top:0;left:50px}.diagram-section__container__device-2{top:150px;left:20px}.diagram-section__container__device-3{top:300px;left:20px}.diagram-section__container__device-4{top:450px;left:50px}.diagram-section__container__cli-box{top:230px;right:20px}.diagram-section__container__hub-box{top:200px;justify-self:center}.features-section{background:var(--bg-light);padding:4rem 0}.features-section__container__card{background:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:var(--card-shadow);transition:all .3s ease;height:100%;border:1px solid #e5e7eb}.features-section__container__card:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow);border-color:var(--primary-blue)}.features-section__container__card__icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.features-section__container__card__title{text-align:center;font-size:1.4rem;font-weight:700;color:var(--primary-dark);margin-bottom:1rem}@media(max-width:1200px){.features-section__container__card__title{font-size:1.2rem}}.features-section__container__card__description{font-size:1rem;color:#6b7280;line-height:1.6}.features-section__container__title{text-align:center;font-size:2rem;font-weight:700;color:var(--primary-dark);margin-bottom:3rem}@media(max-width:768px){.hero-section__container__title{font-size:2.5rem}.hero-section__container__tagline{font-size:1.2rem}.hero-section__container__description{font-size:1rem}.diagram-section__container{display:flex;justify-content:center;gap:1rem}.diagram-section__container__device-1{top:0;left:auto;width:20px;order:1}.diagram-section__container__device-2{top:0;left:auto;order:2}.diagram-section__container__device-3,.diagram-section__container__device-4{display:none}.diagram-section__container__cli-box{top:420px;right:auto;justify-self:center;width:150px;padding:1rem}.diagram-section__container__device-box{position:relative;width:150px;height:150px;padding:1rem}.diagram-section__container__hub-box{width:180px;padding:1.25rem}.features-section__container__title{font-size:1.5rem}}@media(max-width:576px){.hero-section__container__title{font-size:2rem}}.conn-curve{stroke:#3b82f6;stroke-width:3;opacity:.9;fill:none}.conn-dot{fill:#10b981;filter:drop-shadow(0 0 2px rgba(16,185,129,.6))}@media(prefers-reduced-motion:reduce){.conn-dot{animation:none}}.hero-section>*{animation:fadeInUp .8s ease forwards}.hero-section__container__title{animation-delay:.1s}.hero-section__container__tagline{animation-delay:.2s}.hero-section__container__description{animation-delay:.3s}.diagram-section__container__device-box,.diagram-section__container__hub-box,.diagram-section__container__cli-box,.features-section__container__card{animation:fadeInUp .6s ease forwards}._btn_1jzw3_1{background:#fff;color:var(--primary-dark);padding:.75rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 12px #0003;animation-delay:.4s}._btn_1jzw3_1:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d;color:var(--primary-dark)}@media(max-width:576px){._btn_1jzw3_1{padding:.875rem 2rem;font-size:1rem}}.navbar{background:var(--primary-gradient);padding:1rem 0;box-shadow:0 2px 8px #0003}._logo_1itty_1{text-decoration:none}._brand_1itty_5{color:var(--light-text);font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem;text-decoration:none}._brand_1itty_5 i{font-size:2rem}._title_1itty_20{color:var(--light-text)}._input_1uepy_1{box-sizing:border-box;border-radius:12px;border:2px solid var(--primary-blue);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;background:#fff;transition:all .3s ease;box-shadow:var(--card-shadow);outline:none}._input_1uepy_1:hover{box-shadow:var(--card-hover-shadow);border-color:var(--success)}.auth-back-btn{animation:fadeInUp .8s ease forwards;position:absolute;left:40px;top:40px;z-index:99;display:flex}.auth-back-btn-icon{width:20px;align-self:center;height:auto;fill:var(--primary-dark);rotate:180deg}.auth-back-btn-text{padding-left:10px;color:var(--primary-dark);cursor:pointer}.auth-card{position:absolute;color:var(--light-text);height:100%;width:40%;right:0;display:flex;justify-content:center;align-items:center;background:var(--primary-gradient);box-shadow:0 2px 8px #0003}.auth-form{display:flex;flex-direction:column;gap:20px;width:300px}.auth-form-buttons{display:flex;justify-content:center;align-items:center;gap:20px}.auth-form-buttons Button{background-color:transparent;border:none;box-shadow:none;border-radius:0;transition:.3s ease-in-out transform;color:var(--light-text)}.auth-form-buttons .active{border-bottom:#646cff solid 1px}.auth-form-buttons Button:hover{box-shadow:none;color:var(--light-text);transform:scale(1) translateY(2px)}.auth-form-login,.auth-form-register{align-self:flex-start}.auth-form-forgot-password{display:flex;flex-direction:row;gap:5px}.auth-bg-img{animation:fadeInUp .8s ease forwards;right:calc(50% - 300px)}@media(max-width:800px){.auth-card{width:100%}.auth-logo,.auth-bg-img{display:none}}._container_184ns_1{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;height:48px}._cube_184ns_10{width:24px;height:24px;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:4px;animation:_jump_184ns_1 1.2s ease-in-out infinite;transform-origin:center bottom}._cube_1_184ns_19{animation-delay:0s}._cube_2_184ns_22{animation-delay:.15s}._cube_3_184ns_25{animation-delay:.3s}@keyframes _jump_184ns_1{0%,to{transform:translateY(0) scale(1)}20%{transform:translateY(-32px) scale(1.05)}40%{transform:translateY(0) scale(.95)}50%{transform:translateY(0) scale(1)}}._label_184ns_45{font-size:14px;font-weight:500;letter-spacing:.02em;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){._cube_184ns_10{animation:_pulse_184ns_1 1.6s ease-in-out infinite}@keyframes _pulse_184ns_1{0%,to{opacity:1}50%{opacity:.4}}._overlay_184ns_61{-webkit-backdrop-filter:none;backdrop-filter:none}}._overlay_8r9z3_1{position:fixed;inset:0;display:grid;place-items:center;gap:24px;background:#0000000d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999}._overlay_8r9z3_1._solid_8r9z3_12{background:#fff}.recover-back-btn{animation:fadeInUp .8s ease forwards;position:absolute;left:40px;top:40px;z-index:99}.recover-back-btn-icon{width:20px;height:auto;rotate:180deg}.recover-back-btn-text{padding-left:10px;cursor:pointer}.recover-card{position:absolute;align-self:center;height:100%;width:40%;right:0;top:0;display:flex;justify-content:center;align-items:center;padding:0;border-radius:0;background:var(--primary-gradient)}.recover-form{display:flex;flex-direction:column;gap:20px;width:300px}.recover-form-buttons{display:flex;justify-content:left;align-items:center;gap:20px}.recover-form-send-btn{align-self:flex-start}.recover-bg-img{animation:fadeInUp .8s ease forwards;right:calc(50% - 300px)}@media(max-width:800px){.recover-card{width:100%}.recover-logo,.recover-bg-img{display:none}}.dashboard__header{background:var(--primary-gradient);padding:1rem 2rem;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 8px #0003}.dashboard__header__content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.dashboard__header__content__search{flex:1;max-width:500px;position:relative}.dashboard__header__content__search input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border:none;border-radius:24px;font-size:.9rem;background:#fff3;transition:all .3s ease}.dashboard__header__content__search input::placeholder{color:var(--light-text)}.dashboard__header__content__search input:focus{outline:none;background:#ffffff4d}.dashboard__header__content__search i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);opacity:.7}.dashboard__header__content__actions{display:flex;align-items:center;gap:1.5rem}.dashboard__header__content__actions__notification{position:relative;cursor:pointer;font-size:1.25rem;transition:transform .2s ease}.dashboard__header__content__actions__notification:hover{transform:scale(1.1)}.dashboard__header__content__actions__notification__badge{position:absolute;top:-8px;right:-8px;background:var(--danger);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.dashboard__header__content__actions__user:hover{background:#ffffff4d}.dashboard__sidebar{list-style:none;padding:1rem 0}.dashboard__sidebar__item{padding:0}.dashboard__sidebar__item__link{width:100%;border:none;background:none;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#4b5563;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}.dashboard__sidebar__item__link:hover{background:var(--bg-light);color:var(--primary-dark)}.dashboard__sidebar__item__link.active{background:var(--bg-light);color:var(--primary-dark);border-left-color:var(--primary-dark);font-weight:500}.dashboard__sidebar__item__link i{width:20px;text-align:center}.dashboard{margin-left:var(--sidebar-width);margin-top:80px;padding:2rem;transition:margin-left .3s ease}.dashboard__title{color:var(--dark-text);font-weight:400;font-size:1.5rem}.dashboard.expanded{margin-left:0}.overlay__delete-device,.overlay__new-device{width:500px;animation:fadeInUp .5s ease forwards}.overlay__delete-device__header,.overlay__new-device__header,.overlay__settings__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.overlay__delete-device__header__title,.overlay__new-device__header__title,.overlay__settings__header__title{color:var(--dark-text);font-weight:400;font-size:1.5rem}.overlay__delete-device__header__title:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--danger);border-radius:2px}.overlay__delete-device__content,.overlay__new-device__content{display:flex;gap:1rem;flex-direction:column}.overlay__delete-device__content__subtitle,.overlay__settings__content__subtitle{color:var(--dark-text);opacity:.5}.overlay__delete-device__delete-btn{color:var(--light-text);background:var(--danger)}.overlay__delete-device__delete-btn:hover{color:var(--light-text)}.overlay__delete-device__cancel-btn{margin-left:10px}.overlay__settings{width:500px;height:300px;animation:fadeInUp .5s ease forwards}.overlay__settings__content{display:flex;flex-direction:column;gap:1rem}.overlay__settings__content div{display:flex;justify-content:space-between;align-items:center}.overlay__settings__content__title{margin-left:10px;color:var(--dark-text);font-weight:400}.overlay__new-device__content div{display:flex}.overlay__new-device__content__subtitle{padding-left:1rem;color:var(--dark-text);opacity:.5}.overlay__new-device__content__subtitle:before{content:"";position:absolute;left:1.5rem;width:4px;height:3rem;background:var(--dark-text);border-radius:2px}.overlay__new-device__content__title{margin-bottom:0;color:var(--dark-text)}.overlay__new-device__content__add-btn{color:var(--light-text);background:var(--primary-blue)}.overlay__new-device__content__add-btn:hover{color:var(--light-text)}.dashboard__devices{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,.4fr));gap:1.5rem;margin-bottom:2rem}.dashboard__devices__card{display:block;padding:1.5rem;color:var(--light-text)}.dashboard__devices__card.active{border:1px solid var(--success)}.dashboard__devices__card:hover{color:var(--light-text)}.dashboard__devices__card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dashboard__devices__card__header__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--success)}.dashboard__devices__card__header__icon.offline{opacity:.5;background:var(--dark-text)}.dashboard__devices__card__header__indicator{width:12px;height:12px;border-radius:50%;background:var(--success)}.dashboard__devices__card__header__indicator.offline{opacity:.5;background:var(--dark-text)}.dashboard__devices__card__value{text-align:left;font-size:2rem;font-weight:700;color:#111827;margin-bottom:.25rem;overflow:hidden;white-space:nowrap}.dashboard__devices__card__label{font-size:.85rem;color:var(--dark-text);opacity:.5;text-align:left;margin-bottom:.5rem}.dashboard__devices__card__subtitle{font-size:.8rem;color:var(--dark-text);opacity:.5;text-align:left;margin-bottom:1rem}.dashboard__devices__add-btn{min-height:241.2px;display:flex;justify-content:center;align-items:center;box-shadow:var(--card-shadow)}.dashboard__devices__add-btn:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.dashboard__devices__card__add-btn__icon{display:flex;justify-content:center;align-items:center;background:#f6f6f6;color:gray;border-radius:50%;font-size:2rem;width:60px;height:60px}.dashboard__devices__card__footer__icon{width:42px;height:42px;border-radius:12px;font-size:1rem;padding:1rem;color:var(--light-text);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.dashboard__devices__card__footer__icon.trash{opacity:0;background:var(--red-gradient)}.dashboard__devices__card__footer__icon.trash:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.dashboard__devices__card__footer__icon.eye{position:absolute;left:1.5rem;color:var(--success);border:1px solid var(--success)}.dashboard__devices__card__footer__icon.eye:hover{color:var(--success)}.dashboard__devices__card__footer{display:flex;align-items:center;justify-content:flex-end}.dashboard__devices__card__footer Button{opacity:0}.dashboard__devices__card:hover .dashboard__devices__card__footer .dashboard__devices__card__footer__icon.trash{opacity:1}.dashboard__kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard__kpi__card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dashboard__kpi__card__header__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.dashboard__kpi__card__header__icon.green{background:var(--green-gradient)}.dashboard__kpi__card__header__icon.yellow{background:var(--yellow-gradient)}.dashboard__kpi__card__header__icon.orange{background:var(--orange-gradient)}.dashboard__kpi__card__header__icon.red{background:var(--red-gradient)}.dashboard__kpi__card__header__indicator{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.dashboard__kpi__card__header__indicator.green{background:var(--success)}.dashboard__kpi__card__header__indicator.yellow{background:var(--warning)}.dashboard__kpi__card__header__indicator.orange{background:var(--orange)}.dashboard__kpi__card__header__indicator.red{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard__kpi__card__value{font-size:2rem;font-weight:700;color:var(--dark-text);margin-bottom:.25rem}.dashboard__kpi__card__label{font-size:.875rem;color:var(--dark-text);opacity:.5;margin-bottom:.5rem}.dashboard__kpi__card__subtitle{font-size:.8rem;opacity:.5;color:var(--dark-text)}.dashboard__kpi__card__subtitle__chart{height:40px;margin-top:1rem;position:relative}.dashboard__kpi__card__progress{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-top:.5rem}.dashboard__kpi__card__progress__fill{height:100%;background:linear-gradient(90deg,var(--success),#34d399);transition:width 1s ease}.dashboard__charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard__charts__card__title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.dashboard__charts__card__line{height:300px;position:relative;margin-top:1rem}.dashboard__charts__card__chart{width:100%;height:100%}.dashboard__charts__card__pie{display:flex;align-items:center;justify-content:space-around;gap:2rem;padding:3rem 0}.dashboard__charts__card__legend{display:flex;flex-direction:column;gap:1rem}.dashboard__charts__card__legend__item{display:flex;align-items:center;gap:.75rem}.dashboard__charts__card__legend__item__color{width:16px;height:16px;border-radius:4px}.dashboard__charts__card__legend__item__label{font-size:.875rem;color:#4b5563}.dashboard__charts__card__legend__item__value{font-weight:600;color:#111827}.dashboard__charts__card__bar{display:flex;align-items:flex-end;justify-content:space-around;height:200px;gap:1rem;padding:1rem 0}.dashboard__charts__card__bar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.dashboard__charts__card__bar__box{width:100%;max-width:80px;background:var(--primary-gradient);border-radius:8px 8px 0 0;position:relative;transition:all .5s ease}.dashboard__charts__card__bar__box__value{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.875rem;font-weight:600;color:#111827}.dashboard__charts__card__bar__label{font-size:.875rem;color:#6b7280;margin-top:.5rem}.dashboard__charts__card__table{width:100%;border-collapse:collapse}.dashboard__charts__card__table th{background:#f9fafb;padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:#4b5563;border-bottom:2px solid #e5e7eb}.dashboard__charts__card__table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.9rem}.dashboard__charts__card__table tr:last-child td{border-bottom:none}.dashboard__charts__card__table tr:hover{background:#f9fafb}.dashboard__charts__card__table__status{display:inline-flex;align-items:center;gap:.5rem}.dashboard__charts__card__table__status__dot{width:8px;height:8px;border-radius:50%}.dashboard__charts__card__table__status__dot.green{background:var(--success)}.dashboard__charts__card__table__status__dot.yellow{background:var(--warning)}.dashboard__charts__card__table__status__dot.red{background:var(--danger)}.dashboard__alerts{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:var(--card-shadow);margin-bottom:2rem}.dashboard__alerts__title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.dashboard__alerts__item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;margin-bottom:.75rem;transition:all .2s ease;border-left:4px solid transparent}.dashboard__alerts__item:hover{background:#f9fafb}.dashboard__alerts__item.error{border-left-color:var(--danger);background:#fef2f2}.dashboard__alerts__item.warning{border-left-color:var(--warning);background:#fffbeb}.dashboard__alerts__item.success{border-left-color:var(--success);background:#f0fdf4}.dashboard__alerts__item__badge{padding:.25rem .75rem;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase}.dashboard__alerts__item__badge.red{background:#fee2e2;color:var(--danger)}.dashboard__alerts__item__badge.yellow{background:#fef3c7;color:#92400e}.dashboard__alerts__item__badge.green{background:#d1fae5;color:#065f46}.dashboard__alerts__item__message{flex:1;font-size:.9rem;color:#374151}.dashboard__alerts__item__time{font-size:.8rem;color:#9ca3af;min-width:60px;text-align:right}.dashboard__alerts__item__btn{padding:.375rem .875rem;background:transparent;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;color:#4b5563;cursor:pointer;transition:all .2s ease}.dashboard__alerts__item__btn:hover{background:#f3f4f6;border-color:#9ca3af}@media(max-width:768px){.dashboard{margin-left:0;padding:1rem}.dashboard__header__content{padding:.5rem 0}.dashboard__header__content__search{order:3;flex-basis:100%;max-width:100%;margin-top:.5rem}.dashboard__devices,.dashboard__kpi,.dashboard__charts{grid-template-columns:1fr}.dashboard__charts__card__pie{flex-direction:column}.dashboard__alerts__item{flex-wrap:wrap}.dashboard__alerts__item__time{flex-basis:100%;text-align:left;margin-top:.5rem}}@media(max-width:576px){.dashboard__header{padding:1rem}.dashboard__header__content__actions{gap:1rem}.dashboard__kpi__card__value{font-size:1.5rem}.dashboard__charts__card__table{font-size:.8rem}.dashboard__charts__card__table th,.dashboard__charts__card__table td{padding:.5rem}}.dashboard__devices__card,.dashboard__devices__add-btn,.dashboard__kpi__card,.dashboard__charts__card,.dashboard__alerts{animation:fadeInUp .5s ease forwards}._sidebar_nioct_1{position:fixed;left:0;top:80px;width:var(--sidebar-width);height:calc(100vh - 80px);background:#fff;box-shadow:2px 0 8px #0000001a;overflow-y:auto;transition:transform .3s ease;z-index:999}._sidebar_nioct_1._collapsed_nioct_14{transform:translate(-100%)}@media(max-width:768px){._sidebar_nioct_1{transform:translate(-100%)}._sidebar_nioct_1._active_nioct_24{transform:translate(0)}}._card_1dr7p_1{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:var(--card-shadow);transition:all .3s ease;position:relative;overflow:hidden}._card_1dr7p_1:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}._btn_jvvtd_1{display:flex;align-items:center;justify-content:center;height:50px;width:50px;padding:1rem;font-size:1.25rem;background:#fff;color:var(--primary-dark);border-radius:12px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 12px #0003;animation-delay:.4s}._btn_jvvtd_1:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d;color:var(--primary-dark)}._btn_jvvtd_1 *{cursor:inherit;pointer-events:auto}@media(max-width:576px){._btn_jvvtd_1{padding:.875rem 2rem;font-size:1rem}}._chart_l2djw_1{width:100%;height:100%}._svg_l2djw_6{width:100%;height:100%;cursor:crosshair}._line_l2djw_12{fill:none;stroke:#10b981;stroke-width:1.5}._cursor_l2djw_18{stroke:#10b98166;stroke-width:1}._dot_l2djw_23{fill:#10b981;stroke:#0ea5e9;stroke-width:.8}._tooltipBox_l2djw_29{fill:#020617e6;stroke:#ffffff0f}._tooltipText_l2djw_34{fill:#e5e7eb;font-size:8px}._user_1vpar_1{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:all .2s ease}._dropdown_1vpar_14{display:flex;flex-direction:column;gap:.25rem;opacity:1;padding:.5rem;position:absolute;right:2rem;top:100px}._dropdown_1vpar_14:hover{transform:none!important}._dropdown_1vpar_14 Button{display:flex;justify-content:left;align-items:center;box-shadow:none;padding:.75rem 1rem}._dropdown_1vpar_14 Button:hover{transform:none!important;box-shadow:none!important;background:var(--primary-blue);color:var(--light-text)}._dropdown_1vpar_14 Button *{cursor:inherit;pointer-events:auto}._dropdown_1vpar_14._hidden_1vpar_49{opacity:0}._exit_1vpar_53:hover{background:var(--danger)!important}._pie_13anb_1{width:200px;height:200px;border-radius:50%;background:conic-gradient(#3b82f6 0deg 108deg,#10b981 108deg 360deg);position:relative;box-shadow:0 4px 12px #0000001a}._pie_13anb_1:after{content:"";position:absolute;width:100px;height:100px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}._label_13anb_26{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:500;color:var(--dark-text);pointer-events:none;z-index:1}._chart_16hcg_1{width:100%;right:0;height:300px;display:block}._gridLine_16hcg_8{stroke:#e5e7eb}._cursorLine_16hcg_12{stroke:#9ca3af;stroke-dasharray:4 3}._cpuDot_16hcg_17{fill:#3b82f6;stroke:#fff;stroke-width:1}._memDot_16hcg_23{fill:#10b981;stroke:#fff;stroke-width:1}._tooltipBg_16hcg_29{fill:#0f172af0}._tooltipText_16hcg_33{font-size:8px;fill:#e5e7eb}