.graph-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:auto;padding:1rem}.graph-container h2{margin-bottom:1rem;text-align:center}.sensor-toggle{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;margin-left:auto;padding:6px 12px;transition:background-color .3s ease}.sensor-toggle--blue{background-color:#e0f2fe;color:#3b82f6}.sensor-toggle--blue:hover{background-color:#bae6fd}.sensor-toggle--brown{background-color:#f3e8e3;color:#92400e}.sensor-toggle--brown:hover{background-color:#e7cfc4}.dashboard{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100%;overflow:hidden;position:relative}.dashboard__background{background:linear-gradient(135deg,#f8fafc,#e2e8f0);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.dashboard__background-gradient{animation:gradientShift 8s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#06b6d41a 0,#0000 50%),radial-gradient(circle at 40% 40%,#93c5fd0d 0,#0000 50%);height:100%;left:0;position:absolute;top:0;width:100%}.dashboard__background-shapes{height:100%;overflow:hidden;position:absolute;width:100%}.dashboard__container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-height:-webkit-fill-available;max-width:90%;padding:1rem;position:relative;z-index:1}.dashboard__header{animation:fadeInUp .8s ease-out;flex-shrink:0;margin-bottom:1.5rem;text-align:center}.dashboard__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.3rem}.dashboard__subtitle{color:#64748b;font-size:1rem;font-weight:400}.dashboard__grid{grid-gap:1.5rem;animation:fadeInUp .8s ease-out .2s both;display:grid;flex:1 1;gap:1.5rem;grid-template-areas:"dashboard-graph display-data-1" "dashboard-graph display-data-2";grid-template-columns:3fr 1fr;grid-template-rows:1fr 1fr;min-height:0}.dashboard__card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 20px #0000000d,0 16px 40px #0000000d,0 1px 4px #0000001a;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard__card .data_1{grid-area:display-data-1}.dashboard__card .data_2{grid-area:display-data-2}.dashboard__card:before{background:linear-gradient(90deg,#3b82f6,#06b6d4);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.dashboard__card:hover{box-shadow:0 16px 32px #0000001a,0 24px 48px #0000000d;transform:translateY(-3px)}.dashboard__card:hover:before{transform:scaleX(1)}.dashboard__card--chart{grid-area:dashboard-graph}@media (max-width:1024px){.dashboard__card--chart{order:-1}}@media (max-width:768px){.dashboard__card{padding:1.2rem}}.card__header{display:flex;flex-shrink:0;gap:1rem;margin-bottom:1rem}.card__title{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:.6rem;margin:0}@media (max-width:768px){.card__title{font-size:.9rem}}.card__icon{height:18px;width:18px}.card__icon,.card__icon--blue{color:#3b82f6}.card__icon--brown{color:#92400e}@media (max-width:768px){.card__icon{height:16px;width:16px}}.card__content{display:flex;flex:1 1;flex-direction:column;min-height:0}.card__content--chart{min-height:200px}@media (max-width:768px){.card__content--chart{min-height:180px}}.metric{display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.metric__value{color:#1e293b;font-size:2.2rem;font-weight:700;line-height:1;margin-bottom:.4rem}@media (max-width:768px){.metric__value{font-size:1.8rem}}.metric__label{color:#64748b;font-size:.85rem;margin-bottom:1rem}@media (max-width:768px){.metric__label{font-size:.8rem;margin-bottom:.8rem}}.metric__progress{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:1rem;overflow:hidden;width:100%}.metric__progress-bar{animation:progressFill 2s ease-out;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:3px;height:100%;transition:width 1s ease-out}.metric__progress-bar--brown{background:linear-gradient(90deg,#92400e,#d97706)}@media (max-width:768px){.metric__progress{height:5px;margin-bottom:.8rem}}.metric__status{border-radius:16px;display:inline-block;font-size:.75rem;font-weight:500;padding:.2rem .6rem}.metric__status--good{background:#22c55e1a;color:#16a34a}.metric__status--warning{background:#f59e0b1a;color:#d97706}@media (max-width:768px){.metric__status{font-size:.7rem;padding:.15rem .5rem}}.shape{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#3b82f61a,#06b6d40d);border-radius:50%;position:absolute}.shape--1{animation-delay:0s;height:250px;left:-5%;top:10%;width:250px}.shape--2{animation-delay:2s;height:180px;right:-5%;top:60%;width:180px}.shape--3{animation-delay:4s;bottom:20%;height:120px;left:20%;width:120px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes progressFill{0%{width:0}}@media (max-width:1024px) and (min-width:769px){.dashboard__container{padding:1.2rem}.dashboard__title{font-size:2rem}.dashboard__grid{gap:1.2rem}.dashboard__card{padding:1.3rem}.metric__value{font-size:2rem}}@media (max-width:768px){.dashboard__container{padding:.8rem}.dashboard__header{margin-bottom:1rem}.dashboard__title{font-size:1.8rem}.dashboard__subtitle{font-size:.9rem}}body{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#efefef,#efefef 25%,#a7d3f8 50%,#efefef 75%,#efefef);background-size:400% 400%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}body #root,body .App{height:100%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.skeleton{animation:skeleton-loading 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.toast-wrapper{display:flex;flex-direction:column;gap:1rem;position:fixed;right:1rem;top:-5rem;z-index:9999}.toast{animation:toast-in .4s ease-out,toast-out .5s ease-in 3.5s forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;border-left:4px solid #3b82f6;border-radius:.75rem;box-shadow:0 10px 25px #00000014;color:#0f172a;font-size:.875rem;opacity:1;padding:.75rem 1rem;transform:translateY(0)}@keyframes toast-in{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(-20%)}}
/*# sourceMappingURL=main.cdb341d0.css.map*/