@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--auth-green:#14a94c;--auth-green-dark:#078f3d;--auth-lime:#70d93c;--auth-navy:#142033;--auth-secondary:#718096;--auth-placeholder:#98a4b5;--auth-border:#dfe8e2;--auth-white:#fff}html,body,#root{overscroll-behavior:none;background:#fff;width:100%;height:100%;min-height:100%;margin:0;padding:0}html{height:100dvh}body{width:100%;height:100dvh;color:var(--auth-navy);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{-webkit-tap-highlight-color:transparent}.simple-auth-root{overscroll-behavior:none;background:#fff;justify-content:center;width:100%;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.simple-auth-page{background:#fff;width:100%;max-width:480px;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.simple-login-content{width:100%;height:100%;padding:max(28px, env(safe-area-inset-top)) 28px max(18px, env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 0,#33b55309,#0000 31%),#fff;flex-direction:column;display:flex;overflow:hidden}.simple-brand{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.simple-brand img{object-fit:contain;width:82px;height:82px;display:block}.simple-brand__name{color:var(--auth-navy);letter-spacing:-.5px;margin-top:6px;font-size:28px;font-weight:850;line-height:1}.simple-brand__tagline{color:var(--auth-secondary);margin-top:9px;font-size:13px;font-weight:400;line-height:1.4}.simple-heading{text-align:center;width:100%;margin-top:34px}.simple-heading h1{color:var(--auth-navy);letter-spacing:-.7px;margin:0;font-size:28px;font-weight:850;line-height:1.2}.simple-heading h1 span{color:var(--auth-green);font-size:inherit;line-height:inherit;font-weight:inherit}.simple-heading p{width:100%;max-width:390px;color:var(--auth-secondary);text-align:center;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;margin:11px auto 0;font-size:14px;font-weight:400;line-height:1.55}.no-break{white-space:nowrap}.simple-form{flex-direction:column;gap:13px;width:100%;margin-top:34px;display:flex}.simple-field{width:100%;height:58px;min-height:58px;max-height:58px;color:var(--auth-green);border:1px solid var(--auth-border);background:#fff;border-radius:17px;align-items:center;gap:13px;padding:0 17px;transition:border-color .15s,box-shadow .15s;display:flex}.simple-field:focus-within{border-color:#14a94c80;box-shadow:0 0 0 4px #14a94c11}.simple-field>svg{flex:none}.simple-field input{width:100%;min-width:0;height:100%;color:var(--auth-navy);background:0 0;border:none;outline:none;margin:0;padding:0;font-size:14.5px;font-weight:500}.simple-field input::placeholder{color:var(--auth-placeholder);opacity:1}.simple-eye{color:#718097;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;margin-right:-7px;padding:0;display:flex}.simple-forgot{justify-content:flex-end;width:100%;margin-top:-1px;display:flex}.simple-forgot button{color:var(--auth-green);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:13px;font-weight:800;line-height:1.3}.simple-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#65d63a 0%,#2dbb4b 46%,#0ca143 100%);border:none;border-radius:17px;justify-content:center;align-items:center;width:100%;height:56px;margin-top:5px;font-size:16px;font-weight:800;display:flex;box-shadow:0 10px 24px #0d9e4024}.simple-primary:active{transform:translateY(1px)}.simple-divider{color:#8390a1;align-items:center;gap:14px;width:100%;margin:23px 0 16px;font-size:12.5px;display:flex}.simple-divider:before,.simple-divider:after{content:"";background:#dde5e0;flex:1;height:1px}.simple-divider span{white-space:nowrap}.simple-social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.simple-social{height:52px;color:var(--auth-navy);border:1px solid var(--auth-border);cursor:pointer;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:750;display:flex}.simple-switch{width:100%;color:var(--auth-secondary);text-align:center;justify-content:center;align-items:center;gap:5px;margin-top:22px;font-size:13.5px;line-height:1.4;display:flex}.simple-switch button{color:var(--auth-green);font-size:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:800}.simple-security{color:#8b97a7;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:auto;padding-top:14px;font-size:11.5px;display:flex}.simple-security svg{color:var(--auth-green);flex:none}.simple-register-page{background:#fff}.register-scroll{width:100%;height:100dvh;padding:max(22px, env(safe-area-inset-top)) 28px max(18px, env(safe-area-inset-bottom));overscroll-behavior-y:contain;scrollbar-width:none;background:#fff;flex-direction:column;display:flex;overflow:hidden auto}.register-scroll::-webkit-scrollbar{display:none}.simple-register-header{justify-content:center;align-items:flex-start;width:100%;min-height:86px;display:flex;position:relative}.simple-back{width:42px;height:42px;color:var(--auth-navy);border:1px solid var(--auth-border);cursor:pointer;background:#fff;border-radius:13px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 14px #193c250a}.simple-brand--compact img{width:56px;height:56px}.simple-brand--compact .simple-brand__name{margin-top:4px;font-size:20px}.simple-brand--compact .simple-brand__tagline{margin-top:5px;font-size:10px}.simple-heading--register{margin-top:18px}.simple-heading--register h1{font-size:27px}.simple-register-page .simple-form{gap:13px;margin-top:28px}.simple-register-page .simple-field{height:56px;min-height:56px;max-height:56px}.simple-register-page .simple-primary{height:55px;margin-top:5px}.simple-register-page .simple-switch{margin-top:22px}.simple-register-page .simple-security{margin-top:auto;padding-top:22px;padding-bottom:2px}.simple-splash{width:100%;max-width:480px;height:100dvh;padding:max(28px, env(safe-area-inset-top)) 28px max(22px, env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 43%,#48c15b0d,#0000 32%),#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.simple-splash__center{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.simple-splash__logo{object-fit:contain;width:120px;height:120px}.simple-splash__center h1{color:var(--auth-navy);letter-spacing:-.5px;margin:14px 0 0;font-size:35px;font-weight:850;line-height:1}.simple-splash__center p{color:var(--auth-secondary);margin:10px 0 0;font-size:14px}.simple-splash__bottom{width:100%;margin-top:auto;padding:0 8px 4px}.simple-splash__bottom>span{color:var(--auth-secondary);text-align:center;margin-bottom:12px;font-size:13px;display:block}.simple-loading{background:#e4ebe6;border-radius:999px;width:100%;height:7px;overflow:hidden}.simple-loading__value{background:linear-gradient(90deg, var(--auth-lime), var(--auth-green));border-radius:inherit;width:67%;height:100%}@media (height<=820px){.simple-login-content{padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(14px, env(safe-area-inset-bottom))}.simple-brand img{width:64px;height:64px}.simple-brand__name{margin-top:4px;font-size:22px}.simple-brand__tagline{margin-top:5px;font-size:11px}.simple-heading{margin-top:25px}.simple-heading h1{font-size:24px}.simple-heading p{margin-top:7px;font-size:12px;line-height:1.5}.simple-form{gap:10px;margin-top:24px}.simple-login-page .simple-field{height:52px;min-height:52px;max-height:52px}.simple-primary{height:50px;margin-top:3px}.simple-divider{margin:17px 0 12px}.simple-social{height:46px}.simple-switch{margin-top:15px;font-size:12px}.simple-security{padding-top:8px;font-size:10px}.register-scroll{padding-top:max(17px, env(safe-area-inset-top))}.simple-register-header{min-height:75px}.simple-brand--compact img{width:48px;height:48px}.simple-brand--compact .simple-brand__name{font-size:18px}.simple-brand--compact .simple-brand__tagline{font-size:9px}.simple-heading--register{margin-top:13px}.simple-heading--register h1{font-size:24px}.simple-register-page .simple-form{gap:10px;margin-top:23px}.simple-register-page .simple-field{height:51px;min-height:51px;max-height:51px}.simple-register-page .simple-primary{height:50px}.simple-register-page .simple-switch{margin-top:17px}.simple-register-page .simple-security{padding-top:15px}.simple-splash__logo{width:96px;height:96px}.simple-splash__center h1{font-size:29px}.simple-splash__center p{font-size:12.5px}}@media (height<=700px){.simple-brand img{width:52px;height:52px}.simple-brand__name{font-size:19px}.simple-brand__tagline{font-size:9.5px}.simple-heading{margin-top:16px}.simple-heading h1{font-size:21px}.simple-heading p{font-size:10.5px}.simple-form{margin-top:16px}.simple-login-page .simple-field{height:47px;min-height:47px;max-height:47px}.simple-primary{height:46px}.simple-divider{margin:12px 0 9px}.simple-social{height:42px}.simple-switch{margin-top:10px}.simple-security{padding-top:5px}}@media (width<=360px){.simple-login-content,.register-scroll{padding-left:22px;padding-right:22px}.simple-heading h1{font-size:24px}.simple-social{gap:7px;font-size:13px}}@media (width>=600px){.simple-auth-root{background:#f3f8f5}.simple-auth-page,.simple-splash{background:#fff}}.simple-login-content{padding-top:max(52px, env(safe-area-inset-top))}.register-scroll{padding-top:max(38px, env(safe-area-inset-top))}.simple-splash__center{top:50%}@media (height<=900px){.simple-login-content{padding-top:max(42px, env(safe-area-inset-top))!important;padding-bottom:max(18px, env(safe-area-inset-bottom))!important}.register-scroll{padding-top:max(32px, env(safe-area-inset-top))!important}.simple-register-header{min-height:82px}}@media (height<=820px){.simple-login-content{padding-top:max(34px, env(safe-area-inset-top))!important}.register-scroll{padding-top:max(28px, env(safe-area-inset-top))!important}}@media (height<=700px){.simple-login-content{padding-top:max(24px, env(safe-area-inset-top))!important}.register-scroll{padding-top:max(22px, env(safe-area-inset-top))!important}}.simple-field input[type=password]::-ms-reveal{display:none}.simple-field input[type=password]::-ms-clear{display:none}.simple-field input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;display:none!important}.simple-eye{color:#718097;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;margin:0 -7px 0 0;padding:0;display:flex}.simple-eye svg{width:20px;height:20px;display:block}.simple-field input{flex:auto;width:100%;min-width:0;padding-right:0}.simple-auth-success{color:#087a36;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;width:100%;margin:2px 0 0;padding:11px 14px;font-size:12px;font-weight:600;line-height:1.45}.simple-google-login{border-radius:16px;justify-content:center;align-items:center;width:100%;height:52px;display:flex;overflow:hidden}.simple-google-login>div,.simple-google-login iframe{width:100%!important}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{color:#0f172a;--green:#149447;--green-dark:#0b6e34;--green-light:#e7f8ec;--text:#0f172a;--muted:#6b7280;--line:#e6eee9;--card:#fffffff5;--shadow:0 18px 45px #0f172a14;--soft-shadow:0 8px 20px #0f172a0e;background:#f0faf3;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#f0faf3;min-height:100%}body{background:radial-gradient(circle at 0 0,#14944721,#0000 28%),radial-gradient(circle at 100% 80%,#1494471a,#0000 35%),linear-gradient(#effaf2 0%,#fff 58%,#eff8f1 100%);min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:active{transform:scale(.985)}.svg-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.app-shell{min-height:100vh}.mobile-page{width:min(100%,520px);min-height:100vh;padding:calc(18px + env(safe-area-inset-top)) 20px calc(142px + env(safe-area-inset-bottom));margin:0 auto}.home-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.home-header h1{letter-spacing:-1px;margin:0;font-size:clamp(25px,7vw,34px);line-height:1.08}.home-header h1 span{font-size:.82em}.home-header p{color:var(--muted);margin:6px 0 0;font-size:14px}.header-actions{flex-shrink:0;gap:9px;display:flex}.circle-button{color:#0f172a;width:46px;height:46px;box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:16px;place-items:center;display:grid;position:relative}.circle-button .svg-icon{width:21px;height:21px}.circle-button.profile{color:var(--green-dark);background:#e7f8ec}.notif-dot{color:#fff;background:#ef4444;border:3px solid #fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-7px;right:-5px}.system-card{text-align:left;color:#fff;background:linear-gradient(135deg,#22c55e,#15803d 68%,#0f6b32);border-radius:24px;grid-template-columns:auto 1fr;align-items:center;gap:13px;width:100%;margin-bottom:14px;padding:16px;display:grid;box-shadow:0 14px 32px #14944733}.system-icon{width:52px;height:52px;color:var(--green);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 8px #14944714}.system-icon .svg-icon{width:27px;height:27px}.system-content h2{letter-spacing:-.4px;margin:0 0 4px;font-size:20px}.system-content p{margin:0;font-size:13px;font-weight:700;line-height:1.35}.update-row{color:#41624d;background:#ffffffe6;border-radius:14px;align-items:center;gap:8px;min-height:38px;margin-top:12px;padding:0 12px;font-size:11.5px;font-weight:700;display:flex}.update-row .svg-icon{width:16px;height:16px}.update-row span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.update-row b{color:#667085;font-size:20px}.home-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:22px;display:grid}.summary-card{text-align:left;min-height:92px;color:var(--text);box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px;display:grid}.summary-icon{background:var(--green-light);width:42px;height:42px;color:var(--green);border-radius:14px;place-items:center;display:grid}.summary-icon .svg-icon{width:21px;height:21px}.summary-card h3{margin:0;font-size:13px;line-height:1.1}.summary-card strong{letter-spacing:-.8px;margin-top:2px;font-size:25px;line-height:1;display:block}.summary-card p{color:var(--green-dark);margin:6px 0 0;font-size:11.5px;font-weight:800;line-height:1.15}.summary-card>span{color:#8a97a4;font-size:22px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;display:flex}.section-title h2{letter-spacing:-.4px;margin:0;font-size:21px}.section-title button{color:var(--green-dark);background:0 0;font-size:13px;font-weight:900}.device-list{gap:10px;display:grid}.device-card,.area-row{text-align:left;width:100%;min-height:72px;color:var(--text);box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:19px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:12px 13px;display:grid}.device-icon{background:var(--green-light);width:46px;height:46px;color:var(--green);border-radius:15px;place-items:center;display:grid}.device-icon .svg-icon{width:22px;height:22px}.device-icon.blue,.device-grid-icon.blue,.area-group-icon.blue{color:#2563eb;background:#eaf2ff}.device-icon.orange,.device-grid-icon.orange,.area-group-icon.orange{color:#ea580c;background:#fff2e8}.device-icon.teal,.device-grid-icon.teal,.area-group-icon.teal{color:#0891b2;background:#e6fbff}.device-icon.yellow,.device-grid-icon.yellow,.area-group-icon.yellow{color:#ca8a04;background:#fff8d8}.device-content h3,.area-row h3{letter-spacing:-.1px;margin:0 0 3px;font-size:14.5px}.device-content p,.area-row p{color:var(--muted);margin:0;font-size:11.8px;line-height:1.3}.chevron{color:#8a97a4;font-size:23px}.status-badge{min-width:70px;height:29px;color:var(--green-dark);white-space:nowrap;background:#e7f8ec;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:11.5px;font-weight:900;display:inline-flex}.status-badge.perhatian{color:#a16207;background:#fef3c7}.status-badge.offline{color:#b91c1c;background:#fee2e2}.page-intro{margin-bottom:14px}.page-intro h2{letter-spacing:-.7px;margin:0 0 6px;font-size:25px;line-height:1.15}.page-intro p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.search-box{border:1px solid var(--line);height:50px;box-shadow:var(--soft-shadow);background:#fffffff5;border-radius:18px;align-items:center;gap:10px;margin-bottom:14px;padding:0 15px;display:flex}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:14px;font-weight:600}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:10px;display:grid}.device-grid-card{min-height:148px;box-shadow:var(--soft-shadow);text-align:left;color:var(--text);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:22px;flex-direction:column;align-items:flex-start;padding:14px 14px 13px;display:flex}.device-grid-card:last-child:nth-child(odd){grid-column:1/-1}.device-grid-icon{background:var(--green-light);width:52px;height:52px;color:var(--green);border-radius:16px;place-items:center;margin-bottom:12px;display:grid}.device-grid-icon .svg-icon{width:22px;height:22px}.device-grid-card h3{letter-spacing:-.15px;margin:0 0 10px;font-size:14px;line-height:1.25}.device-grid-meta{gap:4px;margin-bottom:12px;display:grid}.device-grid-meta span{color:var(--muted);font-size:12px;line-height:1.25}.device-grid-footer{justify-content:space-between;align-items:center;width:100%;margin-top:auto;display:flex}.device-grid-footer .status-badge{min-width:0;height:27px;padding:0 10px;font-size:11px}.device-grid-footer>span{color:#8a97a4;font-size:22px;line-height:1}.area-list-page,.notification-list{gap:11px;padding-bottom:18px;display:grid}.profile-card{text-align:center;background:var(--card);border:1px solid var(--line);box-shadow:var(--soft-shadow);border-radius:28px;padding:25px}.profile-avatar{background:var(--green-light);width:74px;height:74px;color:var(--green);border-radius:24px;place-items:center;margin:0 auto 14px;display:grid}.profile-avatar .svg-icon{width:32px;height:32px}.profile-card h2{margin:0;font-size:25px}.profile-card p{color:var(--muted);margin:8px 0 18px}.profile-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.profile-grid div{border:1px solid var(--line);background:#f7fbf8;border-radius:18px;padding:14px}.profile-grid span{color:var(--muted);margin-bottom:4px;font-size:13px;font-weight:700;display:block}.detail-header{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:14px;display:grid}.back-button{width:44px;height:44px;color:var(--text);box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:15px;font-size:31px;line-height:1}.detail-header div{min-width:0}.detail-header span,.selected-area-header span,.form-header span{color:var(--green-dark);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}.detail-header h1{letter-spacing:-.5px;margin:3px 0 0;font-size:22px;line-height:1.12}.detail-header .status-badge{min-width:80px;height:29px;font-size:11px}.detail-hero-card{color:#fff;background:linear-gradient(135deg,#22c55e,#15803d 68%,#0f6b32);border-radius:24px;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-bottom:12px;padding:16px;display:grid;box-shadow:0 14px 32px #14944733}.detail-icon{background:#fff3;border-radius:19px;flex-shrink:0;place-items:center;width:58px;height:58px;display:grid}.detail-icon .svg-icon{width:29px;height:29px}.detail-hero-card h2{letter-spacing:-.35px;margin:0 0 5px;font-size:20px;line-height:1.15}.detail-hero-card p{opacity:.92;margin:0;font-size:13px;line-height:1.45}.detail-summary-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.mini-info-card{text-align:center;min-height:92px;box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:18px;align-content:center;justify-items:center;gap:5px;padding:13px 10px;display:grid}.mini-info-card span{color:var(--green)}.mini-info-card .svg-icon{width:22px;height:22px}.mini-info-card p{color:var(--muted);margin:0;font-size:12px;font-weight:800}.mini-info-card strong{letter-spacing:-.5px;font-size:23px;line-height:1}.area-section-card,.selected-area-card{box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:24px;margin-bottom:12px;padding:15px}.area-section-card .section-title{margin-bottom:11px}.area-section-card .section-title h2{font-size:19px}.area-section-card .section-title button{font-size:12.5px}.area-chip-list{scrollbar-width:none;gap:9px;padding:1px 0 4px;display:flex;overflow-x:auto}.area-chip-list::-webkit-scrollbar{display:none}.area-chip{color:#44515e;border:1px solid var(--line);background:#f7fbf8;border-radius:999px;align-items:center;gap:7px;min-width:max-content;height:39px;padding:0 13px;font-size:13px;font-weight:900;display:inline-flex}.area-chip .svg-icon{width:17px;height:17px}.area-chip.active{color:#fff;background:var(--green);border-color:var(--green);box-shadow:0 8px 20px #14944729}.selected-area-header{grid-template-columns:1fr auto;align-items:start;gap:12px;margin-bottom:13px;display:grid}.selected-area-header h2{letter-spacing:-.4px;margin:4px 0 3px;font-size:21px;line-height:1.15}.selected-area-header p{color:var(--muted);margin:0;font-size:12px}.selected-area-header .status-badge{min-width:78px;height:28px;font-size:10.5px}.tab-bar{background:#f1f9f4;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:13px;padding:5px;display:grid}.tab-bar button{color:#607080;background:0 0;border-radius:12px;height:39px;font-size:12px;font-weight:900}.tab-bar button.active{color:#fff;background:var(--green);box-shadow:0 8px 18px #14944726}.parameter-list{gap:9px;display:grid}.parameter-list h3{margin:0 0 2px;font-size:17px;line-height:1.2}.parameter-row{border:1px solid var(--line);background:#f9fdfb;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:60px;padding:10px;display:grid}.parameter-icon{background:var(--green-light);width:40px;height:40px;color:var(--green);border-radius:14px;place-items:center;display:grid}.parameter-icon .svg-icon{width:20px;height:20px}.parameter-row h4{margin:0 0 2px;font-size:14px;line-height:1.15}.parameter-row p{color:var(--muted);margin:0;font-size:11.5px;font-weight:800}.parameter-row strong{letter-spacing:-.25px;white-space:nowrap;font-size:16px}.parameter-row strong small{color:var(--muted);margin-left:3px;font-size:11px}.toggle-button{background:#e5e7eb;border-radius:999px;width:48px;height:28px;padding:3px}.toggle-button span{background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;display:block;box-shadow:0 3px 8px #00000024}.toggle-button.active{background:var(--green)}.toggle-button.active span{transform:translate(20px)}.automation-panel{gap:11px;display:grid}.automation-mode-card,.automation-card{border:1px solid var(--line);background:#f9fdfb;border-radius:18px;padding:13px}.automation-mode-card{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.automation-mode-card span,.automation-title span{color:var(--green-dark);text-transform:uppercase;letter-spacing:.12em;margin-bottom:3px;font-size:10.5px;font-weight:900;display:block}.automation-mode-card h3,.automation-title h3{letter-spacing:-.2px;margin:0;font-size:15px}.automation-mode-card p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.4}.auto-switch{background:#e5e7eb;border-radius:999px;width:50px;height:29px;padding:3px;transition:all .2s}.auto-switch b{background:#fff;border-radius:50%;width:23px;height:23px;transition:all .2s;display:block;box-shadow:0 3px 8px #00000024}.auto-switch.active{background:var(--green)}.auto-switch.active b{transform:translate(21px)}.automation-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px;display:flex}.automation-title small{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:800}.preset-list{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.preset-list::-webkit-scrollbar{display:none}.preset-list button{border:1px solid var(--line);color:#607080;background:#fff;border-radius:999px;min-width:max-content;height:34px;padding:0 12px;font-size:12px;font-weight:900}.preset-list button.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 8px 18px #14944724}.automation-list,.history-list{gap:8px;display:grid}.automation-row,.history-row{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:10px;display:grid}.automation-row i{background:var(--green-light);width:24px;height:24px;color:var(--green-dark);border-radius:999px;place-items:center;font-size:11px;font-style:normal;font-weight:900;display:grid}.automation-row p,.history-row p{color:#374151;margin:0;font-size:12px;font-weight:650;line-height:1.45}.history-row span{background:var(--green);width:10px;height:10px;box-shadow:0 0 0 5px var(--green-light);border-radius:50%;margin-top:4px}.area-summary-grid,.notif-summary-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:13px;display:grid}.area-summary-card,.notif-summary-card{min-height:86px;box-shadow:var(--soft-shadow);text-align:center;background:#fffffff5;border:1px solid #e6eee9f2;border-radius:18px;align-content:center;justify-items:center;gap:5px;padding:12px 10px;display:grid}.area-summary-card div,.notif-summary-card div{background:var(--green-light);width:32px;height:32px;color:var(--green);border-radius:12px;place-items:center;display:grid}.area-summary-card .svg-icon,.notif-summary-card .svg-icon{width:18px;height:18px}.area-summary-card p,.notif-summary-card p{color:var(--muted);margin:0;font-size:11.5px;font-weight:800}.area-summary-card strong,.notif-summary-card strong{letter-spacing:-.4px;font-size:22px;line-height:1}.area-search-box{margin-bottom:12px}.area-filter-list::-webkit-scrollbar{display:none}.notif-filter-list::-webkit-scrollbar{display:none}.area-filter-list button,.notif-filter-list button{color:#607080;border:1px solid var(--line);background:#fffffff5;border-radius:999px;min-width:max-content;height:34px;padding:0 13px;font-size:12px;font-weight:900;box-shadow:0 6px 14px #0f172a0a}.area-filter-list button.active,.notif-filter-list button.active{color:#fff;background:var(--green);border-color:var(--green);box-shadow:0 8px 18px #14944726}.area-group-list{gap:12px;padding-bottom:22px;display:grid}.area-device-group{box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:22px;padding:14px}.area-group-header{grid-template-columns:auto 1fr;align-items:center;gap:11px;margin-bottom:11px;display:grid}.area-group-icon{background:var(--green-light);width:44px;height:44px;color:var(--green);border-radius:15px;place-items:center;display:grid}.area-group-icon .svg-icon{width:21px;height:21px}.area-group-header h3{letter-spacing:-.2px;margin:0 0 3px;font-size:15.5px;line-height:1.15}.area-group-header p{color:var(--muted);margin:0;font-size:11.8px;font-weight:650;line-height:1.35}.area-group-items{gap:8px;display:grid}.area-clean-row{text-align:left;min-height:66px;color:var(--text);border:1px solid var(--line);background:#f9fdfb;border-radius:17px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.area-clean-row h4{margin:0 0 4px;font-size:14.5px;line-height:1.15}.area-clean-row p{color:var(--muted);margin:0;font-size:11.8px;font-weight:700;line-height:1.35}.area-row-right .status-badge{min-width:66px;height:27px;padding:0 9px;font-size:10.5px}.area-row-right>span{color:#8a97a4;font-size:22px;line-height:1}.area-empty-card,.notif-empty-card{text-align:center;min-height:180px;box-shadow:var(--soft-shadow);color:var(--muted);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:24px;align-content:center;place-items:center;gap:8px;display:grid}.area-empty-card .svg-icon,.notif-empty-card .svg-icon{width:34px;height:34px;color:var(--green)}.area-empty-card h3,.notif-empty-card h3{color:var(--text);margin:0;font-size:17px}.area-empty-card p,.notif-empty-card p{max-width:240px;margin:0;font-size:13px;line-height:1.45}.notification-intro{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.notification-intro button{background:var(--green-light);height:34px;color:var(--green-dark);white-space:nowrap;border-radius:999px;padding:0 12px;font-size:12px;font-weight:900}.notif-group-list{gap:14px;padding-bottom:22px;display:grid}.notif-group{gap:9px;display:grid}.notif-group>h3{color:#334155;letter-spacing:-.2px;margin:0;font-size:15px}.notif-card-list{gap:9px;display:grid}.notif-row{text-align:left;min-height:88px;color:var(--text);box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:20px;grid-template-columns:auto 1fr;align-items:start;gap:11px;padding:12px;display:grid;position:relative}.notif-kind-icon{background:var(--green-light);width:42px;height:42px;color:var(--green);border-radius:15px;place-items:center;display:grid}.notif-content{min-width:0}.notif-content>div{justify-content:space-between;gap:10px;margin-bottom:4px;display:flex}.notif-content h4{letter-spacing:-.15px;margin:0;font-size:14.5px;line-height:1.2}.notif-content span{color:var(--muted);white-space:nowrap;font-size:11.5px;font-weight:800}.notif-content p{color:var(--muted);margin:0 0 7px;font-size:12px;font-weight:650;line-height:1.4}.notif-content small{height:25px;color:var(--green-dark);background:#f1f9f4;border-radius:999px;align-items:center;padding:0 9px;font-size:10.5px;font-weight:900;display:inline-flex}.notif-row>i{background:var(--green);width:9px;height:9px;box-shadow:0 0 0 5px var(--green-light);border-radius:50%;position:absolute;top:13px;right:13px}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a59;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.area-form{background:#fff;border-radius:30px 30px 24px 24px;gap:16px;width:min(100%,520px);padding:12px 20px 22px;display:grid;box-shadow:0 30px 70px #0f172a40}.sheet-line{background:#d6ded9;border-radius:999px;justify-self:center;width:56px;height:5px}.form-header{justify-content:space-between;gap:12px;display:flex}.form-header h2{margin:4px 0 7px;font-size:22px}.form-header p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.form-header button{background:#f5f8f6;border-radius:15px;width:42px;height:42px;font-size:24px}.area-form label{color:var(--text);gap:8px;font-weight:900;display:grid}.area-form input{border:1px solid var(--line);background:#f9fdfb;border-radius:17px;outline:none;height:55px;padding:0 16px}.save-button{color:#fff;background:var(--green);border-radius:17px;height:55px;font-weight:900;box-shadow:0 14px 28px #1494473d}.toast{left:50%;bottom:calc(104px + env(safe-area-inset-bottom));z-index:50;color:#fff;background:#0f172a;border-radius:999px;width:max-content;max-width:calc(100% - 40px);padding:13px 18px;font-weight:800;position:fixed;transform:translate(-50%);box-shadow:0 16px 32px #0f172a40}.bottom-nav{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border:1px solid #e6eee9f2;border-radius:27px;grid-template-columns:repeat(5,1fr);align-items:center;gap:4px;width:min(100% - 32px,488px);min-height:74px;padding:10px 10px 12px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 20px 50px #0f172a24}.bottom-nav button{color:#697786;background:0 0;border-radius:18px;align-content:center;justify-items:center;gap:5px;height:52px;font-size:11px;font-weight:900;display:grid}.bottom-nav button.active{color:var(--green);background:var(--green-light)}@media (width>=760px){.mobile-page{width:min(100%,900px)}.home-summary-grid{grid-template-columns:repeat(4,1fr)}.device-list,.area-list-page,.notification-list{grid-template-columns:repeat(2,minmax(0,1fr))}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=390px){.mobile-page{padding-inline:16px}.home-header h1{font-size:26px}.circle-button{border-radius:15px;width:44px;height:44px}.system-card{border-radius:22px;gap:12px;padding:15px}.system-icon{width:48px;height:48px}.system-content h2{font-size:19px}.system-content p{font-size:12.5px}.update-row{min-height:36px;font-size:11px}.summary-card{min-height:86px;padding:11px}.summary-icon{width:38px;height:38px}.summary-card strong{font-size:23px}.summary-card p{font-size:11px}.device-card,.area-row{grid-template-columns:auto 1fr auto;min-height:70px}.device-card .status-badge,.area-row .status-badge{grid-column:2;justify-self:start}.chevron{grid-area:1/3/span 2}.page-intro h2{font-size:23px}.page-intro p{font-size:13.5px}.search-box{border-radius:17px;height:48px;padding:0 14px}.device-grid{gap:11px}.device-grid-card{border-radius:20px;min-height:142px;padding:13px 12px}.device-grid-icon{width:48px;height:48px;margin-bottom:10px}.device-grid-card h3{margin-bottom:8px;font-size:13.5px}.device-grid-meta span{font-size:11.5px}.device-grid-footer .status-badge{height:26px;padding:0 9px;font-size:10.5px}.detail-header h1{font-size:20px}.back-button{width:42px;height:42px}.detail-hero-card{border-radius:22px;gap:12px;padding:14px}.detail-icon{border-radius:17px;width:52px;height:52px}.detail-hero-card h2{font-size:18px}.detail-hero-card p{font-size:12px}.mini-info-card{min-height:84px;padding:12px 8px}.mini-info-card strong{font-size:21px}.area-section-card,.selected-area-card{border-radius:22px;padding:14px}.area-chip{height:37px;padding:0 12px;font-size:12.5px}.selected-area-header h2{font-size:19px}.tab-bar button{height:37px;font-size:11px}.parameter-row{border-radius:16px;min-height:58px;padding:9px}.parameter-icon{width:38px;height:38px}.parameter-row h4{font-size:13.5px}.parameter-row strong{font-size:15px}.automation-mode-card,.automation-card{border-radius:17px;padding:12px}.automation-mode-card h3,.automation-title h3{font-size:14px}.automation-mode-card p,.automation-row p,.history-row p{font-size:11.5px}.area-summary-grid,.notif-summary-grid{gap:9px}.area-summary-card,.notif-summary-card{border-radius:16px;min-height:78px;padding:10px 8px}.area-summary-card div,.notif-summary-card div{border-radius:10px;width:29px;height:29px}.area-summary-card p,.notif-summary-card p{font-size:10.8px}.area-summary-card strong,.notif-summary-card strong{font-size:20px}.area-filter-list button,.notif-filter-list button{height:32px;padding:0 12px;font-size:11.5px}.area-device-group{border-radius:20px;padding:12px}.area-group-icon{border-radius:14px;width:40px;height:40px}.area-clean-row{border-radius:16px;min-height:62px;padding:10px}.area-clean-row h4{font-size:14px}.area-clean-row p{font-size:11.2px}.area-row-right .status-badge{display:none}.notification-intro{grid-template-columns:1fr}.notification-intro button{justify-self:start}.notif-row{border-radius:18px;min-height:82px;padding:11px}.notif-kind-icon{border-radius:14px;width:39px;height:39px}.notif-content h4{font-size:13.8px}.notif-content p{font-size:11.5px}.bottom-nav{width:min(100% - 20px,488px)}}@media (width<=390px){.device-card.clean{min-height:72px}.device-card.clean .device-content p{display:none}.device-grid-card.clean{min-height:124px;padding:13px 12px}.device-grid-card.clean h3{font-size:14px}}.detail-hero-card{color:#fff;border-radius:28px;grid-template-columns:1fr auto;align-items:center;min-height:132px;margin-bottom:12px;padding:20px 8px 20px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #1494472e}.detail-hero-card.green{background:linear-gradient(135deg,#22c55e,#15803d 68%,#0f6b32)}.detail-hero-card.blue{background:linear-gradient(135deg,#3b82f6,#0369a1);box-shadow:0 14px 32px #2563eb2e}.detail-hero-card.orange{background:linear-gradient(135deg,#f97316,#c2410c);box-shadow:0 14px 32px #f973162e}.detail-hero-card.teal{background:linear-gradient(135deg,#14b8a6,#0f766e);box-shadow:0 14px 32px #14b8a62e}.detail-hero-card.yellow{background:linear-gradient(135deg,#eab308,#a16207);box-shadow:0 14px 32px #eab3082e}.detail-hero-text{z-index:2;min-width:0;max-width:60%;position:relative}.detail-hero-text h2{letter-spacing:-.3px;margin:0 0 7px;font-size:19px;font-weight:800;line-height:1.15}.detail-hero-text p{opacity:.96;margin:0;font-size:12.8px;font-weight:600;line-height:1.45}.detail-hero-image,.detail-hero-visual{z-index:1;justify-content:center;align-items:center;width:158px;height:132px;display:flex;position:absolute;bottom:-3px;right:-10px;background:0 0!important;border:0!important;border-radius:0!important;overflow:visible!important}.detail-hero-image img,.detail-hero-visual img{object-fit:contain;filter:drop-shadow(0 12px 18px #0000002e);width:100%;height:100%;display:block;transform:scale(1.18);padding:0!important}.detail-hero-image .svg-icon,.detail-hero-visual .svg-icon{opacity:.9;width:64px;height:64px}.detail-icon{background:#ffffff29;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.detail-icon .svg-icon{stroke:currentColor;width:28px;height:28px}.pwm-row{grid-template-columns:auto 1fr auto;align-items:center}.pwm-slider{appearance:none;background:#dff3e7;border-radius:999px;outline:none;width:100%;height:6px;margin-top:8px}.pwm-slider::-webkit-slider-thumb{appearance:none;background:var(--green);border-radius:50%;width:18px;height:18px;box-shadow:0 4px 10px #14944740}.pwm-slider::-moz-range-thumb{background:var(--green);border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 4px 10px #14944740}.pwm-row strong{text-align:right;min-width:48px}.device-card.clean{min-height:76px}.device-card.clean .device-content p{max-width:220px;color:var(--muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.device-grid-card.clean{min-height:132px;padding:14px}.device-grid-card.clean h3{margin-bottom:0;font-size:15px}.device-grid-card.clean .device-grid-footer{margin-top:auto}@media (width<=420px){.detail-hero-card{border-radius:24px;min-height:126px;padding:18px 8px 18px 18px}.detail-hero-text{max-width:58%}.detail-hero-text h2{font-size:18px}.detail-hero-text p{font-size:12px;line-height:1.4}.detail-hero-image,.detail-hero-visual{width:148px!important;height:124px!important;bottom:-4px!important;right:8px!important}.detail-hero-image img,.detail-hero-visual img{transform:scale(1.18)!important}}@media (width<=390px){.device-card.clean{min-height:72px}.device-card.clean .device-content p{display:none}.device-grid-card.clean{min-height:124px;padding:13px 12px}.device-grid-card.clean h3{font-size:14px}}.home-daily-summary{margin-bottom:20px}.home-daily-grid.two-card button{min-height:98px}.device-page-intro{margin-bottom:12px}.device-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:13px;display:grid}.device-action-button{min-height:48px;color:var(--green-dark);box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:17px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;font-weight:900;display:inline-flex}.device-action-button span{background:#1494471a;border-radius:9px;place-items:center;width:23px;height:23px;font-size:17px;font-weight:900;line-height:1;display:grid}.device-action-button.primary span{background:#ffffff2e}.device-list .device-card.clean,.device-list .device-card{grid-template-columns:auto 1fr auto}.device-list .device-card .status-badge{justify-self:end}.area-section-card{display:none!important}@media (width<=390px){.home-main-status-card{border-radius:24px;min-height:118px;padding:16px}.home-main-status-icon{width:50px;height:50px}.home-main-status-top h2{font-size:17px}.home-main-status-top p{font-size:12px}.home-main-status-bottom{min-height:38px;padding:0 12px}.home-main-status-bottom strong,.home-main-status-bottom p{font-size:11.5px}.home-device-grid{gap:11px}.home-device-card{border-radius:20px;min-height:116px;padding:13px}.home-device-card:last-child:nth-child(odd){min-height:82px}.home-device-icon{border-radius:15px;width:44px;height:44px}.home-device-content h3{font-size:13.5px}.device-action-row{gap:9px}.device-action-button{border-radius:16px;min-height:46px;padding:0 10px;font-size:11.8px}}.home-search-box{margin-bottom:18px!important}.home-daily-summary{margin:0 0 26px!important}.home-daily-grid{gap:12px!important;display:grid!important}.home-daily-grid.two-card{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-daily-grid button{text-align:left!important;width:100%!important;min-height:108px!important;color:var(--text)!important;box-shadow:var(--soft-shadow)!important;background:#fffffff5!important;border:1px solid #e6eee9f2!important;border-radius:24px!important;align-content:center!important;justify-items:start!important;gap:6px!important;padding:16px 14px!important;display:grid!important}.home-daily-grid button div{background:var(--green-light)!important;width:44px!important;height:44px!important;color:var(--green)!important;border-radius:16px!important;place-items:center!important;margin-bottom:4px!important;display:grid!important}.home-daily-grid button div .svg-icon{width:22px!important;height:22px!important}.home-daily-grid strong{letter-spacing:-.8px!important;font-size:28px!important;font-weight:900!important;line-height:1!important}.home-daily-grid p{color:var(--text)!important;margin:0!important;font-size:14px!important;font-weight:900!important}.home-daily-grid span{color:var(--green-dark)!important;font-size:12px!important;font-weight:900!important}.home-section-title{margin:0 0 12px!important}.home-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-bottom:24px!important;display:grid!important}.home-device-card{text-align:left!important;min-height:124px!important;color:var(--text)!important;box-shadow:var(--soft-shadow)!important;background:#fffffff7!important;border:1px solid #e6eee9f2!important;border-radius:24px!important;align-content:space-between!important;gap:14px!important;padding:15px!important;display:grid!important}.home-device-card:last-child:nth-child(odd){grid-column:1/-1!important;grid-template-columns:auto 1fr!important;align-content:center!important;align-items:center!important;min-height:94px!important}.home-device-icon{background:var(--green-light)!important;width:52px!important;height:52px!important;color:var(--green)!important;border-radius:18px!important;place-items:center!important;display:grid!important}.home-device-icon.blue{color:#2563eb!important;background:#eaf2ff!important}.home-device-icon.orange{color:#ea580c!important;background:#fff2e8!important}.home-device-icon.teal{color:#0891b2!important;background:#e6fbff!important}.home-device-icon.yellow{color:#ca8a04!important;background:#fff8d8!important}.home-device-content{min-width:0!important}.home-device-content>div{justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:8px!important;display:flex!important}.home-device-content h3{letter-spacing:-.2px!important;margin:0!important;font-size:14.5px!important;font-weight:900!important;line-height:1.2!important}.home-device-content>div span{color:#8a97a4!important;font-size:24px!important;line-height:1!important}.home-device-content .status-badge{min-width:0!important;height:28px!important;padding:0 10px!important;font-size:10.5px!important}.home-device-empty{text-align:center!important;min-height:130px!important;box-shadow:var(--soft-shadow)!important;background:#fffffff5!important;border:1px solid #e6eee9f2!important;border-radius:22px!important;grid-column:1/-1!important;align-content:center!important;place-items:center!important;gap:6px!important;padding:18px!important;display:grid!important}.home-device-empty h3{margin:0!important;font-size:16px!important}.home-device-empty p{color:var(--muted)!important;margin:0!important;font-size:12.5px!important}.home-search-box{height:52px;color:var(--green-dark);box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:19px;align-items:center;gap:11px;margin-bottom:14px;padding:0 15px;display:flex}.home-search-box .svg-icon{flex-shrink:0;width:20px;height:20px}.home-search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:14px;font-weight:700}.home-search-box input::placeholder{color:#8a97a4}.home-main-status-card{color:#fff;text-align:left;background:linear-gradient(135deg,#22c55e,#15803d 68%,#0f6b32);border-radius:26px;gap:15px;width:100%;min-height:124px;margin-bottom:14px;padding:17px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 36px #14944733}.home-main-status-card:after{content:"";background:#ffffff14;border-radius:50%;width:126px;height:126px;position:absolute;top:-34px;right:-34px}.home-main-status-top{z-index:2;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;display:grid;position:relative}.home-main-status-icon{width:54px;height:54px;color:var(--green);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 9px #14944714}.home-main-status-top h2{letter-spacing:-.35px;margin:0 0 5px;font-size:18px;font-weight:900;line-height:1.15}.home-main-status-top p{opacity:.96;margin:0;font-size:12.5px;font-weight:650;line-height:1.4}.home-main-status-top>span{opacity:.9;font-size:24px;font-weight:800}.home-main-status-bottom{z-index:2;background:#ffffff1a;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:0 13px;display:flex;position:relative}.home-main-status-bottom strong{font-size:12.5px;font-weight:900}.home-main-status-bottom p{opacity:.96;white-space:nowrap;margin:0;font-size:12px;font-weight:750}.home-simple-summary{grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:18px;display:grid}.home-simple-summary button{text-align:left;min-height:104px;color:var(--text);box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:21px;align-content:center;justify-items:start;gap:4px;padding:13px 12px;display:grid}.home-simple-summary button div{background:var(--green-light);width:37px;height:37px;color:var(--green);border-radius:13px;place-items:center;margin-bottom:4px;display:grid}.home-simple-summary button div .svg-icon{width:20px;height:20px}.home-simple-summary strong{letter-spacing:-.8px;font-size:27px;line-height:1}.home-simple-summary p{color:var(--text);margin:0;font-size:13px;font-weight:900}.home-simple-summary span{color:var(--green-dark);font-size:11.5px;font-weight:900}.home-section-title{margin-bottom:11px}.home-device-simple-list{gap:10px;margin-bottom:18px;display:grid}.home-device-simple-row{text-align:left;width:100%;min-height:74px;color:var(--text);box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:20px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:12px 13px;display:grid}.home-device-icon,.simple-device-icon{background:var(--green-light);width:46px;height:46px;color:var(--green);border-radius:15px;place-items:center;display:grid}.home-device-icon .svg-icon,.simple-device-icon .svg-icon{width:22px;height:22px}.home-device-icon.blue,.simple-device-icon.blue{color:#2563eb;background:#eaf2ff}.home-device-icon.orange,.simple-device-icon.orange{color:#ea580c;background:#fff2e8}.home-device-icon.teal,.simple-device-icon.teal{color:#0891b2;background:#e6fbff}.home-device-icon.yellow,.simple-device-icon.yellow{color:#ca8a04;background:#fff8d8}.home-device-simple-row h3{margin:0 0 3px;font-size:14.5px;font-weight:900;line-height:1.15}.home-device-simple-row p{color:var(--muted);margin:0;font-size:11.8px;font-weight:700;line-height:1.3}.home-device-simple-row>span{color:#8a97a4;font-size:23px;line-height:1}.home-empty-card{text-align:center;min-height:150px;box-shadow:var(--soft-shadow);color:var(--muted);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:24px;align-content:center;place-items:center;gap:8px;display:grid}.home-empty-card .svg-icon{width:32px;height:32px;color:var(--green)}.home-empty-card h3{color:var(--text);margin:0;font-size:17px}.home-empty-card p{max-width:240px;margin:0;font-size:13px;line-height:1.45}.device-page-top{gap:13px;margin-bottom:14px;display:grid}.device-page-top h2{letter-spacing:-.7px;margin:0 0 6px;font-size:25px;line-height:1.15}.device-page-top p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.45}.device-page-actions{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.device-action-button{height:46px;color:var(--green-dark);background:var(--green-light);border-radius:17px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:900;display:inline-flex}.simple-device-list{gap:10px;padding-bottom:18px;display:grid}.simple-device-row{text-align:left;width:100%;min-height:88px;color:var(--text);box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:21px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px;display:grid}.simple-device-content{min-width:0}.simple-device-content h3{letter-spacing:-.2px;margin:0 0 4px;font-size:15px;font-weight:900;line-height:1.15}.simple-device-content p{max-width:230px;color:var(--muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:11.8px;font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.simple-device-meta{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.simple-device-meta span{height:23px;color:var(--green-dark);background:#f1f9f4;border-radius:999px;align-items:center;padding:0 8px;font-size:10.5px;font-weight:900;display:inline-flex}.simple-device-right>span{color:#8a97a4;font-size:23px;line-height:1}@media (width<=390px){.home-search-box{border-radius:18px;height:50px}.home-main-status-card{border-radius:24px;min-height:118px;padding:16px}.home-main-status-icon{width:50px;height:50px}.home-main-status-top h2{font-size:17px}.home-main-status-top p{font-size:12px}.home-simple-summary{gap:10px}.home-simple-summary button{border-radius:19px;min-height:98px;padding:12px}.home-simple-summary strong{font-size:24px}.home-device-simple-row{grid-template-columns:auto 1fr auto;min-height:70px}.home-device-simple-row .status-badge{display:none}.device-page-actions{gap:9px}.device-action-button{height:44px;font-size:12.5px}.simple-device-row{border-radius:19px;min-height:84px;padding:11px}.simple-device-content h3{font-size:14.5px}.simple-device-content p{max-width:190px;font-size:11.3px}.simple-device-meta{gap:5px}.simple-device-meta span{height:22px;padding:0 7px;font-size:10px}.simple-device-right .status-badge{display:none}}.mobile-page{padding-left:18px!important;padding-right:18px!important;padding-top:calc(14px + env(safe-area-inset-top))!important}.home-search-box{border-radius:18px!important;height:48px!important;margin-bottom:12px!important;padding:0 14px!important}.home-search-box input{font-size:13px!important}.home-main-status-card{border-radius:24px!important;gap:12px!important;min-height:112px!important;margin-bottom:12px!important;padding:14px!important}.home-main-status-top{gap:11px!important}.home-main-status-icon{width:48px!important;height:48px!important}.home-main-status-icon .svg-icon{width:25px!important;height:25px!important}.home-main-status-top h2{font-size:16px!important;line-height:1.15!important}.home-main-status-top p{font-size:11.5px!important}.home-main-status-bottom{border-radius:14px!important;min-height:36px!important;padding:0 12px!important}.home-main-status-bottom strong,.home-main-status-bottom p{font-size:11.2px!important}.home-simple-summary{gap:10px!important;margin-bottom:16px!important}.home-simple-summary button{border-radius:19px!important;min-height:88px!important;padding:11px!important}.home-simple-summary button div{border-radius:12px!important;width:34px!important;height:34px!important}.home-simple-summary strong{font-size:24px!important}.home-simple-summary p{font-size:12px!important}.home-simple-summary span{font-size:10.8px!important}.section-title h2,.home-section-title h2{font-size:19px!important}.section-title button,.home-section-title button{font-size:12px!important}.home-device-simple-list{gap:9px!important}.home-device-simple-row{border-radius:18px!important;grid-template-columns:auto 1fr auto auto!important;gap:10px!important;min-height:66px!important;padding:10px 11px!important}.home-device-icon{border-radius:14px!important;width:42px!important;height:42px!important}.home-device-icon .svg-icon{width:20px!important;height:20px!important}.home-device-simple-row h3{margin-bottom:2px!important;font-size:13.5px!important}.home-device-simple-row p{font-size:10.8px!important}.home-device-simple-row>.status-badge{min-width:58px!important;height:24px!important;padding:0 8px!important;font-size:10px!important;font-weight:900!important;line-height:1!important}.home-device-simple-row>span:not(.status-badge){color:#8a97a4!important;font-size:20px!important;line-height:1!important}.device-page-top h2{margin-bottom:4px!important;font-size:23px!important}.device-page-top p{font-size:12.5px!important}.device-page-actions{gap:10px!important}.device-action-button{border-radius:16px!important;gap:7px!important;height:42px!important;font-size:12.5px!important}.device-action-button .svg-icon{width:18px!important;height:18px!important}.search-box{border-radius:17px!important;height:46px!important;margin-bottom:12px!important}.search-box input{font-size:13px!important}.simple-device-list{gap:9px!important}.simple-device-row{border-radius:19px!important;gap:10px!important;min-height:76px!important;padding:10px 11px!important}.simple-device-icon{border-radius:14px!important;width:44px!important;height:44px!important}.simple-device-icon .svg-icon{width:20px!important;height:20px!important}.simple-device-content h3{margin-bottom:3px!important;font-size:14px!important}.simple-device-content p{max-width:210px!important;font-size:10.8px!important;line-height:1.3!important}.simple-device-meta{gap:5px!important;margin-top:6px!important}.simple-device-meta span{height:21px!important;padding:0 7px!important;font-size:9.8px!important}.simple-device-meta span:not(:first-child){display:none!important}.simple-device-right{gap:6px!important}.simple-device-right .status-badge{min-width:58px!important;height:24px!important;padding:0 8px!important;font-size:10px!important}.simple-device-right>span{font-size:20px!important}.bottom-nav{border-radius:25px!important;min-height:68px!important;padding:8px 9px 10px!important}.bottom-nav button{border-radius:17px!important;height:48px!important;font-size:10.5px!important}.bottom-nav button .svg-icon{width:20px!important;height:20px!important}@media (width<=390px){.mobile-page{padding-left:16px!important;padding-right:16px!important}.home-main-status-card{min-height:106px!important}.home-main-status-icon{width:44px!important;height:44px!important}.home-main-status-top h2{font-size:15.5px!important}.home-simple-summary button{min-height:84px!important}.home-device-simple-row{min-height:64px!important}.home-device-simple-row>.status-badge{font-size:9.5px!important;display:inline-flex!important}.simple-device-row{min-height:74px!important}.simple-device-content p{max-width:180px!important}.simple-device-right .status-badge{font-size:9.5px!important;display:inline-flex!important}}.device-page-actions,.device-action-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 0 12px!important;display:grid!important}.device-action-button{width:100%!important;height:44px!important;min-height:44px!important;color:var(--green-dark)!important;letter-spacing:-.1px!important;text-align:center!important;background:#fffffff5!important;border:1px solid #e6eee9f2!important;border-radius:17px!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:0 14px!important;font-size:13px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important;box-shadow:0 8px 18px #0f172a0e!important}.device-action-button.primary{color:#fff!important;background:var(--green)!important;border-color:var(--green)!important;box-shadow:0 10px 22px #14944738!important}.device-action-button .svg-icon{stroke-width:2.4px!important;flex-shrink:0!important;width:18px!important;height:18px!important}.device-action-button span{place-items:initial!important;width:auto!important;min-width:0!important;height:auto!important;color:inherit!important;white-space:nowrap!important;background:0 0!important;border-radius:0!important;margin:0!important;padding:0!important;font-size:13px!important;font-weight:900!important;line-height:1!important;display:inline!important}.device-page-top{gap:12px!important;margin-bottom:12px!important}.device-page-top h2{margin:0 0 4px!important;font-size:23px!important;line-height:1.15!important}.device-page-top p{margin:0!important;font-size:12.5px!important;line-height:1.4!important}.device-page-top+.search-box,.search-box{margin-bottom:12px!important}@media (width<=390px){.device-page-actions,.device-action-row{gap:9px!important;margin-bottom:11px!important}.device-action-button{border-radius:16px!important;height:42px!important;min-height:42px!important;padding:0 12px!important;font-size:12.5px!important}.device-action-button span{font-size:12.5px!important}.device-action-button .svg-icon{width:17px!important;height:17px!important}}.hiroshi-home-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.hiroshi-brand{align-items:center;gap:12px;display:flex}.hiroshi-logo-mark{grid-template-columns:1fr 1fr;gap:5px;width:44px;height:44px;display:grid;position:relative}.hiroshi-logo-mark span{background:linear-gradient(#22c55e,#089f46);border-radius:12px;display:block;position:relative;overflow:hidden}.hiroshi-logo-mark span:first-child:after,.hiroshi-logo-mark span:last-child:before{content:"";background:#effaf2;width:18px;height:22px;position:absolute;top:11px}.hiroshi-logo-mark span:first-child:after{border-radius:12px 0 0 12px;right:-9px}.hiroshi-logo-mark span:last-child:before{border-radius:0 12px 12px 0;left:-9px}.hiroshi-notif-button{width:48px;height:48px;color:var(--text);box-shadow:var(--soft-shadow);background:#fffffff7;border:1px solid #e6eee9f2;border-radius:18px;place-items:center;display:grid;position:relative}.hiroshi-hero-card{color:#fff;background:radial-gradient(circle at 78% 28%,#fff3,#0000 30%),linear-gradient(135deg,#22c55e 0%,#16a34a 45%,#04793b 100%);border-radius:26px;grid-template-columns:1fr 1.05fr;align-items:center;gap:8px;min-height:184px;margin-bottom:16px;padding:22px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #14944738}.hiroshi-hero-card:after{content:"";border:1px solid #ffffff29;border-radius:999px;width:260px;height:260px;position:absolute;bottom:-80px;right:-70px}.hiroshi-hero-text{z-index:3;min-width:0;position:relative}.hiroshi-hero-text h2{letter-spacing:-.9px;max-width:170px;margin:0 0 12px;font-size:27px;font-weight:900;line-height:1.08}.hiroshi-hero-text p{opacity:.96;max-width:190px;margin:0 0 18px;font-size:12.3px;font-weight:650;line-height:1.55}.hiroshi-hero-text button{height:42px;color:var(--green-dark);background:#fff;border-radius:15px;align-items:center;gap:10px;padding:0 16px;font-size:12.5px;font-weight:900;display:inline-flex;box-shadow:0 12px 22px #0f172a1a}.hiroshi-hero-text button span{font-size:20px;line-height:1}.hero-orbit{border:1px solid #ffffff38;border-radius:999px;position:absolute}.orbit-one{width:190px;height:120px;top:12px;right:-30px;transform:rotate(-14deg)}.orbit-two{width:150px;height:98px;top:34px;right:2px;transform:rotate(16deg)}.hero-dashboard-card{background:#fffffff0;border-radius:13px;width:142px;height:88px;padding:10px;position:absolute;top:8px;right:0;transform:rotate(3deg);box-shadow:0 18px 28px #0f172a29}.hero-card-top{gap:4px;margin-bottom:4px;display:grid}.hero-card-top span{background:#dbe7df;border-radius:999px;width:32px;height:4px}.hero-card-top span:last-child{width:20px}.hero-line-chart{width:72px;height:32px;color:var(--green)}.hero-line-chart path{stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.hero-check-list{gap:4px;display:grid;position:absolute;bottom:10px;left:10px}.hero-check-list span{background:#d9e8df;border-radius:999px;width:54px;height:4px}.hero-check-list span:nth-child(2){width:72px}.hero-check-list span:nth-child(3){width:48px}.hero-percent{width:44px;height:44px;color:var(--green-dark);background:radial-gradient(circle at center, #fff 0 48%, transparent 49%), conic-gradient(#16a34a 0 82%, #dff3e7 82% 100%);border-radius:999px;place-items:center;font-size:10px;font-weight:900;display:grid;position:absolute;top:28px;right:10px}.hero-base{background:linear-gradient(#fff,#dfeee5);border-radius:20px;width:116px;height:54px;position:absolute;bottom:8px;right:22px;transform:perspective(100px)rotateX(15deg);box-shadow:0 18px 26px #0f172a29}.hero-base span{filter:blur(1px);background:radial-gradient(circle,#8df2b5,#17a756 58%,#0000 60%);border-radius:999px;position:absolute;inset:13px 28px}.hero-floating-icon.right{color:#f59e0b;top:62px;right:-2px}.hiroshi-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.hiroshi-metric-card{text-align:left;min-height:132px;color:var(--text);box-shadow:var(--soft-shadow);background:#fffffff7;border:1px solid #e6eee9f2;border-radius:21px;align-content:space-between;gap:9px;padding:12px;display:grid}.metric-icon{width:42px;height:42px;color:var(--green);background:var(--green-light);border-radius:16px;place-items:center;display:grid}.hiroshi-metric-card p{color:#4b5563;margin:0 0 5px;font-size:11.3px;font-weight:750;line-height:1.25}.hiroshi-metric-card strong{color:var(--text);letter-spacing:-.8px;align-items:flex-end;gap:3px;font-size:25px;font-weight:900;line-height:1;display:flex}.hiroshi-metric-card strong span{color:#334155;letter-spacing:-.1px;margin-bottom:3px;font-size:12px;font-weight:800}.metric-note{color:#233244;background:#f1f9f4;border-radius:12px;align-items:center;gap:5px;min-height:30px;padding:0 8px;font-size:10px;font-weight:750;line-height:1.2;display:inline-flex}.metric-note i{width:18px;height:18px;color:var(--green);background:#dff5e7;border-radius:999px;flex-shrink:0;place-items:center;font-style:normal;display:grid}.metric-note.down i,.metric-note.up i{color:#16a34a}.hiroshi-activity-card,.hiroshi-trend-card{box-shadow:var(--soft-shadow);background:#fffffff7;border:1px solid #e6eee9f2;border-radius:22px;margin-bottom:16px;padding:14px}.hiroshi-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hiroshi-section-head h2{color:var(--text);letter-spacing:-.4px;margin:0;font-size:18px;font-weight:900;line-height:1.15}.hiroshi-section-head button{color:var(--green-dark);white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:0;font-size:12px;font-weight:900;display:inline-flex}.hiroshi-section-head button span{font-size:20px;line-height:1}.activity-timeline{display:grid;position:relative}.activity-timeline:before{content:"";background:#a9e8bf;width:2px;position:absolute;top:16px;bottom:18px;left:7px}.activity-row{text-align:left;min-height:48px;color:var(--text);background:0 0;border-bottom:1px solid #e6eee9e6;grid-template-columns:14px 46px 38px 1fr auto;align-items:center;gap:10px;padding:7px 0;display:grid}.activity-row:last-child{border-bottom:0}.activity-dot{background:var(--green);z-index:2;border-radius:999px;width:12px;height:12px;position:relative}.activity-icon{width:34px;height:34px;color:var(--green);background:var(--green-light);border-radius:999px;place-items:center;display:grid}.activity-row p{color:#334155;margin:0;font-size:12.2px;font-weight:650;line-height:1.35}.activity-row small{min-width:68px;height:28px;color:var(--green-dark);background:#eaf8ef;border-radius:9px;justify-content:center;align-items:center;padding:0 10px;font-size:10.2px;font-weight:900;display:inline-flex}.activity-row small.success{color:var(--green-dark);background:#e4f7eb}.hiroshi-area-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hiroshi-area-card{text-align:left;min-height:130px;color:var(--text);box-shadow:var(--soft-shadow);background:#fffffff7;border:1px solid #e6eee9f2;border-radius:21px;align-content:space-between;padding:12px;display:grid}.area-top{grid-template-columns:auto 1fr;align-items:center;gap:9px;margin-bottom:12px;display:grid}.area-icon{width:42px;height:42px;color:var(--green);background:var(--green-light);border-radius:16px;place-items:center;display:grid}.area-top h3{letter-spacing:-.2px;margin:0 0 5px;font-size:12.5px;font-weight:900;line-height:1.15}.area-top span{height:23px;color:var(--green-dark);background:#e7f8ec;border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-weight:900;display:inline-flex}.hiroshi-area-card>p{color:#64748b;margin:0 0 4px;font-size:11px;font-weight:750}.area-bottom{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.area-bottom strong{color:var(--text);letter-spacing:-.6px;align-items:flex-end;gap:3px;font-size:21px;font-weight:900;line-height:1;display:flex}.area-bottom strong span{color:#334155;letter-spacing:0;margin-bottom:2px;font-size:10px}.area-bottom svg{width:58px;height:28px;color:var(--green)}.area-bottom path{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.trend-head>div{min-width:0}.trend-legend{flex-wrap:wrap;gap:11px;margin-top:9px;display:flex}.trend-legend span{color:#64748b;align-items:center;gap:6px;font-size:10.8px;font-weight:750;display:inline-flex}.trend-legend i{background:var(--green);border-radius:999px;width:9px;height:9px}.trend-legend span:nth-child(2) i{background:#22c55e}.trend-legend span:nth-child(3) i{background:#f8b400}.trend-head button{color:#334155;border:1px solid var(--line);height:36px;box-shadow:none;background:#fff;border-radius:12px;padding:0 12px}.trend-chart{height:150px;padding:14px 4px 0;position:relative;overflow:hidden}.trend-grid-line{border-top:1px dashed #dce7e0;height:1px;position:absolute;left:8px;right:8px}.trend-grid-line.top{top:28px}.trend-grid-line.middle{top:75px}.trend-grid-line.bottom{bottom:30px}.trend-chart svg{z-index:2;width:100%;height:112px;position:relative}.trend-chart path{fill:none;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.line-temp{stroke:#149447}.line-humidity{stroke:#22c55e}.line-power{stroke:#f8b400}.trend-time{color:#64748b;justify-content:space-between;gap:8px;margin-top:-2px;font-size:10px;font-weight:750;display:flex}@media (width<=390px){.hiroshi-home-header{margin-bottom:14px}.hiroshi-logo-mark{width:40px;height:40px}.hiroshi-brand h1{font-size:25px}.hiroshi-notif-button{border-radius:16px;width:44px;height:44px}.hiroshi-hero-card{border-radius:24px;grid-template-columns:1fr .98fr;min-height:174px;padding:19px 16px}.hiroshi-hero-text h2{max-width:150px;font-size:24px}.hiroshi-hero-text p{max-width:155px;font-size:11.3px}.hiroshi-hero-text button{border-radius:14px;height:39px;padding:0 14px;font-size:11.5px}.hero-dashboard-card{width:126px;height:80px;right:-2px}.hero-percent{width:39px;height:39px;font-size:9px}.hero-base{width:104px;height:50px;bottom:9px;right:12px}.hero-floating-icon{width:34px;height:34px}.hero-floating-icon.left{bottom:34px;left:-2px}.hero-floating-icon.center{top:54px;left:44px}.hero-floating-icon.right{top:66px;right:-5px}.hiroshi-metric-grid{gap:9px}.hiroshi-metric-card{border-radius:19px;min-height:124px;padding:10px}.metric-icon{border-radius:14px;width:38px;height:38px}.hiroshi-metric-card p{font-size:10.5px}.hiroshi-metric-card strong{font-size:22px}.metric-note{min-height:28px;padding:0 7px;font-size:9.2px}.activity-row{grid-template-columns:14px 40px 34px 1fr}.activity-row small{display:none}.activity-row p{font-size:11.5px}.hiroshi-area-grid{scrollbar-width:none;gap:10px;padding-bottom:3px;display:flex;overflow-x:auto}.hiroshi-area-grid::-webkit-scrollbar{display:none}.hiroshi-area-card{min-width:154px;min-height:124px}.trend-chart{height:136px}.trend-chart svg{height:100px}}.hiroshi-brand{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.hiroshi-home-header{margin-bottom:14px!important}.hiroshi-hero-card{border-radius:24px!important;grid-template-columns:1fr .95fr!important;min-height:170px!important;margin-bottom:14px!important;padding:20px 16px!important}.hiroshi-hero-text h2{max-width:165px!important;margin-bottom:11px!important;font-size:24px!important;line-height:1.08!important}.hiroshi-hero-text p{max-width:175px!important;margin-bottom:17px!important;font-size:11.5px!important;line-height:1.5!important}.hiroshi-hero-text button{border-radius:14px!important;height:39px!important;padding:0 14px!important;font-size:11.8px!important}.hiroshi-hero-visual{min-height:126px!important}.hero-dashboard-card{border-radius:13px!important;width:126px!important;height:80px!important;top:10px!important;right:-2px!important}.hero-percent{width:39px!important;height:39px!important;font-size:9px!important}.hero-base{width:104px!important;height:50px!important;bottom:9px!important;right:12px!important}.hero-floating-icon{width:34px!important;height:34px!important}.hero-floating-icon .svg-icon{width:17px!important;height:17px!important}.hero-floating-icon.left{bottom:32px!important;left:-2px!important}.hero-floating-icon.right{top:64px!important;right:-5px!important}.hiroshi-metric-card{border-radius:19px!important;min-height:120px!important;padding:10px!important}.metric-icon{border-radius:14px!important;width:38px!important;height:38px!important}.hiroshi-metric-card p{margin-bottom:4px!important;font-size:10.3px!important;line-height:1.25!important}.hiroshi-metric-card strong{font-size:22px!important}.metric-note{border-radius:11px!important;min-height:27px!important;padding:0 6px!important;font-size:8.8px!important}.metric-note i{width:16px!important;height:16px!important;font-size:9px!important}.hiroshi-activity-card,.hiroshi-trend-card{border-radius:22px!important;margin-bottom:15px!important;padding:14px 13px!important}.hiroshi-section-head{margin-bottom:11px!important}.hiroshi-section-head h2{font-size:17px!important}.hiroshi-section-head button{font-size:11.2px!important}.activity-row{grid-template-columns:13px 38px 33px minmax(0,1fr) 58px!important;gap:8px!important;min-height:49px!important;padding:7px 0!important}.activity-timeline:before{left:6px!important}.activity-dot{width:11px!important;height:11px!important}.activity-icon{width:32px!important;height:32px!important}.activity-icon .svg-icon{width:16px!important;height:16px!important}.activity-row p{font-size:11px!important;font-weight:750!important;line-height:1.3!important}.activity-row small{border-radius:9px!important;min-width:58px!important;height:28px!important;padding:0 8px!important;font-size:9px!important}.hiroshi-area-section{margin-bottom:15px!important}.hiroshi-area-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;display:grid!important;overflow:visible!important}.hiroshi-area-card{border-radius:19px!important;min-width:0!important;min-height:124px!important;padding:10px!important}.area-top{text-align:center!important;grid-template-columns:1fr!important;justify-items:center!important;gap:7px!important;margin-bottom:10px!important}.area-icon{border-radius:14px!important;width:38px!important;height:38px!important}.area-icon .svg-icon{width:18px!important;height:18px!important}.area-top h3{justify-content:center!important;align-items:center!important;min-height:28px!important;margin-bottom:5px!important;font-size:11.2px!important;line-height:1.15!important;display:flex!important}.area-top span{height:22px!important;padding:0 7px!important;font-size:9px!important}.hiroshi-area-card>p{text-align:left!important;font-size:10px!important}.area-bottom{gap:5px!important}.area-bottom svg{width:52px!important;height:24px!important}.hiroshi-trend-card{margin-bottom:18px!important}.trend-head{align-items:flex-start!important}.trend-legend{gap:9px!important;margin-top:8px!important}.trend-head button{border-radius:12px!important;height:35px!important;padding:0 11px!important;font-size:11px!important}.trend-chart{height:132px!important;padding-top:10px!important}.trend-chart svg{height:96px!important}.trend-chart path{stroke-width:3.2px!important}.device-add-panel,.device-scan-panel{box-shadow:var(--soft-shadow)!important;background:#fffffffa!important;border:1px solid #e6eee9f2!important;border-radius:23px!important;margin:0 0 13px!important;padding:14px!important}.device-panel-header{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:start!important;gap:11px!important;margin-bottom:13px!important;display:grid!important}.device-panel-icon,.device-scan-radar,.device-scan-icon{width:44px!important;height:44px!important;color:var(--green)!important;background:var(--green-light)!important;border-radius:16px!important;place-items:center!important;display:grid!important;position:relative!important;overflow:hidden!important}.device-panel-icon .svg-icon,.device-scan-radar .svg-icon,.device-scan-icon .svg-icon{z-index:2!important;width:21px!important;height:21px!important;position:relative!important}.device-panel-icon.blue,.device-scan-icon.blue{color:#2563eb!important;background:#eaf2ff!important}.device-panel-icon.orange,.device-scan-icon.orange{color:#ea580c!important;background:#fff2e8!important}.device-panel-icon.teal,.device-scan-icon.teal{color:#0891b2!important;background:#e6fbff!important}.device-panel-icon.yellow,.device-scan-icon.yellow{color:#ca8a04!important;background:#fff8d8!important}.device-panel-header span{color:var(--green-dark)!important;letter-spacing:.1em!important;text-transform:uppercase!important;font-size:10.5px!important;font-weight:900!important}.device-panel-header h3{color:var(--text)!important;letter-spacing:-.35px!important;margin:3px 0 4px!important;font-size:17px!important;font-weight:900!important;line-height:1.15!important}.device-panel-header p{color:#64748b!important;margin:0!important;font-size:11.2px!important;font-weight:650!important;line-height:1.35!important}.device-panel-header>button{color:#64748b!important;border:1px solid var(--line)!important;background:#f8fbf9!important;border-radius:13px!important;place-items:center!important;width:34px!important;height:34px!important;font-size:21px!important;line-height:1!important;display:grid!important}.device-add-form{gap:10px!important;display:grid!important}.device-add-form label{gap:6px!important;display:grid!important}.device-add-form label>span{color:#334155!important;font-size:11.5px!important;font-weight:900!important}.device-add-form input,.device-add-form select,.device-add-form textarea{border:1px solid var(--line)!important;width:100%!important;color:var(--text)!important;background:#f8fbf9!important;border-radius:15px!important;outline:0!important;font-size:12.5px!important;font-weight:800!important}.device-add-form input,.device-add-form select{height:44px!important;padding:0 12px!important}.device-add-form textarea{resize:none!important;min-height:74px!important;padding:11px 12px!important;line-height:1.35!important}.device-form-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;display:grid!important}.device-form-preview div{border:1px solid var(--line)!important;background:#f8fbf9!important;border-radius:17px!important;align-content:center!important;justify-items:start!important;gap:4px!important;min-height:82px!important;padding:11px!important;display:grid!important}.device-form-preview .svg-icon{width:20px!important;height:20px!important;color:var(--green)!important}.device-form-preview strong{color:var(--text)!important;font-size:11.5px!important;font-weight:900!important;line-height:1.15!important}.device-form-preview p{color:#64748b!important;margin:0!important;font-size:10.3px!important;font-weight:650!important;line-height:1.25!important}.device-form-actions{grid-template-columns:.85fr 1.15fr!important;gap:9px!important;display:grid!important}.device-form-actions button{border-radius:16px!important;justify-content:center!important;align-items:center!important;gap:8px!important;height:44px!important;font-size:12.5px!important;font-weight:900!important;display:inline-flex!important}.device-form-actions button:first-child{color:#64748b!important;border:1px solid var(--line)!important;background:#f8fbf9!important}.device-form-actions button:last-child{color:#fff!important;background:var(--green)!important;box-shadow:0 10px 22px #14944730!important}.device-form-actions .svg-icon{width:17px!important;height:17px!important}.device-scan-radar{color:var(--green)!important;background:#eaf8ef!important}.device-scan-radar i{border:1px solid #14944752!important;border-radius:999px!important;animation:1.35s ease-in-out infinite scanPulse!important;position:absolute!important;inset:7px!important}@keyframes scanPulse{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.45)}}.device-scan-status{min-height:36px!important;color:var(--green-dark)!important;background:#eaf8ef!important;border-radius:14px!important;align-items:center!important;gap:8px!important;margin-bottom:10px!important;padding:0 11px!important;font-size:11px!important;font-weight:900!important;display:flex!important}.device-scan-status span{background:var(--green)!important;border-radius:999px!important;width:8px!important;height:8px!important;box-shadow:0 0 0 5px #1494471c!important}.device-scan-list{gap:9px!important;display:grid!important}.device-scan-row{border:1px solid var(--line)!important;background:#fff!important;border-radius:18px!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:78px!important;padding:10px!important;display:grid!important;box-shadow:0 8px 18px #0f172a09!important}.device-scan-row h4{color:var(--text)!important;margin:0 0 3px!important;font-size:13.5px!important;font-weight:900!important;line-height:1.15!important}.device-scan-row p{color:#64748b!important;margin:0!important;font-size:10.5px!important;font-weight:750!important;line-height:1.25!important}.device-scan-meta{flex-wrap:wrap!important;gap:5px!important;margin-top:6px!important;display:flex!important}.device-scan-meta span{height:21px!important;color:var(--green-dark)!important;background:#f1f9f4!important;border-radius:999px!important;align-items:center!important;padding:0 7px!important;font-size:9.5px!important;font-weight:900!important;display:inline-flex!important}.device-scan-row>button{color:#fff!important;background:var(--green)!important;border-radius:13px!important;min-width:72px!important;height:34px!important;padding:0 10px!important;font-size:11px!important;font-weight:900!important}.device-scan-row>button:disabled{color:#64748b!important;cursor:not-allowed!important;background:#e5e7eb!important}@media (width<=390px){.device-add-panel,.device-scan-panel{border-radius:21px!important;padding:12px!important}.device-panel-header{gap:9px!important}.device-panel-icon,.device-scan-radar,.device-scan-icon{border-radius:15px!important;width:40px!important;height:40px!important}.device-panel-header h3{font-size:15.5px!important}.device-panel-header p{font-size:10.5px!important}.device-form-preview{gap:8px!important}.device-form-preview div{min-height:76px!important;padding:10px!important}.device-scan-row{grid-template-columns:auto minmax(0,1fr)!important}.device-scan-row>button{grid-column:2!important;justify-self:start!important}}.activity-row,.hiroshi-area-card,.hiroshi-section-head button,.hiroshi-notif-button,.trend-head button{-webkit-tap-highlight-color:transparent!important;cursor:pointer!important}@media (width<=390px){.hiroshi-hero-card{grid-template-columns:1fr .9fr!important;min-height:164px!important;padding:18px 15px!important}.hiroshi-hero-text h2{max-width:145px!important;font-size:23px!important}.hiroshi-hero-text p{max-width:148px!important;font-size:10.8px!important}.hero-dashboard-card{width:118px!important;height:76px!important}.hero-base{width:98px!important;height:47px!important}.hiroshi-metric-card{min-height:116px!important;padding:9px!important}.hiroshi-metric-card strong{font-size:21px!important}.activity-row{grid-template-columns:13px 36px 32px minmax(0,1fr)!important}.activity-row small{display:none!important}.hiroshi-area-grid{gap:7px!important}.hiroshi-area-card{min-height:120px!important;padding:9px!important}.area-bottom svg{width:46px!important}}.hiroshi-home-header{top:calc(8px + env(safe-area-inset-top))!important;z-index:80!important;-webkit-backdrop-filter:blur(18px)saturate(160%)!important;background:#ffffffc7!important;border:1px solid #e6eee9d1!important;border-radius:22px!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;min-height:58px!important;margin:0 0 14px!important;padding:7px 8px!important;display:flex!important;position:sticky!important;box-shadow:0 14px 32px #0f172a14!important}.hiroshi-brand{min-width:0!important;box-shadow:none!important;background:0 0!important;border:0!important;align-items:center!important;gap:10px!important;padding:0!important;display:inline-flex!important}.hiroshi-logo-mark{flex-shrink:0!important;width:38px!important;height:38px!important}.hiroshi-notif-button{width:42px!important;height:42px!important;color:var(--text)!important;background:#ffffffeb!important;border:1px solid #e6eee9f2!important;border-radius:16px!important;flex-shrink:0!important;place-items:center!important;display:grid!important;box-shadow:0 8px 18px #0f172a0f!important}.hiroshi-notif-button i{background:#16a34a!important;border-radius:999px!important;width:10px!important;height:10px!important;position:absolute!important;top:8px!important;right:8px!important;box-shadow:0 0 0 3px #fff!important}.hiroshi-hero-card{scroll-margin-top:84px!important}@media (width<=390px){.hiroshi-home-header{top:calc(6px + env(safe-area-inset-top))!important;border-radius:21px!important;min-height:56px!important;margin-bottom:13px!important;padding:7px 8px!important}.hiroshi-logo-mark{width:36px!important;height:36px!important}.hiroshi-brand h1{font-size:23px!important}.hiroshi-notif-button{border-radius:15px!important;width:40px!important;height:40px!important}.hiroshi-notif-button .svg-icon{width:19px!important;height:19px!important}}.hiroshi-home-header{top:calc(8px + env(safe-area-inset-top))!important;z-index:90!important;-webkit-backdrop-filter:blur(18px)saturate(160%)!important;background:#fffffff0!important;border:1px solid #d6e8ddf2!important;border-radius:22px!important;min-height:58px!important;margin:0 0 16px!important;padding:7px 8px!important;position:sticky!important;box-shadow:0 10px 28px #0f172a13,inset 0 1px #ffffffd9!important}.hiroshi-home-header:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#effaf2eb,#effaf26b);border-radius:26px;position:absolute;inset:-8px -6px}.hiroshi-brand,.hiroshi-notif-button{z-index:2!important;position:relative!important}.hiroshi-logo-mark{filter:drop-shadow(0 6px 12px #14944721)!important}.hiroshi-brand h1{color:#0f172a!important;text-shadow:0 1px #ffffffbf!important}.hiroshi-notif-button{background:#fff!important;border:1px solid #dae8e0f2!important;box-shadow:0 8px 18px #0f172a13!important}@media (width<=390px){.hiroshi-home-header{top:calc(6px + env(safe-area-inset-top))!important;background:#fffffff2!important;border-radius:21px!important;min-height:56px!important;margin-bottom:15px!important}.hiroshi-home-header:before{border-radius:25px;inset:-7px -5px}}.hiroshi-home-header{top:calc(6px + env(safe-area-inset-top))!important;z-index:90!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;transition:background .28s,border-color .28s,box-shadow .28s,-webkit-backdrop-filter .28s,backdrop-filter .28s,padding .28s,min-height .28s,border-radius .28s,transform .28s,margin-bottom .28s!important;display:flex!important;position:sticky!important}.hiroshi-home-header.is-top{min-height:52px!important;box-shadow:none!important;-webkit-backdrop-filter:blur()saturate()!important;background:0 0!important;border:1px solid #0000!important;border-radius:0!important;margin:0 0 14px!important;padding:0!important;transform:translateY(0)!important}.hiroshi-home-header.is-floating{-webkit-backdrop-filter:blur(18px)saturate(160%)!important;background:#ffffffdb!important;border:1px solid #dae8e0f2!important;border-radius:22px!important;min-height:58px!important;margin:0 0 15px!important;padding:7px 8px!important;transform:translateY(0)!important;box-shadow:0 14px 32px #0f172a16,inset 0 1px #ffffffe6!important}.hiroshi-home-header:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(#effaf2db,#effaf247);border-radius:26px;position:absolute;inset:-8px -6px;transition:opacity .28s!important}.hiroshi-brand{z-index:2!important;transition:transform .28s,gap .28s!important;position:relative!important}.hiroshi-home-header.is-top .hiroshi-brand{gap:12px!important;transform:translate(0)!important}.hiroshi-home-header.is-floating .hiroshi-brand{gap:10px!important;transform:translate(0)!important}.hiroshi-logo-mark{transition:width .28s,height .28s,filter .28s!important}.hiroshi-home-header.is-top .hiroshi-logo-mark{filter:none!important;width:44px!important;height:44px!important}.hiroshi-home-header.is-floating .hiroshi-logo-mark{filter:drop-shadow(0 6px 12px #14944721)!important;width:38px!important;height:38px!important}.hiroshi-brand h1{transition:font-size .28s,letter-spacing .28s,text-shadow .28s!important}.hiroshi-home-header.is-top .hiroshi-brand h1{letter-spacing:-.8px!important;text-shadow:none!important;font-size:28px!important}.hiroshi-home-header.is-floating .hiroshi-brand h1{letter-spacing:-.7px!important;text-shadow:0 1px #ffffffbf!important;font-size:24px!important}.hiroshi-notif-button{z-index:2!important;transition:width .28s,height .28s,border-radius .28s,background .28s,border-color .28s,box-shadow .28s!important;position:relative!important}.hiroshi-home-header.is-top .hiroshi-notif-button{width:48px!important;height:48px!important;box-shadow:var(--soft-shadow)!important;background:#fffffff2!important;border-color:#e6eee9f2!important;border-radius:18px!important}.hiroshi-home-header.is-floating .hiroshi-notif-button{background:#fff!important;border-color:#dae8e0f2!important;border-radius:16px!important;width:42px!important;height:42px!important;box-shadow:0 8px 18px #0f172a13!important}.hiroshi-notif-button .svg-icon{transition:width .28s,height .28s!important}.hiroshi-home-header.is-top .hiroshi-notif-button .svg-icon{width:22px!important;height:22px!important}.hiroshi-home-header.is-floating .hiroshi-notif-button .svg-icon{width:20px!important;height:20px!important}@media (width<=390px){.hiroshi-home-header.is-top{min-height:50px!important;margin-bottom:13px!important}.hiroshi-home-header.is-floating{border-radius:21px!important;min-height:56px!important;margin-bottom:14px!important;padding:7px 8px!important}.hiroshi-home-header.is-top .hiroshi-logo-mark{width:40px!important;height:40px!important}.hiroshi-home-header.is-floating .hiroshi-logo-mark{width:36px!important;height:36px!important}.hiroshi-home-header.is-top .hiroshi-brand h1{font-size:25px!important}.hiroshi-home-header.is-floating .hiroshi-brand h1{font-size:23px!important}.hiroshi-home-header.is-top .hiroshi-notif-button{width:44px!important;height:44px!important}.hiroshi-home-header.is-floating .hiroshi-notif-button{width:40px!important;height:40px!important}}.hiroshi-home-header{top:calc(6px + env(safe-area-inset-top))!important;z-index:90!important;will-change:transform, background-color, box-shadow, border-color!important;backface-visibility:hidden!important;border-radius:22px!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;min-height:58px!important;margin:0 0 15px!important;padding:7px 8px!important;transition:background-color .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)!important;display:flex!important;position:sticky!important;transform:translateZ(0)!important}.hiroshi-home-header.is-top{box-shadow:none!important;-webkit-backdrop-filter:blur()!important;background:#fff0!important;border-color:#fff0!important;transform:translate(0,0)scale(1)!important}.hiroshi-home-header.is-floating{-webkit-backdrop-filter:blur(14px)saturate(150%)!important;background:#ffffffe0!important;border-color:#dae8e0f2!important;transform:translate(0,0)scale(.995)!important;box-shadow:0 14px 30px #0f172a16,inset 0 1px #ffffffe6!important}.hiroshi-home-header:before{content:"";z-index:-1;pointer-events:none;opacity:0;will-change:opacity;background:linear-gradient(#effaf2c7,#effaf22e);border-radius:26px;position:absolute;inset:-7px -5px;transition:opacity .22s cubic-bezier(.22,1,.36,1)!important}.hiroshi-home-header.is-floating:before{opacity:1}.hiroshi-home-header.is-top:before{opacity:0}.hiroshi-brand{z-index:2!important;min-width:0!important;box-shadow:none!important;background:0 0!important;border:0!important;align-items:center!important;gap:10px!important;padding:0!important;display:inline-flex!important;position:relative!important;transform:translateZ(0)!important}.hiroshi-logo-mark{will-change:transform, filter!important;transform-origin:50%!important;flex-shrink:0!important;width:38px!important;height:38px!important;transition:transform .22s cubic-bezier(.22,1,.36,1),filter .22s cubic-bezier(.22,1,.36,1)!important}.hiroshi-home-header.is-top .hiroshi-logo-mark{filter:none!important;transform:translateZ(0)scale(1.1)!important}.hiroshi-home-header.is-floating .hiroshi-logo-mark{filter:drop-shadow(0 6px 12px #14944721)!important;transform:translateZ(0)scale(1)!important}.hiroshi-brand h1{letter-spacing:-.7px!important;color:#0f172a!important;transform-origin:0!important;will-change:transform, text-shadow!important;margin:0!important;font-size:24px!important;font-weight:900!important;line-height:1!important;transition:transform .22s cubic-bezier(.22,1,.36,1),text-shadow .22s cubic-bezier(.22,1,.36,1)!important}.hiroshi-home-header.is-top .hiroshi-brand h1{text-shadow:none!important;transform:translateZ(0)scale(1.08)!important}.hiroshi-home-header.is-floating .hiroshi-brand h1{text-shadow:0 1px #ffffffbf!important;transform:translateZ(0)scale(1)!important}.hiroshi-notif-button{z-index:2!important;will-change:transform, background-color, box-shadow, border-color!important;border-radius:16px!important;flex-shrink:0!important;place-items:center!important;width:42px!important;height:42px!important;transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)!important;display:grid!important;position:relative!important;transform:translateZ(0)!important}.hiroshi-home-header.is-top .hiroshi-notif-button{box-shadow:var(--soft-shadow)!important;background:#fffffff2!important;border-color:#e6eee9f2!important;transform:translateZ(0)scale(1.07)!important}.hiroshi-home-header.is-floating .hiroshi-notif-button{background:#fff!important;border-color:#dae8e0f2!important;transform:translateZ(0)scale(1)!important;box-shadow:0 8px 18px #0f172a13!important}.hiroshi-notif-button .svg-icon{width:20px!important;height:20px!important}@media (prefers-reduced-motion:reduce){.hiroshi-home-header,.hiroshi-home-header:before,.hiroshi-logo-mark,.hiroshi-brand h1,.hiroshi-notif-button{transition:none!important}}@media (width<=390px){.hiroshi-home-header{top:calc(6px + env(safe-area-inset-top))!important;border-radius:21px!important;min-height:56px!important;margin-bottom:14px!important;padding:7px 8px!important}.hiroshi-logo-mark{width:36px!important;height:36px!important}.hiroshi-home-header.is-top .hiroshi-logo-mark{transform:translateZ(0)scale(1.08)!important}.hiroshi-brand h1{font-size:23px!important}.hiroshi-home-header.is-top .hiroshi-brand h1{transform:translateZ(0)scale(1.06)!important}.hiroshi-notif-button{border-radius:15px!important;width:40px!important;height:40px!important}.hiroshi-home-header.is-top .hiroshi-notif-button{transform:translateZ(0)scale(1.06)!important}}:root{--fs-xxs:11px;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:23px;--fs-brand:25px}body{font-size:var(--fs-base)!important;line-height:1.45!important}p,span,button,input,small,time{font-size:var(--fs-sm)!important}h1{font-size:var(--fs-brand)!important;line-height:1.12!important}h2{font-size:var(--fs-xl)!important;line-height:1.18!important}h3{font-size:var(--fs-md)!important;line-height:1.2!important}h4{font-size:var(--fs-base)!important;line-height:1.2!important}.hiroshi-brand h1{font-size:25px!important;line-height:1!important}.hiroshi-home-header.is-top .hiroshi-brand h1{font-size:25px!important;transform:translateZ(0)scale(1.04)!important}.hiroshi-home-header.is-floating .hiroshi-brand h1{font-size:25px!important;transform:translateZ(0)scale(.96)!important}.home-header h1{font-size:26px!important}.home-header p{font-size:13px!important}.hiroshi-hero-text h2{font-size:24px!important;line-height:1.1!important}.hiroshi-hero-text p{font-size:13px!important;line-height:1.48!important}.hiroshi-hero-text button{font-size:13px!important}.hiroshi-hero-text button span{font-size:18px!important}.hiroshi-metric-card p{font-size:12px!important;line-height:1.25!important}.hiroshi-metric-card strong{font-size:23px!important;line-height:1!important}.hiroshi-metric-card strong span{font-size:12px!important}.metric-note{font-size:10.5px!important;line-height:1.2!important}.metric-note i{font-size:10px!important}.section-title h2,.home-section-title h2,.hiroshi-section-head h2{font-size:18px!important;line-height:1.2!important}.section-title button,.home-section-title button,.hiroshi-section-head button{font-size:12.5px!important}.hiroshi-section-head button span{font-size:18px!important}.activity-row time{font-size:11.5px!important}.activity-row p{font-size:12.3px!important;line-height:1.35!important}.activity-row small{font-size:10.5px!important}.area-top h3{font-size:12.5px!important;line-height:1.18!important}.area-top span{font-size:10.5px!important}.hiroshi-area-card>p{font-size:11.5px!important}.area-bottom strong{font-size:21px!important}.area-bottom strong span{font-size:10.5px!important}.trend-legend span{font-size:11px!important}.trend-head button{font-size:12px!important}.trend-time{font-size:10.5px!important}.device-page-top h2,.device-page-intro h2,.page-intro h2{font-size:23px!important;line-height:1.15!important}.device-page-top p,.device-page-intro p,.page-intro p{font-size:13px!important;line-height:1.45!important}.device-action-button,.device-action-button span{font-size:13px!important}.device-content h3,.home-device-simple-row h3,.simple-device-content h3,.device-grid-card h3,.home-device-content h3{font-size:14.5px!important;line-height:1.2!important}.device-content p,.home-device-simple-row p,.simple-device-content p,.device-grid-meta span{font-size:12px!important;line-height:1.35!important}.simple-device-meta span{font-size:10.5px!important}.search-box input,.home-search-box input{font-size:13.5px!important}.detail-header span,.selected-area-header span,.form-header span{font-size:11.5px!important}.detail-header h1{font-size:21px!important}.detail-hero-card h2,.detail-hero-text h2{font-size:19px!important}.detail-hero-card p,.detail-hero-text p{font-size:13px!important;line-height:1.45!important}.mini-info-card p{font-size:12px!important}.mini-info-card strong{font-size:22px!important}.selected-area-header h2{font-size:20px!important}.selected-area-header p,.area-chip{font-size:12.5px!important}.tab-bar button{font-size:12px!important}.parameter-list h3{font-size:17px!important}.parameter-row h4{font-size:14px!important}.parameter-row p{font-size:11.8px!important}.parameter-row strong{font-size:16px!important}.parameter-row strong small{font-size:11.5px!important}.automation-mode-card span,.automation-title span{font-size:11px!important}.automation-mode-card h3,.automation-title h3{font-size:15px!important}.automation-mode-card p,.automation-row p,.history-row p{font-size:12px!important}.automation-title small{font-size:11.5px!important}.preset-list button{font-size:12px!important}.area-summary-card p,.notif-summary-card p{font-size:11.5px!important}.area-summary-card strong,.notif-summary-card strong{font-size:21px!important}.area-filter-list button,.notif-filter-list button{font-size:12px!important}.area-group-header h3{font-size:15px!important}.area-group-header p{font-size:12px!important}.area-clean-row h4{font-size:14px!important}.area-clean-row p{font-size:12px!important}.notif-group>h3{font-size:15px!important}.notif-content h4{font-size:14.5px!important}.notif-content span{font-size:11.5px!important}.notif-content p{font-size:12px!important}.notif-content small{font-size:10.5px!important}.profile-card h2{font-size:23px!important}.profile-card p{font-size:13px!important}.profile-grid span{font-size:12.5px!important}.profile-grid strong{font-size:16px!important}.form-header h2{font-size:21px!important}.form-header p,.area-form label{font-size:13px!important}.area-form input,.save-button{font-size:14px!important}.status-badge{font-size:10.8px!important}.toast{font-size:13px!important}.bottom-nav button{font-size:11px!important}@media (width<=390px){body{font-size:13.5px!important}.hiroshi-brand h1,.hiroshi-home-header.is-top .hiroshi-brand h1,.hiroshi-home-header.is-floating .hiroshi-brand h1{font-size:23.5px!important}.hiroshi-hero-text h2{font-size:23px!important}.hiroshi-hero-text p{font-size:12px!important}.hiroshi-metric-card p{font-size:11px!important}.hiroshi-metric-card strong{font-size:21px!important}.metric-note{font-size:9.8px!important}.activity-row p,.area-top h3{font-size:11.5px!important}.area-top span{font-size:9.8px!important}.device-page-top h2,.device-page-intro h2,.page-intro h2{font-size:22px!important}.device-content h3,.home-device-simple-row h3,.simple-device-content h3{font-size:14px!important}.device-content p,.home-device-simple-row p,.simple-device-content p{font-size:11.5px!important}.detail-header h1{font-size:20px!important}.detail-hero-card h2,.detail-hero-text h2{font-size:18px!important}.detail-hero-card p,.detail-hero-text p{font-size:12px!important}.tab-bar button{font-size:11.5px!important}.bottom-nav button{font-size:10.8px!important}}.bottom-nav{left:50%!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;z-index:100!important;-webkit-backdrop-filter:blur(18px)saturate(160%)!important;background:#ffffffe6!important;border:1px solid #dae8e0f2!important;border-radius:27px!important;grid-template-columns:repeat(5,1fr)!important;align-items:center!important;gap:4px!important;width:min(100% - 32px,488px)!important;min-height:70px!important;padding:9px 10px 11px!important;display:grid!important;position:fixed!important;overflow:hidden!important;transform:translate(-50%)translateZ(0)!important;box-shadow:0 18px 42px #0f172a21,inset 0 1px #ffffffe6!important}.bottom-nav:before{content:""!important;z-index:0!important;will-change:transform!important;background:radial-gradient(circle at 30% 18%,#ffffff47,#0000 38%),linear-gradient(135deg,#1494472e,#1494471a)!important;border:1px solid #1494471f!important;border-radius:20px!important;width:calc(20% - 7.2px)!important;height:calc(100% - 20px)!important;transition:transform .28s cubic-bezier(.22,1,.36,1)!important;position:absolute!important;top:9px!important;left:10px!important;transform:translate(0,0)!important;box-shadow:inset 0 1px #ffffff73!important}.bottom-nav.nav-beranda:before{transform:translate(0,0)!important}.bottom-nav.nav-perangkat:before{transform:translate(calc(100% + 4px))!important}.bottom-nav.nav-area:before{transform:translate(calc(200% + 8px))!important}.bottom-nav.nav-notifikasi:before{transform:translate(calc(300% + 12px))!important}.bottom-nav.nav-akun:before{transform:translate(calc(400% + 16px))!important}.bottom-nav button{z-index:2!important;color:#718096!important;background:0 0!important;border-radius:19px!important;align-content:center!important;justify-items:center!important;gap:5px!important;height:50px!important;font-size:11px!important;font-weight:900!important;line-height:1!important;transition:color .24s,transform .24s cubic-bezier(.22,1,.36,1),opacity .24s!important;display:grid!important;position:relative!important;transform:translateZ(0)!important}.bottom-nav button.active{color:var(--green)!important;background:0 0!important;transform:translateY(-2px)!important}.bottom-nav button:not(.active):active{transform:scale(.96)!important}.bottom-nav button.active:after{content:""!important;background:var(--green)!important;border-radius:999px!important;width:5px!important;height:5px!important;margin-top:1px!important;animation:.26s cubic-bezier(.22,1,.36,1) both navDotPop!important;box-shadow:0 0 0 4px #1494471a!important}@keyframes navDotPop{0%{opacity:0;transform:translateY(3px)scale(.4)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=390px){.bottom-nav{border-radius:25px!important;width:min(100% - 20px,488px)!important;min-height:68px!important;padding:8px 9px 10px!important}.bottom-nav:before{border-radius:18px!important;width:calc(20% - 6.8px)!important;height:calc(100% - 18px)!important;top:8px!important;left:9px!important}.bottom-nav button{border-radius:17px!important;height:48px!important;font-size:10.8px!important}.bottom-nav button .svg-icon{width:19px!important;height:19px!important}}@media (prefers-reduced-motion:reduce){.bottom-nav:before,.bottom-nav button,.bottom-nav button .svg-icon,.bottom-nav button.active:after{transition:none!important;animation:none!important}}.bottom-nav{z-index:100!important;width:min(100%,520px)!important;min-height:calc(76px + env(safe-area-inset-bottom))!important;padding:9px 12px calc(10px + env(safe-area-inset-bottom))!important;-webkit-backdrop-filter:blur(18px)saturate(160%)!important;background:#fffffffa!important;border:1px solid #dae8e0f2!important;border-bottom:0!important;border-radius:26px 26px 0 0!important;grid-template-columns:repeat(5,1fr)!important;align-items:center!important;gap:6px!important;display:grid!important;position:fixed!important;bottom:0!important;left:50%!important;overflow:hidden!important;transform:translate(-50%)translateZ(0)!important;box-shadow:0 -12px 34px #0f172a1c,inset 0 1px #ffffffe6!important}.bottom-nav:before{content:none!important;display:none!important}.bottom-nav button{z-index:2!important;color:#7b8794!important;background:0 0!important;border-radius:18px!important;align-content:center!important;justify-items:center!important;gap:5px!important;height:56px!important;padding:6px 4px!important;font-size:11px!important;font-weight:900!important;line-height:1!important;transition:color .22s,background-color .22s,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s!important;display:grid!important;position:relative!important;transform:translateZ(0)!important}.bottom-nav button .svg-icon{width:21px!important;height:21px!important;transition:transform .22s cubic-bezier(.22,1,.36,1),stroke-width .22s!important}.bottom-nav button span{white-space:nowrap!important;font-size:10.8px!important;font-weight:900!important;line-height:1!important;transition:opacity .22s,transform .22s!important}.bottom-nav button.active{color:var(--green)!important;background:linear-gradient(#14944721,#14944714)!important;transform:translateY(-2px)!important;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #14944714!important}.bottom-nav button.active .svg-icon{stroke-width:2.45px!important;transform:translateY(-2px)scale(1.08)!important}.bottom-nav button.active span{transform:translateY(-1px)!important}.bottom-nav button.active:after{content:""!important;background:var(--green)!important;border-radius:999px!important;width:5px!important;height:5px!important;animation:.22s cubic-bezier(.22,1,.36,1) both navActiveDot!important;position:absolute!important;bottom:5px!important;left:50%!important;transform:translate(-50%)scale(1)!important;box-shadow:0 0 0 4px #1494471a!important}@keyframes navActiveDot{0%{opacity:0;transform:translate(-50%)translateY(3px)scale(.45)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.bottom-nav button.active:active{transform:translateY(-2px)scale(.97)!important}@media (width<=390px){.bottom-nav{width:100%!important;min-height:calc(74px + env(safe-area-inset-bottom))!important;padding:8px 10px calc(10px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important;gap:4px!important}.bottom-nav button{border-radius:17px!important;height:54px!important;font-size:10.5px!important}.bottom-nav button .svg-icon{width:20px!important;height:20px!important}.bottom-nav button span{font-size:10.4px!important}.bottom-nav button.active:after{bottom:4px!important}}@media (prefers-reduced-motion:reduce){.bottom-nav button,.bottom-nav button .svg-icon,.bottom-nav button span,.bottom-nav button.active:after{transition:none!important;animation:none!important}}.device-detail-v2-header{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:16px;display:grid}.device-detail-back{width:54px;height:54px;color:var(--text);box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:18px;place-items:center;font-size:34px;line-height:1;display:grid}.device-detail-v2-header h1{color:var(--text);letter-spacing:-.7px;margin:0;font-size:24px;font-weight:900;line-height:1.1}.device-detail-status{min-width:108px;height:44px;color:var(--green-dark);box-shadow:var(--soft-shadow);background:#fffffff5;border:1px solid #e6eee9f2;border-radius:18px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:14px;font-weight:900;display:inline-flex}.device-detail-status i{background:var(--green);border-radius:999px;width:10px;height:10px}.device-visual-hero{color:#fff;background:radial-gradient(circle at 78% 28%,#ffffff2e,#0000 32%),linear-gradient(135deg,#22c55e 0%,#16a34a 45%,#04793b 100%);border-radius:28px;grid-template-columns:1fr 1fr;align-items:center;gap:8px;min-height:180px;margin-bottom:16px;padding:22px 20px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #14944738}.device-visual-hero.blue{background:radial-gradient(circle at 78% 28%,#ffffff2e,#0000 32%),linear-gradient(135deg,#3b82f6,#0369a1);box-shadow:0 18px 40px #2563eb2e}.device-visual-hero.orange{background:radial-gradient(circle at 78% 28%,#ffffff2e,#0000 32%),linear-gradient(135deg,#f97316,#c2410c);box-shadow:0 18px 40px #f973162e}.device-visual-hero.teal{background:radial-gradient(circle at 78% 28%,#ffffff2e,#0000 32%),linear-gradient(135deg,#14b8a6,#0f766e);box-shadow:0 18px 40px #14b8a62e}.device-visual-hero.yellow{background:radial-gradient(circle at 78% 28%,#ffffff2e,#0000 32%),linear-gradient(135deg,#eab308,#a16207);box-shadow:0 18px 40px #eab3082e}.device-visual-hero:after{content:"";border:1px solid #ffffff2e;border-radius:999px;width:250px;height:250px;position:absolute;bottom:-90px;right:-70px}.device-last-update{color:#fff;align-items:center;gap:8px;font-size:12.5px;font-weight:800;display:inline-flex}.device-visual-image{z-index:2;justify-content:center;align-items:center;height:145px;display:flex;position:relative}.device-visual-image img{object-fit:contain;filter:drop-shadow(0 18px 24px #00000038);width:100%;height:100%;transform:scale(1.22)}.device-visual-fallback .svg-icon{width:54px;height:54px}.operation-card,.component-monitor-card{box-shadow:var(--soft-shadow);background:#fffffff7;border:1px solid #e6eee9f2;border-radius:26px;margin-bottom:16px;padding:18px}.operation-title,.component-monitor-title{grid-template-columns:auto 1fr;align-items:center;gap:12px;margin-bottom:16px;display:grid}.operation-icon,.component-title-icon{width:44px;height:44px;color:var(--green);background:var(--green-light);border-radius:16px;place-items:center;display:grid}.operation-icon .svg-icon,.component-title-icon .svg-icon{width:21px;height:21px}.operation-title h2,.component-monitor-title h2{color:var(--text);letter-spacing:-.4px;margin:0 0 4px;font-size:20px;font-weight:900;line-height:1.15}.operation-title p,.component-monitor-title p{color:#64748b;margin:0;font-size:13px;font-weight:650;line-height:1.35}.operation-switcher{border:1px solid var(--line);background:#f8fbf9;border-radius:18px;grid-template-columns:repeat(2,1fr);gap:5px;height:58px;margin-bottom:14px;padding:5px;display:grid}.operation-option{color:#64748b;background:0 0;border-radius:15px;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:900;display:inline-flex}.advanced-setting-row{text-align:left;width:100%;min-height:72px;color:var(--text);border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.advanced-icon{color:#64748b;background:#f1f5f3;border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.advanced-setting-row h3{color:var(--text);margin:0 0 4px;font-size:15px;font-weight:900}.advanced-setting-row p{color:#64748b;margin:0;font-size:12.5px;font-weight:650;line-height:1.35}.advanced-setting-row>span{color:#64748b;font-size:28px}.quick-stat-v2-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.quick-stat-v2-card{min-height:92px;color:var(--text);box-shadow:var(--soft-shadow);background:#fffffff7;border:1px solid #e6eee9f2;border-radius:20px;align-content:center;gap:5px;padding:12px;display:grid}.quick-stat-v2-card div{width:34px;height:34px;color:var(--green);background:var(--green-light);border-radius:13px;place-items:center;display:grid}.quick-stat-v2-card p{color:#64748b;margin:0;font-size:11.5px;font-weight:800}.quick-stat-v2-card strong{color:var(--text);letter-spacing:-.5px;font-size:20px;font-weight:900;line-height:1}.component-group-label{width:max-content;height:26px;color:var(--green-dark);text-transform:uppercase;background:#dff5e7;border-radius:999px;align-items:center;gap:7px;margin:4px 0 10px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.component-group-label i{background:var(--green);border-radius:999px;width:8px;height:8px}.visual-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.visual-component-card{text-align:left;min-height:220px;color:var(--text);border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-rows:92px 1fr;gap:10px;padding:14px;display:grid;overflow:hidden;box-shadow:0 10px 22px #0f172a0b}.component-illustration{background:radial-gradient(circle at 50% 78%,#1494472e,#0000 38%),linear-gradient(#f7fbf8,#eef8f2);border-radius:18px;place-items:center;min-height:92px;display:grid;position:relative;overflow:hidden}.component-illustration.water{background:radial-gradient(circle at 50% 78%,#14b8a629,#0000 38%),linear-gradient(#f7fbf8,#effbfa)}.component-illustration.fan{background:radial-gradient(circle at 50% 78%,#0f172a1f,#0000 38%),linear-gradient(#f8fafc,#eef2f4)}.component-illustration.lamp{background:radial-gradient(circle at 50% 76%,#f59e0b38,#0000 38%),linear-gradient(#fffdf4,#fff7dd)}.component-illustration.power{background:radial-gradient(circle at 50% 78%,#f59e0b2e,#0000 38%),linear-gradient(#fffdf4,#fff7dd)}.component-device-shape{z-index:2;width:62px;height:72px;color:var(--green);background:linear-gradient(#fffffffa,#ecf4f0fa);border:1px solid #dae8e0f2;border-radius:24px;place-items:center;display:grid;position:relative;box-shadow:0 16px 20px #0f172a1f,inset 0 1px #fffffff2}.component-illustration.fan .component-device-shape{color:#111827;border-radius:20px;width:82px;height:72px}.component-illustration.lamp .component-device-shape,.component-illustration.power .component-device-shape{color:#f59e0b}.component-illustration.water .component-device-shape{color:#14b8a6}.component-bubble{z-index:1;background:#1494471f;border-radius:999px;position:absolute}.component-illustration.water .component-bubble{background:#14b8a624}.component-illustration.lamp .component-bubble,.component-illustration.power .component-bubble{background:#f59e0b24}.component-card-content{align-content:start;min-width:0;display:grid}.component-card-content h3{min-height:35px;color:var(--text);letter-spacing:-.2px;margin:0 0 6px;font-size:14px;font-weight:900;line-height:1.22}.component-badge{width:max-content;height:24px;color:var(--green-dark);background:#dff5e7;border-radius:999px;align-items:center;margin-bottom:9px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.component-card-content strong{color:var(--text);letter-spacing:-.6px;align-items:flex-end;gap:4px;margin-bottom:7px;font-size:24px;font-weight:900;line-height:1;display:flex}.component-card-content strong small{color:#475569;letter-spacing:0;margin-bottom:2px;font-size:11px;font-weight:800}.component-card-content p{color:#64748b;margin:0 0 8px;font-size:11.5px;font-weight:650;line-height:1.35}.component-mini-chart{width:100%;height:38px;color:var(--green);margin-top:auto}.component-mini-chart path{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.component-pwm-bar{background:#e5e7eb;border-radius:999px;height:9px;margin-top:4px;position:relative;overflow:hidden}.component-pwm-bar span{border-radius:inherit;background:var(--green);height:100%;display:block}.component-pwm-bar i{background:var(--green);border:3px solid #fff;border-radius:999px;width:16px;height:16px;position:absolute;top:50%;left:30%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #14944740}.component-toggle-preview{color:#64748b;border:1px solid var(--line);background:#f8fbf9;border-radius:13px;justify-content:space-between;align-items:center;gap:8px;min-height:40px;margin-top:4px;padding:0 10px;font-size:11.5px;font-weight:800;display:flex}.component-toggle-preview b{background:var(--green);border-radius:999px;width:38px;height:22px;padding:3px;position:relative}.component-toggle-preview b:after{content:"";background:#fff;border-radius:999px;width:16px;height:16px;position:absolute;top:3px;right:3px}@media (width<=390px){.device-detail-v2-header{gap:10px;margin-bottom:14px}.device-detail-back{border-radius:17px;width:48px;height:48px}.device-detail-v2-header h1{font-size:21px}.device-detail-status{border-radius:16px;min-width:92px;height:40px;padding:0 12px;font-size:12.5px}.device-visual-hero{border-radius:24px;grid-template-columns:1fr .95fr;min-height:168px;padding:19px 16px}.device-visual-text h2{margin-bottom:11px;font-size:24px}.device-visual-text p{max-width:165px;margin-bottom:18px;font-size:12px}.device-last-update{font-size:10.8px}.device-last-update .svg-icon{width:16px;height:16px}.device-visual-image{height:126px}.device-visual-image img{transform:scale(1.2)}.operation-card,.component-monitor-card{border-radius:24px;padding:15px}.operation-title,.component-monitor-title{gap:10px;margin-bottom:14px}.operation-icon,.component-title-icon{border-radius:15px;width:40px;height:40px}.operation-title h2,.component-monitor-title h2{font-size:18px}.operation-title p,.component-monitor-title p{font-size:12px}.operation-switcher{height:54px}.operation-option{font-size:13px}.advanced-setting-row{min-height:66px}.advanced-icon{width:40px;height:40px}.advanced-setting-row h3{font-size:14px}.advanced-setting-row p{font-size:11.5px}.quick-stat-v2-grid{gap:8px}.quick-stat-v2-card{border-radius:18px;min-height:86px;padding:10px}.quick-stat-v2-card div{border-radius:12px;width:31px;height:31px}.quick-stat-v2-card p{font-size:10.8px}.quick-stat-v2-card strong{font-size:18px}.visual-component-grid{gap:10px}.visual-component-card{border-radius:20px;grid-template-rows:84px 1fr;min-height:212px;padding:11px}.component-illustration{border-radius:17px;min-height:84px}.component-device-shape{border-radius:21px;width:56px;height:66px}.component-device-shape .svg-icon{width:27px;height:27px}.component-card-content h3{min-height:32px;font-size:12.8px}.component-badge{height:22px;font-size:10px}.component-card-content strong{font-size:21px}.component-card-content p{font-size:10.8px}}.device-detail-v2-header{gap:10px!important;margin-bottom:12px!important}.device-detail-back{border-radius:16px!important;width:46px!important;height:46px!important;font-size:30px!important}.device-detail-v2-header h1{letter-spacing:-.4px!important;font-size:20px!important}.device-detail-status{border-radius:15px!important;gap:7px!important;min-width:84px!important;height:38px!important;padding:0 11px!important;font-size:11.5px!important}.device-detail-status i{width:7px!important;height:7px!important}.device-visual-hero{border-radius:24px!important;grid-template-columns:1fr .95fr!important;min-height:158px!important;margin-bottom:13px!important;padding:18px 16px!important}.device-visual-text h2{margin-bottom:9px!important;font-size:20px!important;line-height:1.1!important}.device-visual-text p{max-width:170px!important;margin-bottom:16px!important;font-size:11.5px!important;line-height:1.4!important}.device-last-update{gap:6px!important;font-size:10.5px!important}.device-last-update .svg-icon{width:15px!important;height:15px!important}.device-visual-image{height:116px!important}.device-visual-image img{transform:scale(1.18)!important}.operation-card{border-radius:22px!important;margin-bottom:12px!important;padding:14px!important}.operation-title{gap:10px!important;margin-bottom:12px!important}.operation-icon{border-radius:14px!important;width:38px!important;height:38px!important}.operation-icon .svg-icon{width:18px!important;height:18px!important}.operation-title h2{margin-bottom:3px!important;font-size:16px!important}.operation-title p{font-size:11.5px!important}.operation-switcher{border-radius:16px!important;height:50px!important;margin-bottom:11px!important;padding:4px!important}.operation-option{border-radius:13px!important;gap:7px!important;font-size:12px!important}.operation-option .svg-icon{width:17px!important;height:17px!important}.advanced-setting-row{border-radius:16px!important;gap:10px!important;min-height:60px!important;padding:10px!important}.advanced-icon{border-radius:13px!important;width:38px!important;height:38px!important}.advanced-icon .svg-icon{width:18px!important;height:18px!important}.advanced-setting-row h3{margin-bottom:2px!important;font-size:13px!important}.advanced-setting-row p{font-size:10.8px!important;line-height:1.3!important}.advanced-setting-row>span{font-size:22px!important}.quick-stat-v2-grid{gap:8px!important;margin-bottom:12px!important}.quick-stat-v2-card{border-radius:17px!important;align-content:center!important;gap:4px!important;min-height:78px!important;padding:10px!important}.quick-stat-v2-card div{border-radius:11px!important;width:30px!important;height:30px!important}.quick-stat-v2-card .svg-icon{width:16px!important;height:16px!important}.quick-stat-v2-card p{font-size:10.5px!important}.quick-stat-v2-card strong{font-size:17px!important}.component-monitor-card{border-radius:23px!important;margin-bottom:16px!important;padding:14px!important}.component-monitor-title{gap:10px!important;margin-bottom:12px!important}.component-title-icon{border-radius:14px!important;width:38px!important;height:38px!important}.component-title-icon .svg-icon{width:18px!important;height:18px!important}.component-monitor-title h2{margin-bottom:3px!important;font-size:16px!important}.component-monitor-title p{font-size:10.8px!important;line-height:1.3!important}.component-group-label{border-radius:999px!important;gap:6px!important;height:24px!important;margin:3px 0 9px!important;padding:0 10px!important;font-size:10px!important}.component-group-label.actuator{margin-top:14px!important}.component-group-label i{width:7px!important;height:7px!important}.visual-component-grid{gap:9px!important}.visual-component-card{border-radius:18px!important;grid-template-rows:68px 1fr!important;gap:8px!important;min-height:178px!important;padding:10px!important;box-shadow:0 8px 18px #0f172a0b!important}.component-illustration{border-radius:15px!important;min-height:68px!important}.component-device-shape{border-radius:18px!important;width:50px!important;height:54px!important}.component-device-shape .svg-icon{width:23px!important;height:23px!important}.component-illustration.fan .component-device-shape{border-radius:17px!important;width:58px!important;height:54px!important}.bubble-one{width:26px!important;height:26px!important;top:14px!important;right:13px!important}.bubble-two{width:14px!important;height:14px!important;bottom:15px!important;right:40px!important}.component-card-content h3{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;min-height:28px!important;margin-bottom:5px!important;font-size:11.8px!important;line-height:1.18!important;display:-webkit-box!important;overflow:hidden!important}.component-badge{height:20px!important;margin-bottom:7px!important;padding:0 8px!important;font-size:9.5px!important}.component-card-content strong{margin-bottom:5px!important;font-size:19px!important;line-height:1!important}.component-card-content strong small{margin-bottom:1px!important;font-size:9.5px!important}.component-card-content p{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;min-height:28px!important;margin-bottom:6px!important;font-size:9.8px!important;line-height:1.28!important;display:-webkit-box!important;overflow:hidden!important}.component-mini-chart{height:28px!important}.component-mini-chart path{stroke-width:3.4px!important}.component-toggle-preview{border-radius:11px!important;min-height:32px!important;margin-top:3px!important;padding:0 8px!important;font-size:9.5px!important}.component-toggle-preview b{width:32px!important;height:19px!important;padding:3px!important}.component-toggle-preview b:after{width:13px!important;height:13px!important}.component-pwm-bar{height:7px!important;margin-top:3px!important}.component-pwm-bar i{border-width:2px!important;width:13px!important;height:13px!important}.actuator-card .component-card-content h3{min-height:28px!important}.actuator-card .component-card-content p{min-height:26px!important}.component-monitor-card{margin-bottom:24px!important}@media (width<=390px){.device-visual-hero{min-height:150px!important;padding:16px 14px!important}.device-visual-text h2{font-size:19px!important}.device-visual-text p{max-width:155px!important;font-size:10.8px!important}.device-visual-image{height:106px!important}.visual-component-grid{gap:8px!important}.visual-component-card{border-radius:17px!important;grid-template-rows:64px 1fr!important;min-height:172px!important;padding:9px!important}.component-illustration{min-height:64px!important}.component-device-shape{width:46px!important;height:50px!important}.component-card-content h3{font-size:11.2px!important}.component-card-content strong{font-size:18px!important}.component-card-content p{font-size:9.4px!important}.component-toggle-preview span{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:58px!important;overflow:hidden!important}}.quick-stat-v2-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:center!important;align-items:stretch!important;gap:10px!important;display:grid!important}.quick-stat-v2-card{text-align:center!important;align-content:center!important;place-items:center!important;gap:6px!important}.quick-stat-v2-card div{margin:0 auto!important}.quick-stat-v2-card p{text-align:center!important;width:100%!important;margin:0!important}.quick-stat-v2-card strong{text-align:center!important;width:100%!important;display:block!important}@media (width<=390px){.quick-stat-v2-grid{gap:8px!important}.quick-stat-v2-card{min-height:82px!important;padding:10px 6px!important}.quick-stat-v2-card p{font-size:10.5px!important}.quick-stat-v2-card strong{font-size:17px!important}}.notification-intro{grid-template-columns:1fr auto!important;align-items:start!important;gap:12px!important;margin-bottom:14px!important;display:grid!important}.notification-intro h2{letter-spacing:-.6px!important;margin-bottom:7px!important;font-size:23px!important;line-height:1.12!important}.notification-intro p{max-width:270px!important;font-size:12.5px!important;line-height:1.45!important}.notification-intro button{height:34px!important;color:var(--green-dark)!important;white-space:nowrap!important;background:#dff5e7f2!important;border:1px solid #14944714!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;padding:0 12px!important;font-size:11.5px!important;font-weight:900!important;display:inline-flex!important;box-shadow:0 8px 18px #1494470e!important}.notif-summary-grid{gap:10px!important;margin-bottom:13px!important}.notif-summary-card{border-radius:22px!important;align-content:center!important;gap:6px!important;min-height:94px!important;padding:12px 8px!important}.notif-summary-card div{border-radius:14px!important;width:38px!important;height:38px!important}.notif-summary-card .svg-icon{width:19px!important;height:19px!important}.notif-summary-card p{margin:0!important;font-size:11.2px!important;font-weight:900!important;line-height:1.2!important}.notif-summary-card strong{font-size:22px!important;line-height:1!important}.notif-filter-list{scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;gap:8px!important;margin:0 -24px 13px 0!important;padding:1px 24px 4px 0!important;scroll-padding-left:0!important;display:flex!important;overflow:auto hidden!important}.notif-filter-list::-webkit-scrollbar{display:none!important}.notif-filter-list button{color:#64748b!important;white-space:nowrap!important;background:#fffffffa!important;border:1px solid #e6eee9f2!important;border-radius:999px!important;min-width:max-content!important;height:38px!important;padding:0 15px!important;font-size:11.5px!important;font-weight:900!important;box-shadow:0 8px 18px #0f172a0b!important}.notif-filter-list button.active{color:#fff!important;background:var(--green)!important;border-color:var(--green)!important;box-shadow:0 10px 22px #1494472e!important}.notif-group-list{gap:14px!important;padding-bottom:110px!important}.notif-group{gap:8px!important}.notif-group>h3{color:#334155!important;letter-spacing:-.25px!important;margin:0 0 2px!important;font-size:15px!important;font-weight:900!important;line-height:1.2!important}.notif-card-list{gap:9px!important}.notif-row{background:#fffffffa!important;border:1px solid #e6eee9f2!important;border-radius:22px!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:start!important;gap:12px!important;min-height:92px!important;padding:13px!important;display:grid!important;overflow:hidden!important;box-shadow:0 10px 24px #0f172a0d!important}.notif-row.unread{border-color:#14944733!important;box-shadow:0 12px 26px #0f172a0e,inset 0 0 0 1px #14944706!important}.notif-kind-icon{border-radius:17px!important;width:46px!important;height:46px!important}.notif-kind-icon .svg-icon{width:21px!important;height:21px!important}.notif-content{gap:5px!important;min-width:0!important;display:grid!important}.notif-content>div{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important;margin-bottom:0!important;display:grid!important}.notif-content h4{min-width:0!important;color:var(--text)!important;letter-spacing:-.15px!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;margin:0!important;font-size:14px!important;font-weight:900!important;line-height:1.24!important;display:-webkit-box!important;overflow:hidden!important}.notif-content span{color:#64748b!important;text-align:right!important;white-space:nowrap!important;min-width:42px!important;padding-right:16px!important;font-size:11.5px!important;font-weight:900!important;line-height:1.2!important}.notif-content p{color:#5b6676!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;margin:0!important;font-size:12px!important;font-weight:650!important;line-height:1.36!important;display:-webkit-box!important;overflow:hidden!important}.notif-content small{width:max-content!important;height:27px!important;color:var(--green-dark)!important;background:#eaf8ef!important;border-radius:999px!important;align-items:center!important;margin-top:5px!important;padding:0 11px!important;font-size:10.5px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}.notif-row>i{background:var(--green)!important;border-radius:999px!important;width:10px!important;height:10px!important;position:absolute!important;top:17px!important;right:14px!important;box-shadow:0 0 0 5px #1494471c!important}.notif-row.peringatan .notif-kind-icon{color:#f97316!important;background:#fff3e8!important}.notif-row.otomatis .notif-kind-icon{color:var(--green)!important;background:#eaf8ef!important}.notif-row.sensor .notif-kind-icon{color:#2563eb!important;background:#eaf2ff!important}.notif-row.sistem .notif-kind-icon{color:var(--green)!important;background:#eaf8ef!important}.notif-empty-card{border-radius:24px!important;min-height:160px!important}@media (width<=390px){.notification-intro{margin-bottom:12px!important}.notification-intro h2{font-size:22px!important}.notification-intro p{font-size:12px!important}.notification-intro button{height:32px!important;padding:0 11px!important;font-size:10.8px!important}.notif-summary-grid{gap:8px!important}.notif-summary-card{border-radius:20px!important;min-height:88px!important;padding:10px 7px!important}.notif-summary-card div{width:35px!important;height:35px!important}.notif-summary-card p{font-size:10.8px!important}.notif-summary-card strong{font-size:20px!important}.notif-filter-list{gap:7px!important;margin-right:-18px!important;padding-right:18px!important}.notif-filter-list button{height:36px!important;padding:0 13px!important;font-size:10.8px!important}.notif-row{border-radius:20px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:11px!important;min-height:88px!important;padding:12px!important}.notif-kind-icon{border-radius:16px!important;width:43px!important;height:43px!important}.notif-kind-icon .svg-icon{width:19px!important;height:19px!important}.notif-content h4{font-size:13.5px!important}.notif-content span{min-width:39px!important;padding-right:15px!important;font-size:10.8px!important}.notif-content p{font-size:11.5px!important}.notif-content small{height:25px!important;padding:0 10px!important;font-size:10px!important}.notif-row>i{width:9px!important;height:9px!important;top:16px!important;right:12px!important}}.account-intro{margin-bottom:14px!important}.account-intro h2{letter-spacing:-.6px!important;margin-bottom:6px!important;font-size:24px!important;line-height:1.12!important}.account-intro p{max-width:310px!important;font-size:13px!important;line-height:1.45!important}.admin-profile-card{background:#fffffffa!important;border:1px solid #e6eee9f2!important;border-radius:28px!important;margin-bottom:14px!important;padding:22px 18px!important;box-shadow:0 16px 38px #0f172a14!important}.admin-profile-top{text-align:center!important;justify-items:center!important;display:grid!important}.admin-avatar{width:82px!important;height:82px!important;color:var(--green)!important;background:radial-gradient(circle at 30% 18%,#ffffffb3,#0000 32%),linear-gradient(#eaf8ef,#dff5e7)!important;border-radius:28px!important;place-items:center!important;margin-bottom:14px!important;display:grid!important;box-shadow:inset 0 1px #ffffffe6,0 12px 24px #14944714!important}.admin-avatar .svg-icon{stroke-width:2.3px!important;width:36px!important;height:36px!important}.admin-profile-top h2{color:var(--text)!important;letter-spacing:-.7px!important;margin:0 0 7px!important;font-size:24px!important;font-weight:900!important;line-height:1.12!important}.admin-profile-top p{color:#64748b!important;margin:0 0 18px!important;font-size:13px!important;font-weight:650!important;line-height:1.4!important}.admin-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;display:grid!important}.admin-status-grid div{border:1px solid var(--line)!important;background:#f8fbf9!important;border-radius:20px!important;align-content:center!important;justify-items:center!important;gap:6px!important;min-height:76px!important;padding:14px 10px!important;display:grid!important}.admin-status-grid span{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:900!important}.admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-bottom:14px!important;display:grid!important}.admin-summary-grid button{text-align:center!important;min-height:100px!important;color:var(--text)!important;box-shadow:var(--soft-shadow)!important;background:#fffffffa!important;border:1px solid #e6eee9f2!important;border-radius:21px!important;align-content:center!important;justify-items:center!important;gap:6px!important;padding:12px 8px!important;display:grid!important}.admin-summary-grid button div{width:36px!important;height:36px!important;color:var(--green)!important;background:var(--green-light)!important;border-radius:14px!important;place-items:center!important;display:grid!important}.admin-summary-grid button .svg-icon{width:18px!important;height:18px!important}.admin-summary-grid strong{color:var(--text)!important;letter-spacing:-.5px!important;font-size:23px!important;font-weight:900!important;line-height:1!important}.admin-summary-grid span{color:#64748b!important;font-size:10.8px!important;font-weight:900!important;line-height:1.15!important}.account-info-card,.account-menu-card{box-shadow:var(--soft-shadow)!important;background:#fffffffa!important;border:1px solid #e6eee9f2!important;border-radius:24px!important;margin-bottom:14px!important;padding:15px!important}.account-section-title>div{width:38px!important;height:38px!important;color:var(--green)!important;background:var(--green-light)!important;border-radius:14px!important;place-items:center!important;display:grid!important}.account-section-title .svg-icon{width:18px!important;height:18px!important}.account-section-title h3{color:var(--text)!important;letter-spacing:-.35px!important;margin:0!important;font-size:17px!important;font-weight:900!important;line-height:1.15!important}.account-info-list{gap:9px!important;display:grid!important}.account-info-list div{border:1px solid var(--line)!important;background:#f8fbf9!important;border-radius:16px!important;align-content:center!important;gap:4px!important;min-height:54px!important;padding:10px 12px!important;display:grid!important}.account-info-list span{color:#64748b!important;font-size:11px!important;font-weight:850!important}.account-info-list strong{color:var(--text)!important;font-size:13px!important;font-weight:900!important;line-height:1.25!important}.account-menu-list button{text-align:left!important;width:100%!important;min-height:66px!important;color:var(--text)!important;border:1px solid var(--line)!important;background:#fff!important;border-radius:18px!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;padding:11px!important;display:grid!important;box-shadow:0 8px 18px #0f172a09!important}.account-menu-icon{width:40px!important;height:40px!important;color:var(--green)!important;background:var(--green-light)!important;border-radius:15px!important;place-items:center!important;display:grid!important}.account-menu-icon .svg-icon{width:19px!important;height:19px!important}.account-menu-list h4{color:var(--text)!important;margin:0 0 4px!important;font-size:13.5px!important;font-weight:900!important;line-height:1.16!important}.account-menu-list p{color:#64748b!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;margin:0!important;font-size:11.3px!important;font-weight:650!important;line-height:1.3!important;display:-webkit-box!important;overflow:hidden!important}.account-menu-list button>span{color:#94a3b8!important;font-size:24px!important;line-height:1!important}.account-logout-button{color:#b91c1c!important;background:#fff1f2!important;border:1px solid #f871712e!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;gap:9px!important;width:100%!important;height:52px!important;margin:2px 0 26px!important;font-size:14px!important;font-weight:900!important;display:inline-flex!important;box-shadow:0 10px 22px #b91c1c0e!important}.account-logout-button .svg-icon{width:19px!important;height:19px!important}@media (width<=390px){.account-intro h2{font-size:23px!important}.account-intro p{font-size:12.5px!important}.admin-profile-card{border-radius:26px!important;padding:20px 16px!important}.admin-avatar{border-radius:26px!important;width:76px!important;height:76px!important}.admin-profile-top h2{font-size:22px!important}.admin-profile-top p{font-size:12.3px!important}.admin-status-grid{gap:10px!important}.admin-status-grid div{border-radius:18px!important;min-height:70px!important}.admin-summary-grid{gap:8px!important}.admin-summary-grid button{border-radius:19px!important;min-height:92px!important;padding:10px 7px!important}.admin-summary-grid strong{font-size:21px!important}.admin-summary-grid span{font-size:10.2px!important}.account-info-card,.account-menu-card{border-radius:22px!important;padding:14px!important}.account-menu-list button{gap:10px!important;min-height:64px!important;padding:10px!important}.account-menu-list h4{font-size:13px!important}.account-menu-list p{font-size:10.8px!important}}.hiroshi-metric-grid{gap:10px!important;margin-bottom:16px!important}.hiroshi-metric-card{text-align:center!important;border-radius:22px!important;align-content:center!important;justify-items:center!important;gap:8px!important;min-height:132px!important;padding:13px 9px 12px!important;display:grid!important}.metric-icon{border-radius:16px!important;width:42px!important;height:42px!important;margin:0 auto 2px!important}.metric-icon .svg-icon{width:20px!important;height:20px!important}.hiroshi-metric-card>div:not(.metric-icon){justify-items:center!important;gap:4px!important;width:100%!important;display:grid!important}.hiroshi-metric-card p{text-align:center!important;color:#4b5563!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:28px!important;margin:0!important;font-size:11.5px!important;font-weight:900!important;line-height:1.2!important;display:flex!important}.hiroshi-metric-card strong{text-align:center!important;letter-spacing:-.8px!important;justify-content:center!important;align-items:flex-end!important;gap:3px!important;width:100%!important;margin:0!important;font-size:24px!important;line-height:1!important;display:flex!important}.hiroshi-metric-card strong span{margin-bottom:2px!important;font-size:11.5px!important;font-weight:900!important}.metric-note{text-align:center!important;border-radius:13px!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:100%!important;max-width:118px!important;min-height:31px!important;margin:0 auto!important;padding:0 7px!important;font-size:9.6px!important;font-weight:900!important;line-height:1.12!important;display:inline-flex!important}.metric-note i{flex-shrink:0!important;width:17px!important;height:17px!important;font-size:9px!important}.hiroshi-metric-card:nth-child(3) strong{font-size:23px!important}@media (width<=390px){.hiroshi-metric-grid{gap:8px!important}.hiroshi-metric-card{border-radius:20px!important;gap:7px!important;min-height:124px!important;padding:11px 7px 10px!important}.metric-icon{border-radius:14px!important;width:38px!important;height:38px!important}.metric-icon .svg-icon{width:18px!important;height:18px!important}.hiroshi-metric-card p{min-height:25px!important;font-size:10.6px!important}.hiroshi-metric-card strong{font-size:21px!important}.hiroshi-metric-card:nth-child(3) strong{font-size:20px!important}.hiroshi-metric-card strong span{font-size:10px!important}.metric-note{max-width:104px!important;min-height:29px!important;padding:0 6px!important;font-size:8.8px!important}.metric-note i{width:15px!important;height:15px!important}}.operation-lock-note{border-radius:14px!important;align-items:center!important;gap:8px!important;min-height:38px!important;margin:-3px 0 11px!important;padding:0 12px!important;font-size:11px!important;font-weight:850!important;line-height:1.25!important;display:flex!important}.operation-lock-note span{font-size:11px!important;line-height:1!important}.operation-lock-note.locked{color:#a16207!important;background:#fff7df!important;border:1px solid #f59e0b24!important}.operation-lock-note.locked span{color:#f59e0b!important}.operation-lock-note.manual{color:var(--green-dark)!important;background:#eaf8ef!important;border:1px solid #1494471f!important}.operation-lock-note.manual span{color:var(--green)!important}.component-control-toggle{color:#64748b!important;border:1px solid var(--line)!important;background:#f8fbf9!important;border-radius:12px!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:34px!important;margin-top:4px!important;padding:0 8px 0 10px!important;font-size:10px!important;font-weight:900!important;display:flex!important}.component-control-toggle span{white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important;font-size:10px!important;font-weight:900!important;overflow:hidden!important}.component-control-toggle b{background:#cbd5e1!important;border-radius:999px!important;flex-shrink:0!important;width:34px!important;height:20px!important;padding:3px!important;transition:background .2s!important;position:relative!important}.component-control-toggle b:after{content:""!important;background:#fff!important;border-radius:999px!important;width:14px!important;height:14px!important;transition:transform .2s!important;position:absolute!important;top:3px!important;left:3px!important;box-shadow:0 2px 5px #0f172a2e!important}.component-control-toggle.active b{background:var(--green)!important}.component-control-toggle.active b:after{transform:translate(14px)!important}.component-control-toggle.locked,.component-control-toggle:disabled{opacity:.72!important;cursor:not-allowed!important;background:#f1f5f3!important}.component-control-toggle.locked b,.component-control-toggle:disabled b{background:#d1d5db!important}.component-control-toggle.locked.active b,.component-control-toggle:disabled.active b{background:#1494476b!important}.component-pwm-control{gap:5px!important;width:100%!important;margin-top:5px!important;display:grid!important}.component-pwm-control input{opacity:0!important;z-index:3!important;cursor:pointer!important;width:100%!important;height:18px!important;margin:0 0 -18px!important;position:relative!important}.component-pwm-control div{background:#e5e7eb!important;border-radius:999px!important;height:8px!important;position:relative!important;overflow:visible!important}.component-pwm-control div span{background:var(--green)!important;border-radius:999px!important;height:100%!important;display:block!important}.component-pwm-control div i{background:var(--green)!important;border:3px solid #fff!important;border-radius:999px!important;width:15px!important;height:15px!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 4px 8px #14944738!important}.component-pwm-control small{color:#64748b!important;font-size:9.5px!important;font-weight:800!important;line-height:1.1!important}.component-pwm-control.locked{opacity:.68!important}.component-pwm-control.locked input{cursor:not-allowed!important}.component-pwm-control.locked div span,.component-pwm-control.locked div i{background:#94a3b8!important}:is(.actuator-card:has(.component-control-toggle.locked),.actuator-card:has(.component-pwm-control.locked)){background:linear-gradient(#fff,#fbfdfc)!important}@media (width<=390px){.operation-lock-note{min-height:36px!important;padding:0 10px!important;font-size:10.2px!important}.component-control-toggle{min-height:32px!important;padding:0 7px 0 9px!important}.component-control-toggle span{font-size:9.4px!important}.component-control-toggle b{width:31px!important;height:19px!important}.component-control-toggle b:after{width:13px!important;height:13px!important}.component-control-toggle.active b:after{transform:translate(12px)!important}.component-pwm-control small{font-size:9px!important}}.advanced-setting-row.active{background:#f3fbf6!important;border-color:#14944733!important}.advanced-panel-card{box-shadow:var(--soft-shadow)!important;background:#fffffffa!important;border:1px solid #e6eee9f2!important;border-radius:24px!important;margin-bottom:14px!important;padding:15px!important}.advanced-panel-header{grid-template-columns:1fr auto!important;align-items:start!important;gap:12px!important;margin-bottom:12px!important;display:grid!important}.advanced-panel-header span{color:var(--green-dark)!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-size:10.5px!important;font-weight:900!important}.advanced-panel-header h2{color:var(--text)!important;letter-spacing:-.45px!important;margin:4px 0 5px!important;font-size:19px!important;font-weight:900!important;line-height:1.12!important}.advanced-panel-header p{color:#64748b!important;margin:0!important;font-size:11.8px!important;font-weight:650!important;line-height:1.35!important}.advanced-panel-header button{color:#64748b!important;border:1px solid var(--line)!important;background:#f8fbf9!important;border-radius:14px!important;place-items:center!important;width:36px!important;height:36px!important;font-size:22px!important;line-height:1!important;display:grid!important}.advanced-mode-note{border-radius:16px!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:9px!important;min-height:44px!important;margin-bottom:13px!important;padding:10px 11px!important;display:grid!important}.advanced-mode-note .svg-icon{width:18px!important;height:18px!important}.advanced-mode-note p{margin:0!important;font-size:11px!important;font-weight:800!important;line-height:1.35!important}.advanced-mode-note.auto{color:#a16207!important;background:#fff7df!important;border:1px solid #f59e0b24!important}.advanced-mode-note.manual{color:var(--green-dark)!important;background:#eaf8ef!important;border:1px solid #1494471f!important}.advanced-setting-section{border:1px solid var(--line)!important;background:#f9fdfb!important;border-radius:20px!important;margin-bottom:13px!important;padding:12px!important}.advanced-setting-section:last-of-type{margin-bottom:14px!important}.advanced-section-title{grid-template-columns:auto 1fr!important;align-items:center!important;gap:10px!important;margin-bottom:11px!important;display:grid!important}.advanced-section-title>div:first-child{width:36px!important;height:36px!important;color:var(--green)!important;background:var(--green-light)!important;border-radius:14px!important;place-items:center!important;display:grid!important}.advanced-section-title .svg-icon{width:18px!important;height:18px!important}.advanced-section-title h3{color:var(--text)!important;letter-spacing:-.25px!important;margin:0 0 3px!important;font-size:15px!important;font-weight:900!important;line-height:1.15!important}.advanced-section-title p{color:#64748b!important;margin:0!important;font-size:11px!important;font-weight:650!important;line-height:1.3!important}.advanced-field-list{gap:9px!important;display:grid!important}.advanced-field-row{border:1px solid var(--line)!important;background:#fff!important;border-radius:16px!important;grid-template-columns:minmax(0,1fr) 92px!important;align-items:center!important;gap:10px!important;min-height:62px!important;padding:10px!important;display:grid!important}.advanced-field-row span{color:var(--text)!important;margin-bottom:3px!important;font-size:12.2px!important;font-weight:900!important;line-height:1.2!important;display:block!important}.advanced-field-row small{color:#64748b!important;font-size:10.3px!important;font-weight:650!important;line-height:1.28!important;display:block!important}.advanced-input-unit{border:1px solid var(--line)!important;background:#f8fbf9!important;border-radius:13px!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:5px!important;height:40px!important;padding:0 8px!important;display:grid!important}.advanced-input-unit input{width:100%!important;min-width:0!important;color:var(--text)!important;text-align:right!important;background:0 0!important;border:0!important;outline:0!important;font-size:13px!important;font-weight:900!important}.advanced-input-unit b{color:#64748b!important;font-size:10.5px!important;font-weight:900!important}.advanced-rule-list,.advanced-alert-list{gap:8px!important;display:grid!important}.advanced-rule-row{text-align:left!important;border:1px solid var(--line)!important;background:#fff!important;border-radius:15px!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:9px!important;min-height:54px!important;padding:10px!important;display:grid!important}.advanced-rule-row i{width:26px!important;height:26px!important;color:var(--green-dark)!important;background:var(--green-light)!important;border-radius:999px!important;place-items:center!important;font-size:11px!important;font-style:normal!important;font-weight:900!important;display:grid!important}.advanced-rule-row p{color:#334155!important;margin:0!important;font-size:11.2px!important;font-weight:750!important;line-height:1.35!important}.advanced-rule-row span{height:24px!important;color:var(--green-dark)!important;background:#eaf8ef!important;border-radius:999px!important;align-items:center!important;padding:0 9px!important;font-size:10px!important;font-weight:900!important;display:inline-flex!important}.advanced-alert-row{text-align:left!important;border:1px solid var(--line)!important;background:#fff!important;border-radius:15px!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:10px!important;display:grid!important}.advanced-alert-row h4{color:var(--text)!important;margin:0 0 3px!important;font-size:12.5px!important;font-weight:900!important}.advanced-alert-row p{color:#64748b!important;margin:0!important;font-size:10.5px!important;font-weight:650!important;line-height:1.3!important}.advanced-alert-row b{background:var(--green)!important;border-radius:999px!important;width:36px!important;height:21px!important;padding:3px!important;position:relative!important}.advanced-alert-row b:after{content:""!important;background:#fff!important;border-radius:999px!important;width:15px!important;height:15px!important;position:absolute!important;top:3px!important;right:3px!important;box-shadow:0 2px 5px #0f172a29!important}.advanced-save-button{color:#fff!important;background:linear-gradient(135deg,#18b653,#07883d)!important;border-radius:16px!important;width:100%!important;height:48px!important;font-size:13px!important;font-weight:900!important;box-shadow:0 12px 24px #14944733!important}@media (width<=390px){.advanced-panel-card{border-radius:22px!important;padding:13px!important}.advanced-panel-header h2{font-size:17px!important}.advanced-panel-header p{font-size:10.8px!important}.advanced-field-row{grid-template-columns:minmax(0,1fr) 82px!important;gap:8px!important}.advanced-field-row span{font-size:11.5px!important}.advanced-field-row small{font-size:9.8px!important}.advanced-input-unit{height:38px!important;padding:0 7px!important}.advanced-input-unit input{font-size:12px!important}.advanced-rule-row{grid-template-columns:auto 1fr!important}.advanced-rule-row span{grid-column:2!important;justify-self:start!important}.advanced-alert-row h4{font-size:12px!important}.advanced-alert-row p{font-size:10px!important}}.detail-appbar-upgraded{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}.detail-appbar-upgraded h1,.detail-appbar-upgraded h2{white-space:nowrap!important;min-width:0!important;margin:0!important}.detail-appbar-actions{justify-content:flex-end!important;align-items:center!important;gap:8px!important;min-width:0!important;display:inline-flex!important}.detail-update-button{height:44px!important;color:var(--green-dark)!important;white-space:nowrap!important;background:#eaf8effa!important;border:1px solid #1494471f!important;border-radius:17px!important;justify-content:center!important;align-items:center!important;gap:7px!important;padding:0 13px!important;font-size:12px!important;font-weight:900!important;display:inline-flex!important;box-shadow:0 10px 22px #14944714!important}.detail-update-button .svg-icon{width:17px!important;height:17px!important}.detail-update-button:active{transform:scale(.97)!important}.device-health-card,.device-log-card,.critical-alert-card,.scanner-error-card{box-shadow:var(--soft-shadow)!important;background:#fffffffa!important;border:1px solid #e6eee9f2!important;border-radius:24px!important;margin-bottom:14px!important;padding:15px!important}.device-health-head,.device-log-head{grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;margin-bottom:13px!important;display:grid!important}.device-health-head>div:first-child,.device-log-head>div:first-child{width:42px!important;height:42px!important;color:var(--green)!important;background:var(--green-light)!important;border-radius:16px!important;place-items:center!important;display:grid!important}.device-health-head .svg-icon,.device-log-head .svg-icon{width:20px!important;height:20px!important}.device-health-head h2,.device-log-head h2{color:var(--text)!important;letter-spacing:-.35px!important;margin:0 0 4px!important;font-size:18px!important;font-weight:900!important;line-height:1.15!important}.device-health-head p,.device-log-head p{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important}.device-health-item{text-align:center!important;border:1px solid var(--line)!important;background:#f8fbf9!important;border-radius:18px!important;align-content:center!important;justify-items:center!important;gap:5px!important;min-height:108px!important;padding:11px 8px!important;display:grid!important}.device-health-item>div{width:34px!important;height:34px!important;color:var(--green)!important;background:var(--green-light)!important;border-radius:13px!important;place-items:center!important;display:grid!important}.device-health-item.warning>div{color:#ca8a04!important;background:#fff7d6!important}.device-health-item.danger>div{color:#dc2626!important;background:#fee2e2!important}.device-health-item .svg-icon{width:17px!important;height:17px!important}.device-health-item span{color:#64748b!important;font-size:10.5px!important;font-weight:900!important;line-height:1.1!important}.device-health-item strong{color:var(--text)!important;font-size:17px!important;font-weight:900!important;line-height:1!important}.critical-alert-card{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;display:grid!important}.critical-alert-card>div:first-child{border-radius:17px!important;place-items:center!important;width:46px!important;height:46px!important;display:grid!important}.critical-alert-card.safe{background:linear-gradient(135deg,#f0fff5,#fff)!important;border-color:#1494471f!important}.critical-alert-card.safe>div:first-child{color:var(--green)!important;background:var(--green-light)!important}.critical-alert-card.warning{background:linear-gradient(135deg,#fff7ed,#fff)!important;border-color:#f59e0b2e!important}.critical-alert-card.warning>div:first-child{color:#f97316!important;background:#ffedd5!important}.critical-alert-card.danger{background:linear-gradient(135deg,#fff1f2,#fff)!important;border-color:#ef44442e!important}.critical-alert-card.danger>div:first-child{color:#dc2626!important;background:#fee2e2!important}.critical-alert-card .svg-icon{width:22px!important;height:22px!important}.critical-alert-card.warning span{color:#b45309!important}.critical-alert-card.danger span{color:#b91c1c!important}.critical-alert-card h2{color:var(--text)!important;margin:0 0 4px!important;font-size:15.5px!important;font-weight:900!important;line-height:1.15!important}.critical-alert-card button{height:34px!important;color:var(--green-dark)!important;white-space:nowrap!important;background:#eaf8ef!important;border-radius:999px!important;padding:0 11px!important;font-size:10.5px!important;font-weight:900!important}.device-log-list{gap:8px!important;display:grid!important}.device-log-row{text-align:left!important;border:1px solid var(--line)!important;background:#fff!important;border-radius:17px!important;grid-template-columns:44px auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:62px!important;padding:10px!important;display:grid!important}.device-log-row>div{width:38px!important;height:38px!important;color:var(--green)!important;background:var(--green-light)!important;border-radius:14px!important;place-items:center!important;display:grid!important}.device-log-row.warning>div{color:#f97316!important;background:#ffedd5!important}.device-log-row.info>div{color:#2563eb!important;background:#eaf2ff!important}.device-log-row .svg-icon{width:18px!important;height:18px!important}.device-log-row section h3{color:var(--text)!important;margin:0 0 4px!important;font-size:12.8px!important;font-weight:900!important;line-height:1.15!important}.device-log-row section p{color:#64748b!important;margin:0!important;font-size:10.8px!important;font-weight:700!important;line-height:1.3!important}.scanner-error-card{background:linear-gradient(135deg,#fff7ed,#fff)!important;border-color:#f59e0b2e!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;display:grid!important}.scanner-error-card p{color:#64748b!important;margin:0!important;font-size:11px!important;font-weight:700!important;line-height:1.3!important}.scanner-error-card button{color:#fff!important;background:#f97316!important;border-radius:999px!important;height:34px!important;padding:0 11px!important;font-size:10.5px!important;font-weight:900!important}.account-sheet-backdrop{z-index:9999!important;-webkit-backdrop-filter:blur(10px)!important;background:#0f172a6b!important;align-items:end!important;padding:18px!important;display:grid!important;position:fixed!important;inset:0!important}.account-sheet{background:#fff!important;border:1px solid #e6eee9f2!important;border-radius:28px!important;width:min(100%,520px)!important;max-height:88vh!important;margin:0 auto!important;padding:14px!important;overflow-y:auto!important;box-shadow:0 -18px 44px #0f172a2e!important}.account-sheet-line{background:#dbe5df!important;border-radius:999px!important;width:44px!important;height:5px!important;margin:0 auto 14px!important}.account-sheet-header{grid-template-columns:1fr auto!important;align-items:start!important;gap:12px!important;margin-bottom:14px!important;display:grid!important}.account-sheet-header span{color:var(--green-dark)!important;letter-spacing:.13em!important;text-transform:uppercase!important;font-size:10.5px!important;font-weight:900!important}.account-sheet-header h2{color:var(--text)!important;margin:4px 0 5px!important;font-size:20px!important;font-weight:900!important;line-height:1.12!important}.account-sheet-header p{color:#64748b!important;margin:0!important;font-size:11.5px!important;font-weight:700!important;line-height:1.35!important}.account-sheet-header button{color:#64748b!important;border:1px solid var(--line)!important;background:#f8fbf9!important;border-radius:14px!important;place-items:center!important;width:36px!important;height:36px!important;font-size:22px!important;display:grid!important}.software-update-hero{background:linear-gradient(135deg,#ecfeff,#fff)!important;border:1px solid #0f766e1f!important;border-radius:22px!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:12px!important;margin-bottom:12px!important;padding:14px!important;display:grid!important}.software-update-orb{color:#0f766e!important;background:#ccfbf1!important;border-radius:22px!important;place-items:center!important;width:60px!important;height:60px!important;display:grid!important}.software-update-orb .svg-icon{width:26px!important;height:26px!important}.software-update-orb.checking .svg-icon,.software-update-orb.installing .svg-icon{animation:1.2s linear infinite updateSoftSpin!important}@keyframes updateSoftSpin{to{transform:rotate(360deg)}}.software-update-orb.done{color:var(--green-dark)!important;background:#dff5e7!important}.software-update-hero h3{color:var(--text)!important;margin:0 0 5px!important;font-size:17px!important;font-weight:900!important;line-height:1.15!important}.software-progress-card{border:1px solid var(--line)!important;background:#f8fbf9!important;border-radius:18px!important;margin-bottom:12px!important;padding:12px!important}.software-progress-bar{background:#e2e8f0!important;border-radius:999px!important;height:10px!important;overflow:hidden!important}.software-progress-bar span{background:linear-gradient(90deg,#18b653,#0f766e)!important;border-radius:999px!important;height:100%!important;transition:width .25s!important;display:block!important}.software-version-list{gap:8px!important;margin-bottom:12px!important;display:grid!important}.software-version-list div{border:1px solid var(--line)!important;background:#fff!important;border-radius:15px!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;min-height:48px!important;padding:10px 11px!important;display:flex!important}.software-update-actions{grid-template-columns:.85fr 1.15fr!important;gap:9px!important;display:grid!important}.software-update-actions button:first-child{color:#64748b!important;border:1px solid var(--line)!important;background:#f8fbf9!important}.software-update-actions button:last-child{color:#fff!important;background:linear-gradient(135deg,#18b653,#07883d)!important;box-shadow:0 12px 24px #1494472e!important}.software-update-actions button:disabled{opacity:.65!important;cursor:not-allowed!important}@media (width<=390px){.detail-appbar-upgraded{gap:8px!important}.detail-appbar-upgraded h1,.detail-appbar-upgraded h2{font-size:18px!important}.detail-appbar-actions{gap:6px!important}.detail-update-button{border-radius:16px!important;width:44px!important;padding:0!important}.detail-update-button span{display:none!important}.device-health-grid{gap:8px!important}.device-health-item{min-height:98px!important;padding:10px 6px!important}.device-health-item strong{font-size:15.5px!important}.device-health-item small{font-size:8.8px!important}.critical-alert-card,.scanner-error-card{grid-template-columns:auto minmax(0,1fr)!important}.critical-alert-card button,.scanner-error-card button{grid-column:2!important;justify-self:start!important}.device-log-row{grid-template-columns:39px auto minmax(0,1fr)!important;gap:8px!important}.device-log-row>div{width:34px!important;height:34px!important}.account-sheet-backdrop{padding:12px!important}.account-sheet{border-radius:25px!important;max-height:90vh!important}.software-update-hero{text-align:center!important;grid-template-columns:1fr!important;justify-items:center!important}}.solar-panel-live-card{background:#fffffff7!important;border:1px solid #d2e0d8f2!important;border-radius:24px!important;margin:0 0 13px!important;padding:18px!important;box-shadow:0 14px 34px #0f172a0e!important}.solar-panel-live-card,.solar-panel-live-card *{box-sizing:border-box!important;font-family:inherit!important}.solar-live-header{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:12px!important;margin:0 0 15px!important;display:grid!important}.solar-live-header span{color:#047857!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin:0 0 6px!important;font-size:10px!important;font-weight:950!important;line-height:1!important;display:block!important}.solar-live-header h2{color:#0f172a!important;letter-spacing:-.04em!important;margin:0 0 6px!important;font-size:20px!important;font-weight:950!important;line-height:1.1!important}.solar-live-header p{color:#64748b!important;margin:0!important;font-size:12.5px!important;font-weight:650!important;line-height:1.35!important}.solar-live-header p b{color:#047857!important;font-weight:900!important}.solar-live-status{color:#047857!important;white-space:nowrap!important;background:#eaf8ef!important;border:1px solid #16a34a29!important;border-radius:999px!important;align-items:center!important;gap:7px!important;height:36px!important;padding:0 11px!important;font-size:11px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}.solar-live-status i{background:#16a34a!important;border-radius:999px!important;width:8px!important;height:8px!important;box-shadow:0 0 0 5px #16a34a1f!important}.solar-live-status.warning{color:#b45309!important;background:#fff7ed!important;border-color:#f59e0b2e!important}.solar-live-status.warning i{background:#f59e0b!important;box-shadow:0 0 0 5px #f59e0b1f!important}.solar-live-status.offline,.solar-live-status.error{color:#dc2626!important;background:#fef2f2!important;border-color:#ef444429!important}.solar-live-status.offline i,.solar-live-status.error i{background:#ef4444!important;box-shadow:0 0 0 5px #ef44441f!important}.solar-live-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 16px!important;display:grid!important}.solar-live-overview-card{text-align:center!important;background:linear-gradient(#fff,#f8fafc)!important;border:1px solid #e2e8f0f2!important;border-radius:20px!important;align-content:center!important;justify-items:center!important;gap:6px!important;min-height:122px!important;padding:13px 9px!important;display:grid!important;box-shadow:0 8px 20px #0f172a09!important}.solar-live-overview-card>div{color:#16a34a!important;background:#dcfce7!important;border-radius:15px!important;place-items:center!important;width:42px!important;height:42px!important;display:grid!important}.solar-live-overview-card .svg-icon{width:21px!important;height:21px!important}.solar-live-overview-card span{color:#64748b!important;font-size:10px!important;font-weight:850!important;line-height:1.15!important}.solar-live-overview-card strong{color:#0f172a!important;letter-spacing:-.04em!important;font-size:18px!important;font-weight:950!important;line-height:1!important}.solar-live-overview-card p{color:#94a3b8!important;margin:0!important;font-size:9.5px!important;font-weight:650!important;line-height:1.25!important}.solar-monitor-section,.solar-energy-panel,.solar-bms-card{background:#fff!important;border:1px solid #e2e8f0f2!important;border-radius:22px!important;margin:0 0 14px!important;padding:14px!important}.solar-bms-card{margin-bottom:0!important}.solar-section-title{grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:11px!important;margin:0 0 13px!important;display:grid!important}.solar-section-title>div{color:#16a34a!important;background:#eaf8ef!important;border-radius:16px!important;place-items:center!important;width:44px!important;height:44px!important;display:grid!important}.solar-section-title .svg-icon{width:22px!important;height:22px!important}.solar-section-title h3{color:#0f172a!important;letter-spacing:-.035em!important;margin:0 0 4px!important;font-size:16px!important;font-weight:950!important;line-height:1.1!important}.solar-section-title p{color:#64748b!important;margin:0!important;font-size:11.5px!important;font-weight:650!important;line-height:1.3!important}.solar-monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;display:grid!important}.solar-monitor-item,.solar-energy-row{text-align:left!important;background:#f8fafc!important;border:1px solid #e2e8f0f2!important;border-radius:17px!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-width:0!important;min-height:82px!important;padding:11px!important;display:grid!important}.solar-monitor-item>div,.solar-energy-row>div{color:#16a34a!important;background:#dcfce7!important;border-radius:14px!important;place-items:center!important;width:38px!important;height:38px!important;display:grid!important}.solar-monitor-item .svg-icon,.solar-energy-row .svg-icon{width:19px!important;height:19px!important}.solar-monitor-item span,.solar-energy-row span,.solar-bms-summary span,.solar-cell-pill span{color:#64748b!important;margin:0 0 4px!important;font-size:10.5px!important;font-weight:850!important;line-height:1.1!important;display:block!important}.solar-monitor-item strong,.solar-energy-row strong,.solar-bms-summary strong,.solar-cell-pill strong{color:#0f172a!important;letter-spacing:-.035em!important;font-size:17px!important;font-weight:950!important;line-height:1!important;display:block!important}.solar-monitor-item p,.solar-energy-row p{color:#94a3b8!important;margin:5px 0 0!important;font-size:10px!important;font-weight:650!important;line-height:1.25!important}.solar-energy-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:12px!important;display:grid!important}.solar-percent-card{background:linear-gradient(135deg,#ecfdf5,#fff)!important;border:1px solid #16a34a24!important;border-radius:18px!important;padding:13px!important}.solar-percent-card>div:first-child{justify-content:space-between!important;align-items:center!important;margin-bottom:10px!important;display:flex!important}.solar-percent-card span{color:#047857!important;font-size:11px!important;font-weight:900!important}.solar-percent-card strong{color:#0f172a!important;font-size:20px!important;font-weight:950!important;line-height:1!important}.solar-percent-bar{background:#dbeafe!important;border-radius:999px!important;height:12px!important;margin-bottom:9px!important;overflow:hidden!important}.solar-percent-bar i{background:linear-gradient(90deg,#22c55e,#0f766e)!important;border-radius:999px!important;height:100%!important;display:block!important}.solar-percent-card p{color:#475569!important;margin:0!important;font-size:11px!important;font-weight:650!important;line-height:1.35!important}.solar-bms-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:0 0 10px!important;display:grid!important}.solar-bms-summary button{text-align:center!important;background:#f8fafc!important;border:1px solid #e2e8f0f2!important;border-radius:16px!important;place-items:center!important;min-height:78px!important;padding:10px 7px!important;display:grid!important}.solar-bms-summary strong{font-size:14px!important}.solar-cell-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.solar-cell-pill{text-align:left!important;background:#fff!important;border:1px solid #e2e8f0f2!important;border-radius:17px!important;min-height:62px!important;padding:11px!important}.solar-cell-pill.lowest{background:#fff7ed!important;border-color:#f59e0b29!important}.solar-cell-pill.highest{background:#ecfdf5!important;border-color:#16a34a29!important}.solar-mqtt-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.solar-mqtt-quick-grid .international-quick-card{text-align:center!important;grid-template-columns:1fr!important;justify-items:center!important;min-height:112px!important;padding:13px 10px!important}.solar-mqtt-quick-grid .international-quick-card>div{border-radius:16px!important;width:44px!important;height:44px!important}.solar-mqtt-quick-grid .international-quick-card p{font-size:10.5px!important;line-height:1.2!important}.solar-mqtt-quick-grid .international-quick-card strong{font-size:17px!important}.solar-mqtt-quick-grid .international-sparkline{display:none!important}@media (width<=430px){.solar-panel-live-card{border-radius:20px!important;padding:14px!important}.solar-live-header{grid-template-columns:1fr!important}.solar-live-status{justify-self:start!important}.solar-live-header h2{font-size:17px!important}.solar-live-header p{font-size:10.5px!important}.solar-live-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.solar-live-overview-card{border-radius:17px!important;min-height:96px!important}.solar-live-overview-card>div{width:38px!important;height:38px!important}.solar-live-overview-card strong{font-size:16px!important}.solar-monitor-section,.solar-energy-panel,.solar-bms-card{border-radius:18px!important;padding:12px!important}.solar-section-title>div{border-radius:14px!important;width:38px!important;height:38px!important}.solar-section-title h3{font-size:14px!important}.solar-section-title p{font-size:10px!important}.solar-monitor-grid,.solar-energy-grid{grid-template-columns:1fr!important}.solar-monitor-item,.solar-energy-row{border-radius:15px!important;min-height:70px!important}.solar-bms-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.solar-cell-grid{grid-template-columns:1fr!important}.solar-mqtt-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.solar-mqtt-quick-grid .international-quick-card{border-radius:17px!important;min-height:92px!important;padding:12px!important}}:root{--hf-bg:#f4fbf7;--hf-bg-2:#eef8f2;--hf-card:#fffffff5;--hf-card-solid:#fff;--hf-soft:#f7faf8;--hf-green:#10a65a;--hf-green-2:#0b8f4d;--hf-green-3:#08723f;--hf-green-soft:#e8f8ef;--hf-green-soft-2:#f2fbf6;--hf-blue:#2563eb;--hf-cyan:#0891b2;--hf-orange:#f59e0b;--hf-red:#ef4444;--hf-text:#0f172a;--hf-text-2:#243247;--hf-muted:#64748b;--hf-muted-2:#94a3b8;--hf-line:#0f172a16;--hf-line-2:#0f172a21;--hf-shadow-sm:0 8px 22px #0f172a0e;--hf-shadow-md:0 16px 42px #0f172a16;--hf-shadow-green:0 18px 44px #10a65a38;--hf-radius-sm:14px;--hf-radius-md:18px;--hf-radius-lg:24px;--hf-radius-xl:30px;--hf-page-mobile:520px;--hf-page-tablet:920px;--hf-page-wide:1120px;--hf-nav-h:78px}*{box-sizing:border-box!important}html,body,#root{width:100%!important;min-height:100%!important;overflow-x:hidden!important}html{background:var(--hf-bg)!important}body{color:var(--hf-text)!important;background:radial-gradient(circle at 0% 0%, #10a65a1f, transparent 32%), radial-gradient(circle at 100% 6%, #7dd3fc1f, transparent 26%), linear-gradient(180deg, #fbfefc 0%, var(--hf-bg) 46%, #f8fcfa 100%)!important;-webkit-font-smoothing:antialiased!important;text-rendering:geometricprecision!important;margin:0!important}button,input,textarea,select{font-family:inherit!important}button{cursor:pointer!important;-webkit-tap-highlight-color:transparent!important}button:disabled{cursor:not-allowed!important}img,svg{max-width:100%!important}.app-shell{width:100%!important;min-height:100vh!important;overflow-x:hidden!important}.mobile-page{width:min(100%, var(--hf-page-mobile))!important;max-width:var(--hf-page-mobile)!important;padding:calc(10px + env(safe-area-inset-top)) 14px calc(var(--hf-nav-h) + 24px + env(safe-area-inset-bottom))!important;margin:0 auto!important}.mobile-page,.mobile-page *{min-width:0!important}.mobile-page>section{width:100%!important;margin-left:0!important;margin-right:0!important}.hiroshi-activity-card,.hiroshi-trend-card,.device-page-top,.scanner-error-card,.search-box,.page-intro,.area-device-group,.notif-group,.account-admin-card,.account-menu-card,.admin-profile-card,.operation-card,.advanced-setting-row,.quick-stat-v2-card,.device-health-card,.critical-alert-card,.device-log-card,.component-monitor-card,.area-clean-row,.simple-device-row,.notif-row,.area-summary-card,.notif-summary-card,.admin-summary-grid>button,.account-sheet,.sensor-chart-sheet,.software-update-sheet,.solar-panel-live-card,.solar-monitor-section,.solar-energy-panel,.solar-bms-card{border:1px solid var(--hf-line)!important;background:var(--hf-card)!important;box-shadow:var(--hf-shadow-sm)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important}.hiroshi-activity-card,.hiroshi-trend-card,.area-device-group,.notif-group,.account-menu-card,.component-monitor-card,.device-health-card,.device-log-card,.operation-card,.critical-alert-card,.page-intro,.device-page-top,.admin-profile-card,.account-admin-card{border-radius:var(--hf-radius-lg)!important}.hiroshi-section-head h2,.page-intro h2,.device-page-top h2,.device-health-head h2,.device-log-head h2,.component-monitor-title h2,.operation-title h2,.account-section-title h3,.area-group-header h3,.notif-group h3{color:var(--hf-text)!important;letter-spacing:-.035em!important}.hiroshi-section-head p,.page-intro p,.device-page-top p,.operation-title p,.device-health-head p,.device-log-head p,.component-monitor-title p,.area-group-header p,.account-menu-list p,.admin-profile-top p{color:var(--hf-muted)!important}.bottom-nav,.mobile-page>nav{left:50%!important;bottom:max(10px, env(safe-area-inset-bottom))!important;z-index:90!important;width:calc(100% - 24px)!important;max-width:calc(var(--hf-page-mobile) - 20px)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:#ffffffeb!important;border:1px solid #0f172a18!important;border-radius:24px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;min-height:70px!important;padding:8px!important;display:grid!important;position:fixed!important;transform:translate(-50%)!important;box-shadow:0 18px 44px #0f172a24!important}.bottom-nav button,.mobile-page>nav button{color:#718096!important;background:0 0!important;border:0!important;border-radius:18px!important;min-width:0!important;min-height:54px!important;padding:7px 4px!important;font-size:10.5px!important;font-weight:760!important;line-height:1.1!important}.bottom-nav button svg,.mobile-page>nav button svg,.bottom-nav .svg-icon,.mobile-page>nav .svg-icon{width:21px!important;height:21px!important;margin-bottom:4px!important}.bottom-nav button.active,.bottom-nav button.is-active,.mobile-page>nav button.active,.mobile-page>nav button.is-active{background:var(--hf-green-soft)!important;color:var(--hf-green-2)!important;font-weight:900!important}.hiroshi-home-header{z-index:70!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:linear-gradient(#f8fcf9f5,#f8fcf9c7)!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin:0 0 6px!important;padding:10px 2px 12px!important;display:flex!important;position:sticky!important;top:0!important}.hiroshi-home-header.is-floating{border:1px solid var(--hf-line)!important;box-shadow:var(--hf-shadow-sm)!important;background:#ffffffeb!important;border-radius:999px!important;margin:0 0 10px!important;padding:10px 12px!important}.hiroshi-brand{color:var(--hf-text)!important;background:0 0!important;border:0!important;align-items:center!important;gap:10px!important;display:inline-flex!important}.hiroshi-logo-mark{flex:none!important;grid-template-columns:1fr 1fr!important;gap:3px!important;width:38px!important;height:38px!important;display:grid!important}.hiroshi-logo-mark span{background:linear-gradient(145deg, var(--hf-green), var(--hf-green-3))!important;border-radius:999px 999px 999px 8px!important;display:block!important}.hiroshi-logo-mark span:nth-child(2){background:linear-gradient(145deg, #86efac, var(--hf-green))!important;border-radius:999px 999px 8px!important}.hiroshi-brand h1{letter-spacing:-.045em!important;margin:0!important;font-size:clamp(21px,5.8vw,28px)!important;font-weight:900!important;line-height:1!important}.hiroshi-notif-button,.device-detail-back,.detail-update-button,.device-detail-status{border:1px solid var(--hf-line)!important;min-height:44px!important;color:var(--hf-text-2)!important;box-shadow:var(--hf-shadow-sm)!important;background:#fffffff2!important;border-radius:16px!important}.hiroshi-notif-button{place-items:center!important;width:44px!important;display:grid!important;position:relative!important}.hiroshi-hero-card{color:#fff!important;min-height:178px!important;box-shadow:var(--hf-shadow-green)!important;background:radial-gradient(circle at 88% 12%,#ffffff47,#0000 22%),linear-gradient(135deg,#0b7a43 0%,#0ca75c 56%,#08723f 100%)!important;border:0!important;border-radius:28px!important;grid-template-columns:minmax(0,1fr) 132px!important;align-items:center!important;gap:12px!important;padding:20px!important;display:grid!important;position:relative!important;overflow:hidden!important}.hiroshi-hero-card:before{content:""!important;border:1px solid #ffffff2e!important;border-radius:999px!important;width:220px!important;height:220px!important;position:absolute!important;top:-74px!important;right:-78px!important}.hiroshi-hero-card:after{content:""!important;background:#ffffff14!important;border-radius:999px!important;width:230px!important;height:230px!important;position:absolute!important;bottom:-90px!important;right:-88px!important}.hiroshi-hero-text{z-index:2!important;position:relative!important}.hiroshi-hero-text h2{color:#fff!important;letter-spacing:-.055em!important;max-width:250px!important;margin:0 0 8px!important;font-size:clamp(24px,7vw,34px)!important;font-weight:950!important;line-height:1.02!important}.hiroshi-hero-text p{color:#ffffffdb!important;max-width:250px!important;margin:0 0 16px!important;font-size:12.5px!important;font-weight:650!important;line-height:1.45!important}.hiroshi-hero-text button{height:42px!important;color:var(--hf-green-3)!important;background:#fff!important;border:0!important;border-radius:999px!important;padding:0 16px!important;font-size:12px!important;font-weight:900!important;box-shadow:0 12px 24px #04482829!important}.hiroshi-hero-visual{z-index:2!important;min-height:120px!important;position:relative!important}.hero-dashboard-card{background:#ffffffeb!important;border-radius:24px!important;width:108px!important;height:92px!important;position:absolute!important;top:22px!important;right:4px!important;box-shadow:0 18px 30px #0448282e!important}.hero-floating-icon{width:36px!important;height:36px!important;color:var(--hf-green-2)!important;background:#fffffff0!important;border-radius:14px!important;place-items:center!important;display:grid!important;position:absolute!important;box-shadow:0 10px 24px #04482829!important}.hero-floating-icon.left{top:46px!important;left:0!important}.hero-floating-icon.center{top:4px!important;left:44px!important}.hero-floating-icon.right{color:var(--hf-orange)!important;bottom:0!important;right:0!important}.hiroshi-metric-grid,.area-summary-grid,.notif-summary-grid,.admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important;display:grid!important}.hiroshi-metric-card,.area-summary-card,.notif-summary-card,.admin-summary-grid>button{text-align:left!important;border-radius:20px!important;min-height:120px!important;padding:14px 12px!important}.metric-icon,.area-summary-card>div:first-child,.notif-summary-card>div:first-child,.admin-summary-grid>button>div:first-child{background:var(--hf-green-soft)!important;width:38px!important;height:38px!important;color:var(--hf-green-2)!important;border-radius:15px!important;place-items:center!important;margin:0 0 12px!important;display:grid!important}.hiroshi-metric-card p,.area-summary-card span,.notif-summary-card span,.admin-summary-grid span{color:var(--hf-muted)!important;margin:0 0 4px!important;font-size:10.8px!important;font-weight:760!important;line-height:1.25!important}.hiroshi-metric-card strong,.area-summary-card strong,.notif-summary-card strong,.admin-summary-grid strong{color:var(--hf-text)!important;letter-spacing:-.045em!important;font-size:clamp(18px,5.5vw,24px)!important;font-weight:950!important;line-height:1!important}.metric-note{border-radius:999px!important;align-items:center!important;gap:5px!important;margin-top:10px!important;padding:5px 7px!important;font-size:9.5px!important;font-weight:850!important;line-height:1.15!important;display:inline-flex!important}.metric-note.up{background:var(--hf-green-soft)!important;color:var(--hf-green-2)!important}.metric-note.down{color:var(--hf-blue)!important;background:#eff6ff!important}.hiroshi-activity-card,.hiroshi-trend-card{margin:14px 0!important;padding:18px!important}.hiroshi-section-head,.device-log-head,.component-monitor-title,.device-health-head,.account-section-title,.notification-intro{justify-content:space-between!important;align-items:center!important;gap:12px!important;display:flex!important}.hiroshi-section-head h2,.device-log-head h2,.component-monitor-title h2,.device-health-head h2{margin:0!important;font-size:clamp(17px,4.8vw,22px)!important;font-weight:900!important;line-height:1.15!important}.hiroshi-section-head button,.international-see-all,.device-log-head button,.component-monitor-title button{color:var(--hf-green-2)!important;white-space:nowrap!important;background:0 0!important;border:0!important;font-size:12px!important;font-weight:900!important}.activity-timeline{gap:2px!important;margin-top:14px!important;display:grid!important}.activity-row{text-align:left!important;min-height:58px!important;color:var(--hf-text-2)!important;background:0 0!important;border:0!important;grid-template-columns:12px 44px 36px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:8px 0!important;font-size:12px!important;font-weight:730!important;display:grid!important;position:relative!important}.activity-row:before{content:""!important;background:#10a65a38!important;width:1px!important;position:absolute!important;top:0!important;bottom:0!important;left:5px!important}.activity-row:first-child:before{top:50%!important}.activity-row:last-child:before{bottom:50%!important}.activity-dot{z-index:1!important;background:var(--hf-green)!important;width:10px!important;height:10px!important;box-shadow:0 0 0 4px var(--hf-green-soft)!important;border:2px solid #fff!important;border-radius:999px!important;position:relative!important}.activity-row time{color:var(--hf-muted)!important;font-size:11.5px!important;font-weight:860!important}.activity-icon{background:var(--hf-green-soft)!important;width:34px!important;height:34px!important;color:var(--hf-green-2)!important;border-radius:14px!important;place-items:center!important;display:grid!important}.activity-icon.warning{color:var(--hf-orange)!important;background:#fff7ed!important}.activity-row p{color:var(--hf-text-2)!important;margin:0!important;font-size:12px!important;font-weight:740!important;line-height:1.35!important;overflow:hidden!important}.activity-row small{background:var(--hf-green-soft)!important;color:var(--hf-green-2)!important;white-space:nowrap!important;border-radius:999px!important;padding:6px 9px!important;font-size:10px!important;font-weight:900!important}.hiroshi-area-section{margin:14px 0!important}.hiroshi-area-grid{grid-template-columns:1fr!important;gap:10px!important;margin-top:12px!important;display:grid!important}.hiroshi-area-card{border:1px solid var(--hf-line)!important;background:var(--hf-card)!important;min-height:156px!important;box-shadow:var(--hf-shadow-sm)!important;text-align:left!important;border-radius:22px!important;padding:16px!important}.area-top,.area-bottom{justify-content:space-between!important;align-items:center!important;gap:12px!important;display:flex!important}.area-icon{background:var(--hf-green-soft)!important;width:44px!important;height:44px!important;color:var(--hf-green-2)!important;border-radius:17px!important;place-items:center!important;display:grid!important}.area-top h3{color:var(--hf-text)!important;margin:0 0 4px!important;font-size:15px!important;font-weight:900!important}.area-top span,.hiroshi-area-card p{color:var(--hf-muted)!important;font-size:11.5px!important;font-weight:760!important}.area-bottom strong{color:var(--hf-text)!important;font-size:24px!important;font-weight:950!important}.area-bottom svg path,.trend-chart svg path,.hero-line-chart path{fill:none!important;stroke:var(--hf-green)!important;stroke-width:4px!important;stroke-linecap:round!important}.trend-chart{border:1px solid var(--hf-line)!important;background:#fff!important;border-radius:20px!important;min-height:180px!important;margin-top:12px!important;padding:16px 8px 8px!important;position:relative!important}.trend-chart svg{width:100%!important;height:130px!important}.trend-time{color:var(--hf-muted)!important;text-align:center!important;grid-template-columns:repeat(7,1fr)!important;gap:2px!important;font-size:9.5px!important;font-weight:760!important;display:grid!important}.device-page-top,.page-intro{margin:0 0 12px!important;padding:18px!important}.device-page-top{justify-content:space-between!important;align-items:center!important;gap:12px!important;display:flex!important}.device-page-top h2,.page-intro h2{margin:0 0 4px!important;font-size:clamp(24px,6vw,34px)!important;font-weight:950!important;line-height:1.05!important}.device-page-top p,.page-intro p{color:var(--hf-muted)!important;margin:0!important;font-size:13px!important;line-height:1.42!important}.device-page-actions{flex:none!important;align-items:center!important;gap:8px!important;display:flex!important}.device-action-button{border:1px solid var(--hf-line)!important;min-width:44px!important;height:44px!important;color:var(--hf-green-2)!important;background:#fff!important;border-radius:15px!important;justify-content:center!important;align-items:center!important;gap:7px!important;padding:0 12px!important;font-size:12px!important;font-weight:900!important;display:inline-flex!important}.device-action-button.primary{background:var(--hf-green)!important;color:#fff!important;border-color:#0000!important;box-shadow:0 12px 24px #10a65a38!important}.search-box{border-radius:17px!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:48px!important;margin:12px 0!important;padding:0 14px!important;display:flex!important}.search-box span{color:var(--hf-muted-2)!important;font-size:18px!important}.search-box input{width:100%!important;height:46px!important;color:var(--hf-text)!important;background:0 0!important;border:0!important;outline:0!important;font-size:14px!important;font-weight:700!important}.search-box input::placeholder{color:var(--hf-muted-2)!important}.simple-device-list{gap:10px!important;display:grid!important}.simple-device-row{text-align:left!important;border-radius:22px!important;grid-template-columns:72px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:108px!important;padding:12px!important;display:grid!important}.simple-device-icon{background:var(--hf-green-soft)!important;border-radius:20px!important;place-items:center!important;width:72px!important;height:72px!important;display:grid!important;overflow:hidden!important}.simple-device-icon img{object-fit:contain!important;width:100%!important;height:100%!important;padding:6px!important}.simple-device-icon svg{width:30px!important;height:30px!important;color:var(--hf-green-2)!important}.simple-device-content h3{color:var(--hf-text)!important;margin:0 0 5px!important;font-size:15px!important;font-weight:920!important;line-height:1.15!important}.simple-device-content p,.simple-device-meta{color:var(--hf-muted)!important;margin:0!important;font-size:11.5px!important;font-weight:650!important;line-height:1.38!important}.simple-device-meta{flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin-top:8px!important;display:flex!important}.simple-device-right{justify-items:end!important;gap:10px!important;display:grid!important}.status-badge{background:var(--hf-green-soft)!important;color:var(--hf-green-2)!important;white-space:nowrap!important;border-radius:999px!important;align-items:center!important;gap:5px!important;padding:6px 9px!important;font-size:10.5px!important;font-weight:900!important;display:inline-flex!important}.international-detail-page{padding-top:0!important}.detail-appbar-upgraded,.international-detail-header{z-index:80!important;padding:calc(8px + env(safe-area-inset-top)) 0 12px!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:linear-gradient(#f8fcf9fa,#f8fcf9d1)!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;margin:0!important;display:grid!important;position:sticky!important;top:0!important}.detail-appbar-upgraded h1,.international-detail-header h1{text-overflow:ellipsis!important;white-space:nowrap!important;letter-spacing:-.04em!important;margin:0!important;font-size:clamp(17px,5vw,24px)!important;font-weight:920!important;overflow:hidden!important}.device-detail-back{place-items:center!important;width:46px!important;height:46px!important;padding:0!important;font-size:30px!important;line-height:1!important;display:grid!important}.detail-appbar-actions{justify-content:flex-end!important;align-items:center!important;gap:7px!important;display:flex!important}.detail-update-button,.device-detail-status{height:40px!important;min-height:40px!important;color:var(--hf-green-2)!important;white-space:nowrap!important;justify-content:center!important;align-items:center!important;gap:7px!important;padding:0 11px!important;font-size:11.5px!important;font-weight:900!important;display:inline-flex!important}.device-detail-status i{background:var(--hf-green)!important;width:9px!important;height:9px!important;box-shadow:0 0 0 5px var(--hf-green-soft)!important;border-radius:999px!important}.device-visual-hero,.international-hero{width:100%!important;min-height:168px!important;box-shadow:var(--hf-shadow-green)!important;color:#fff!important;background:radial-gradient(circle at 88% 24%,#ffffff42,#0000 28%),linear-gradient(135deg,#0a7742 0%,#0ca75c 58%,#086d3d 100%)!important;border:0!important;border-radius:28px!important;grid-template-columns:minmax(0,1fr) minmax(112px,34%)!important;align-items:center!important;gap:12px!important;padding:19px!important;display:grid!important;position:relative!important;overflow:hidden!important}.device-visual-hero:before,.international-hero:before{content:""!important;pointer-events:none!important;background:linear-gradient(120deg,#ffffff24,#0000 36%),radial-gradient(circle at 78% 54%,#ffffff29,#0000 34%)!important;position:absolute!important;inset:0!important}.device-visual-hero:after,.international-hero:after{content:""!important;border:1px solid #ffffff29!important;border-radius:999px!important;width:230px!important;height:230px!important;position:absolute!important;top:-56px!important;right:-76px!important}.device-visual-text,.device-visual-image{z-index:2!important;position:relative!important}.device-last-update{color:#fff!important;background:#044b2a3d!important;border-radius:999px!important;align-items:center!important;gap:7px!important;max-width:100%!important;padding:8px 10px!important;font-size:11.3px!important;font-weight:850!important;display:inline-flex!important;overflow:hidden!important}.device-last-update span{text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;overflow:hidden!important}.device-visual-image{place-items:center!important;display:grid!important}.device-visual-image img{object-fit:contain!important;filter:drop-shadow(0 18px 24px #032d194d)!important;width:100%!important;max-width:148px!important;height:auto!important;max-height:138px!important}.operation-card,.international-operation-card{border-radius:24px!important;width:100%!important;margin:14px 0!important;padding:14px!important}.operation-title{align-items:center!important;gap:12px!important;display:flex!important}.operation-icon,.operation-title>div:first-child,.component-title-icon,.device-health-head>div:first-child,.device-log-head>div:first-child,.account-section-title>div:first-child{background:var(--hf-green-soft)!important;width:48px!important;height:48px!important;color:var(--hf-green-2)!important;border-radius:18px!important;flex:none!important;place-items:center!important;display:grid!important}.operation-title h2{margin:0 0 3px!important;font-size:17px!important;font-weight:920!important;line-height:1.1!important}.operation-title p{margin:0!important;font-size:12px!important;font-weight:650!important;line-height:1.35!important}.operation-switcher{border:1px solid var(--hf-line)!important;background:#f8fafc!important;border-radius:18px!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;padding:5px!important;display:grid!important}.operation-option{min-width:0!important;height:46px!important;color:var(--hf-muted)!important;background:0 0!important;border:0!important;border-radius:14px!important;font-size:13px!important;font-weight:900!important}.operation-option.active{background:linear-gradient(135deg, var(--hf-green), var(--hf-green-3))!important;color:#fff!important;box-shadow:0 10px 22px #10a65a38!important}.operation-lock-note{background:var(--hf-green-soft-2)!important;color:var(--hf-muted)!important;border:1px solid #10a65a21!important;border-radius:16px!important;align-items:flex-start!important;gap:9px!important;margin-top:12px!important;padding:12px!important;font-size:12px!important;font-weight:650!important;line-height:1.42!important;display:flex!important}.advanced-setting-row,.international-advanced-row{text-align:left!important;border-radius:18px!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;width:100%!important;margin-top:10px!important;padding:12px!important;display:grid!important}.advanced-setting-row>div:first-child{background:var(--hf-green-soft)!important;width:44px!important;height:44px!important;color:var(--hf-green-2)!important;border-radius:15px!important;place-items:center!important;display:grid!important}.advanced-setting-row strong{color:var(--hf-text)!important;margin:0 0 3px!important;font-size:14px!important;font-weight:900!important;display:block!important}.advanced-setting-row span{color:var(--hf-muted)!important;font-size:11.5px!important;line-height:1.35!important;display:block!important}.quick-stat-v2-grid,.international-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin:14px 0!important;display:grid!important}.quick-stat-v2-card,.international-quick-card{border-radius:22px!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-height:104px!important;padding:14px!important;display:grid!important}.quick-stat-v2-card>div:first-child,.international-quick-card>div:first-child{background:var(--hf-green-soft)!important;width:46px!important;height:46px!important;color:var(--hf-green-2)!important;border-radius:18px!important;place-items:center!important;display:grid!important}.quick-stat-v2-card p,.international-quick-card p{color:var(--hf-muted)!important;margin:0 0 4px!important;font-size:11.5px!important;font-weight:820!important;line-height:1.2!important}.quick-stat-v2-card strong,.international-quick-card strong{color:var(--hf-text)!important;letter-spacing:-.05em!important;font-size:clamp(21px,6vw,28px)!important;font-weight:950!important;line-height:1!important}.international-sparkline{grid-column:1/-1!important;width:100%!important;height:24px!important;margin-top:-4px!important}.dryer-mqtt-quick-grid,.solar-mqtt-quick-grid,.mqtt-four-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.device-health-card,.device-log-card,.critical-alert-card,.component-monitor-card{width:100%!important;margin:14px 0!important;padding:16px!important}.device-health-head,.device-log-head,.component-monitor-title{align-items:center!important}.device-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important;display:grid!important}.device-health-item{border:1px solid var(--hf-line)!important;text-align:center!important;background:#fff!important;border-radius:18px!important;min-width:0!important;min-height:108px!important;padding:12px 8px!important}.device-health-item>div{background:var(--hf-green-soft)!important;width:38px!important;height:38px!important;color:var(--hf-green-2)!important;border-radius:15px!important;place-items:center!important;margin:0 auto 8px!important;display:grid!important}.device-health-item span,.device-health-item small{text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--hf-muted)!important;font-size:10px!important;font-weight:800!important;display:block!important;overflow:hidden!important}.device-health-item strong{color:var(--hf-text)!important;margin:3px 0!important;font-size:16px!important;font-weight:950!important;display:block!important}.critical-alert-card>div:first-child{background:var(--hf-green-soft)!important;width:48px!important;height:48px!important;color:var(--hf-green-2)!important;border-radius:18px!important;place-items:center!important;display:grid!important}.critical-alert-card h2{margin:2px 0!important;font-size:16px!important;font-weight:920!important}.critical-alert-card p{color:var(--hf-muted)!important;margin:0!important;font-size:11.5px!important;line-height:1.35!important}.critical-alert-card button{background:var(--hf-green-soft)!important;min-height:38px!important;color:var(--hf-green-2)!important;white-space:nowrap!important;border:0!important;border-radius:999px!important;padding:0 13px!important;font-size:11px!important;font-weight:900!important}.device-log-list{border:1px solid var(--hf-line)!important;border-radius:18px!important;margin-top:12px!important;display:grid!important;overflow:hidden!important}.device-log-row{border:0!important;border-bottom:1px solid var(--hf-line)!important;text-align:left!important;background:#fff!important;grid-template-columns:44px 10px 38px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:62px!important;padding:9px 12px!important;display:grid!important}.device-log-row>div{background:var(--hf-green-soft)!important;width:36px!important;height:36px!important;color:var(--hf-green-2)!important;border-radius:14px!important;place-items:center!important;display:grid!important}.device-log-row h3{text-overflow:ellipsis!important;white-space:nowrap!important;margin:0 0 3px!important;font-size:12.5px!important;font-weight:900!important;overflow:hidden!important}.device-log-row p{text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--hf-muted)!important;margin:0!important;font-size:10.8px!important;overflow:hidden!important}.international-component-columns{grid-template-columns:1fr!important;gap:14px!important;margin-top:14px!important;display:grid!important}.component-tab-title{background:var(--hf-green-soft)!important;color:var(--hf-green-2)!important;letter-spacing:.06em!important;text-transform:uppercase!important;border-radius:999px!important;align-items:center!important;gap:7px!important;margin:0 0 9px!important;padding:8px 12px!important;font-size:10.5px!important;font-weight:950!important;display:inline-flex!important}.international-component-row{border:1px solid var(--hf-line)!important;text-align:left!important;background:#fff!important;border-radius:18px!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:78px!important;padding:12px!important;display:grid!important;overflow:hidden!important}.international-component-icon{background:var(--hf-green-soft)!important;width:46px!important;height:46px!important;color:var(--hf-green-2)!important;border-radius:17px!important;place-items:center!important;display:grid!important}.international-component-icon.lamp,.international-component-icon.power{color:var(--hf-orange)!important;background:#fff7ed!important}.international-component-row section,.international-component-row actuator section{min-width:0!important}.international-component-row section>div{justify-content:space-between!important;align-items:center!important;gap:8px!important;display:flex!important}.international-component-row h3{text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--hf-text)!important;margin:0!important;font-size:12.8px!important;font-weight:920!important;overflow:hidden!important}.international-component-row section>div span{background:var(--hf-green-soft)!important;color:var(--hf-green-2)!important;border-radius:999px!important;flex:none!important;padding:4px 8px!important;font-size:9.5px!important;font-weight:900!important}.international-component-row strong{color:var(--hf-text)!important;margin:4px 0!important;font-size:18px!important;font-weight:950!important;line-height:1.08!important;display:block!important}.international-component-row strong small{color:var(--hf-muted)!important;margin-left:3px!important;font-size:10.5px!important}.international-component-row p{text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--hf-muted)!important;margin:0!important;font-size:10.8px!important;line-height:1.35!important;overflow:hidden!important}.international-pwm-control{width:100%!important;max-width:100%!important;margin-top:10px!important}.international-pwm-control input[type=range]{width:100%!important;height:6px!important;accent-color:var(--hf-green)!important}.international-toggle{background:#dbe3ec!important;border:0!important;border-radius:999px!important;width:58px!important;min-width:58px!important;height:34px!important;padding:4px!important;position:relative!important;box-shadow:inset 0 0 0 1px #0f172a0f!important}.area-filter-list,.notif-filter-list{scrollbar-width:none!important;gap:8px!important;padding:2px 0 10px!important;display:flex!important;overflow-x:auto!important}.area-filter-list::-webkit-scrollbar{display:none!important}.notif-filter-list::-webkit-scrollbar{display:none!important}.area-filter-list button,.notif-filter-list button{border:1px solid var(--hf-line)!important;min-height:36px!important;color:var(--hf-muted)!important;white-space:nowrap!important;background:#fff!important;border-radius:999px!important;flex:none!important;padding:0 14px!important;font-size:12px!important;font-weight:850!important}.area-filter-list button.active,.notif-filter-list button.active{background:var(--hf-green)!important;color:#fff!important;border-color:#0000!important}.area-group-list,.notif-group-list{gap:14px!important;display:grid!important}.area-device-group,.notif-group{padding:14px!important}.area-group-header{align-items:center!important;gap:12px!important;margin-bottom:12px!important;display:flex!important}.area-group-icon,.notif-kind-icon{background:var(--hf-green-soft)!important;width:48px!important;height:48px!important;color:var(--hf-green-2)!important;border-radius:18px!important;flex:none!important;place-items:center!important;display:grid!important}.area-group-header h3,.notif-group h3{margin:0 0 4px!important;font-size:15px!important;font-weight:920!important}.area-group-header p{margin:0!important;font-size:11.5px!important;line-height:1.35!important}.area-group-items,.notif-card-list{gap:8px!important;display:grid!important}.area-clean-row,.notif-row{text-align:left!important;border-radius:17px!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:72px!important;padding:13px!important;display:grid!important}.area-clean-row h4,.notif-content h4{color:var(--hf-text)!important;margin:0 0 4px!important;font-size:13.5px!important;font-weight:900!important;line-height:1.22!important}.area-clean-row p,.notif-content p{color:var(--hf-muted)!important;margin:0!important;font-size:11px!important;line-height:1.35!important}.area-row-right{align-items:center!important;gap:8px!important;display:flex!important}.notif-row{grid-template-columns:44px minmax(0,1fr) auto!important}.notif-row.unread{background:linear-gradient(135deg,#fff,#f2fbf6)!important;border-color:#10a65a2e!important}.account-intro{display:block!important}.admin-profile-card.upgraded{border-radius:28px!important;padding:0!important;overflow:hidden!important}.admin-profile-top{text-align:center!important;background:radial-gradient(circle at 90% 20%, #fff3, transparent 32%), linear-gradient(135deg, var(--hf-green-2), var(--hf-green))!important;color:#fff!important;padding:24px 20px!important}.admin-avatar{background:#ffffff2e!important;border-radius:28px!important;place-items:center!important;width:76px!important;height:76px!important;margin:0 auto 12px!important;display:grid!important}.admin-profile-top h2{color:#fff!important;letter-spacing:-.045em!important;margin:0 0 4px!important;font-size:24px!important;font-weight:950!important}.admin-profile-top p{color:#ffffffd6!important;margin:0 0 14px!important;font-size:12.5px!important}.profile-edit-pill{min-height:38px!important;color:var(--hf-green-2)!important;background:#fff!important;border:0!important;border-radius:999px!important;padding:0 14px!important;font-size:12px!important;font-weight:900!important}.admin-status-grid{grid-template-columns:1fr 1fr!important;display:grid!important}.admin-status-grid>div{text-align:center!important;padding:14px!important}.admin-status-grid span{color:var(--hf-muted)!important;margin-bottom:4px!important;font-size:11px!important;font-weight:850!important;display:block!important}.admin-status-grid strong{font-size:15px!important;font-weight:920!important}.account-admin-card,.account-menu-card{margin:14px 0!important;padding:16px!important}.account-admin-card{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;display:grid!important}.account-admin-card span{color:var(--hf-green-2)!important;font-size:11px!important;font-weight:900!important}.account-admin-card h3{margin:3px 0!important;font-size:15px!important;font-weight:920!important}.account-admin-card p{color:var(--hf-muted)!important;margin:0!important;font-size:11.5px!important;line-height:1.4!important}.account-admin-card button{background:var(--hf-green-soft)!important;min-height:38px!important;color:var(--hf-green-2)!important;border:0!important;border-radius:999px!important;padding:0 14px!important;font-size:12px!important;font-weight:900!important}.account-menu-list{gap:8px!important;margin-top:12px!important;display:grid!important}.account-menu-list button{border:1px solid var(--hf-line)!important;text-align:left!important;background:#fff!important;border-radius:17px!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:70px!important;padding:13px!important;display:grid!important}.account-menu-icon{background:var(--hf-green-soft)!important;width:44px!important;height:44px!important;color:var(--hf-green-2)!important;border-radius:16px!important;place-items:center!important;display:grid!important}.account-menu-list h4{color:var(--hf-text)!important;margin:0 0 4px!important;font-size:13.5px!important;font-weight:920!important}.account-menu-list p{margin:0!important;font-size:10.8px!important;line-height:1.35!important}.account-logout-button{width:100%!important;min-height:52px!important;color:var(--hf-red)!important;background:#fff!important;border:1px solid #ef444438!important;border-radius:18px!important;margin:14px 0 0!important;font-size:14px!important;font-weight:900!important}.solar-panel-live-card,.solar-monitor-section,.solar-energy-panel,.solar-bms-card{border-radius:24px!important;width:100%!important;margin:14px 0!important;padding:16px!important}.solar-live-header,.solar-section-title{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:12px!important;margin-bottom:14px!important;display:grid!important}.solar-section-title{grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important}.solar-live-header h2,.solar-section-title h3{color:var(--hf-text)!important;letter-spacing:-.035em!important;margin:0 0 4px!important;font-size:17px!important;font-weight:950!important;line-height:1.1!important}.solar-live-header p,.solar-section-title p{color:var(--hf-muted)!important;margin:0!important;font-size:11.3px!important;font-weight:650!important;line-height:1.35!important}.solar-live-status{background:var(--hf-green-soft)!important;height:34px!important;color:var(--hf-green-2)!important;white-space:nowrap!important;border-radius:999px!important;align-items:center!important;gap:7px!important;padding:0 10px!important;font-size:10.5px!important;font-weight:920!important;display:inline-flex!important}.solar-live-status i{background:var(--hf-green)!important;border-radius:999px!important;width:8px!important;height:8px!important}.solar-live-overview-grid,.solar-monitor-grid,.solar-energy-grid,.solar-bms-summary,.solar-cell-grid{gap:9px!important;display:grid!important}.solar-live-overview-grid,.solar-monitor-grid,.solar-bms-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.solar-energy-grid,.solar-cell-grid{grid-template-columns:1fr!important}.solar-live-overview-card,.solar-monitor-item,.solar-energy-row,.solar-percent-card,.solar-bms-summary button,.solar-cell-pill{border:1px solid var(--hf-line)!important;min-width:0!important;min-height:76px!important;box-shadow:none!important;background:#fff!important;border-radius:17px!important;padding:11px!important}.solar-live-overview-card,.solar-monitor-item,.solar-energy-row{text-align:left!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;display:grid!important}.solar-live-overview-card>div:first-child,.solar-monitor-item>div:first-child,.solar-energy-row>div:first-child,.solar-section-title>div:first-child{background:var(--hf-green-soft)!important;width:38px!important;height:38px!important;color:var(--hf-green-2)!important;border-radius:14px!important;place-items:center!important;display:grid!important}.solar-live-overview-card span,.solar-monitor-item span,.solar-energy-row span,.solar-bms-summary span,.solar-cell-pill span{color:var(--hf-muted)!important;margin:0 0 4px!important;font-size:10px!important;font-weight:850!important;line-height:1.1!important;display:block!important}.solar-live-overview-card strong,.solar-monitor-item strong,.solar-energy-row strong,.solar-bms-summary strong,.solar-cell-pill strong{overflow-wrap:anywhere!important;color:var(--hf-text)!important;font-size:15px!important;font-weight:950!important;line-height:1.08!important;display:block!important}.solar-live-overview-card p,.solar-monitor-item p,.solar-energy-row p,.solar-percent-card p{color:var(--hf-muted-2)!important;margin:4px 0 0!important;font-size:9.5px!important;line-height:1.25!important}.solar-percent-bar{background:#e2e8f0!important;border-radius:999px!important;height:9px!important;margin:10px 0 8px!important;overflow:hidden!important}.solar-percent-bar i,.solar-percent-bar span{background:linear-gradient(90deg, var(--hf-green), var(--hf-green-3))!important;border-radius:999px!important;height:100%!important;display:block!important}.modal-backdrop,.account-sheet-backdrop,.sensor-chart-backdrop{z-index:120!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0f172a57!important;place-items:end center!important;padding:18px 12px!important;display:grid!important;position:fixed!important;inset:0!important}.area-form,.account-sheet,.sensor-chart-sheet{width:min(100%, var(--hf-page-mobile))!important;border-radius:28px!important;max-height:calc(100vh - 36px)!important;overflow-y:auto!important}.account-sheet,.sensor-chart-sheet,.area-form{border:1px solid var(--hf-line)!important;background:#fff!important;box-shadow:0 24px 64px #0f172a2e!important}@media (width<=390px){.mobile-page{padding-left:10px!important;padding-right:10px!important}.detail-update-button span{display:none!important}.device-detail-status{padding:0 10px!important;font-size:10.5px!important}.hiroshi-hero-card,.device-visual-hero,.international-hero{grid-template-columns:minmax(0,1fr) 104px!important;padding:16px!important}.device-visual-text h2,.hiroshi-hero-text h2{font-size:24px!important}.device-visual-text p,.hiroshi-hero-text p{font-size:11.5px!important}.hiroshi-metric-grid,.area-summary-grid,.notif-summary-grid,.admin-summary-grid{gap:8px!important}.hiroshi-metric-card,.area-summary-card,.notif-summary-card,.admin-summary-grid>button{padding:12px 9px!important}.activity-row{grid-template-columns:10px 38px 34px minmax(0,1fr)!important}.activity-row small{display:none!important}.device-health-grid{grid-template-columns:1fr!important}.critical-alert-card{grid-template-columns:44px minmax(0,1fr)!important}.critical-alert-card button{grid-column:1/-1!important;width:100%!important}}@media (width>=760px){.mobile-page{width:min(100%, var(--hf-page-tablet))!important;max-width:var(--hf-page-tablet)!important;padding-left:22px!important;padding-right:22px!important}.bottom-nav,.mobile-page>nav{max-width:760px!important;bottom:16px!important}.hiroshi-hero-card{grid-template-columns:minmax(0,1fr) 230px!important;min-height:230px!important;padding:30px!important}.hero-dashboard-card{width:168px!important;height:132px!important;top:44px!important;right:34px!important}.hiroshi-area-grid,.area-group-list,.notif-group-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.device-visual-hero,.international-hero{grid-template-columns:minmax(0,1fr) 230px!important;min-height:230px!important;padding:28px!important}.device-visual-image img{max-width:220px!important;max-height:200px!important}.international-operation-main{grid-template-columns:minmax(0,1fr) 360px!important;align-items:center!important}.quick-stat-v2-grid,.international-quick-grid,.dryer-mqtt-quick-grid,.solar-mqtt-quick-grid,.mqtt-four-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.quick-stat-v2-card,.international-quick-card{text-align:center!important;grid-template-columns:1fr!important;justify-items:center!important}.international-insight-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;display:grid!important}.international-insight-left{gap:14px!important;display:grid!important}.international-insight-left .device-health-card,.international-insight-left .critical-alert-card,.device-log-card{margin-top:0!important}.international-component-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.solar-live-overview-grid,.solar-monitor-grid,.solar-bms-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important}.solar-energy-grid,.solar-cell-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width>=1024px){.mobile-page{width:min(100%, var(--hf-page-wide))!important;max-width:var(--hf-page-wide)!important}.mobile-page:not(.international-detail-page){grid-template-columns:1.02fr .98fr!important;align-items:start!important;gap:18px!important;display:grid!important}.mobile-page:not(.international-detail-page)>.hiroshi-home-header,.mobile-page:not(.international-detail-page)>.hiroshi-area-section,.mobile-page:not(.international-detail-page)>.hiroshi-trend-card,.mobile-page:not(.international-detail-page)>.device-page-top,.mobile-page:not(.international-detail-page)>.page-intro,.mobile-page:not(.international-detail-page)>.search-box,.mobile-page:not(.international-detail-page)>.area-filter-list,.mobile-page:not(.international-detail-page)>.notif-filter-list{grid-column:1/-1!important}.international-detail-page{max-width:var(--hf-page-wide)!important}.simple-device-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.account-sheet-backdrop,.modal-backdrop,.sensor-chart-backdrop{z-index:9999!important;-webkit-backdrop-filter:blur(10px)!important;background:#0f172a6b!important;justify-content:center!important;align-items:flex-end!important;padding:14px!important;display:flex!important;position:fixed!important;inset:0!important}.modal-backdrop{align-items:center!important}.account-sheet,.area-form,.sensor-chart-sheet{color:#0f172a!important;background:#fff!important;border:1px solid #0f172a14!important;border-radius:28px!important;width:100%!important;max-width:520px!important;max-height:calc(100vh - 70px)!important;padding:22px!important;overflow-y:auto!important;box-shadow:0 24px 70px #0f172a3d!important}.account-sheet::-webkit-scrollbar{width:0!important}.area-form::-webkit-scrollbar{width:0!important}.sensor-chart-sheet::-webkit-scrollbar{width:0!important}.account-sheet-line,.sensor-chart-handle,.sheet-line{background:#dbe7df!important;border-radius:999px!important;width:58px!important;height:6px!important;margin:0 auto 18px!important}.account-sheet-header,.form-header,.sensor-chart-header{grid-template-columns:1fr 48px!important;align-items:flex-start!important;gap:14px!important;margin-bottom:18px!important;display:grid!important}.account-sheet-header span,.form-header span,.sensor-chart-header span{color:#0b8f4d!important;letter-spacing:.14em!important;text-transform:uppercase!important;margin-bottom:6px!important;font-size:12px!important;font-weight:900!important;display:block!important}.account-sheet-header h2,.form-header h2,.sensor-chart-header h2{color:#0f172a!important;letter-spacing:-.045em!important;margin:0 0 6px!important;font-size:25px!important;font-weight:900!important;line-height:1.05!important}.account-sheet-header p,.form-header p,.sensor-chart-header p{color:#64748b!important;margin:0!important;font-size:14px!important;font-weight:650!important;line-height:1.45!important}.account-sheet-header>button,.form-header>button,.sensor-chart-header>button{color:#475569!important;background:#f8fafc!important;border:1px solid #0f172a14!important;border-radius:18px!important;place-items:center!important;width:48px!important;height:48px!important;font-size:28px!important;line-height:1!important;display:grid!important;box-shadow:0 8px 20px #0f172a0f!important}.edit-profile-form,.area-form{grid-template-columns:1fr!important;gap:13px!important;display:grid!important}.edit-profile-form label,.area-form label{color:#334155!important;gap:8px!important;font-size:13px!important;font-weight:850!important;display:grid!important}.edit-profile-form input,.area-form input{color:#0f172a!important;background:#f8fafc!important;border:1px solid #0f172a1f!important;border-radius:16px!important;outline:none!important;width:100%!important;min-width:0!important;height:50px!important;padding:0 14px!important;font-size:14px!important;font-weight:700!important}.edit-profile-form input:focus,.area-form input:focus{background:#fff!important;border-color:#10a65a!important;box-shadow:0 0 0 4px #10a65a1f!important}.edit-profile-form input[readonly],.area-form input[readonly]{color:#64748b!important;background:#eef2f7!important}.edit-profile-form button[type=submit],.area-form .save-button,.area-form button[type=submit]{color:#fff!important;background:linear-gradient(135deg,#10a65a,#08723f)!important;border:0!important;border-radius:17px!important;width:100%!important;height:52px!important;margin-top:4px!important;font-size:15px!important;font-weight:900!important;box-shadow:0 14px 28px #10a65a3d!important}.about-app-hero{background:linear-gradient(135deg,#e8f8ef,#fff)!important;border:1px solid #10a65a1f!important;border-radius:22px!important;align-items:center!important;gap:14px!important;margin-bottom:14px!important;padding:16px!important;display:flex!important}.about-app-logo{flex:none!important;grid-template-columns:1fr 1fr!important;gap:4px!important;width:58px!important;height:58px!important;display:grid!important}.about-app-logo span{background:linear-gradient(135deg,#16b86a,#08723f)!important;border-radius:999px 999px 999px 8px!important}.about-app-logo span:nth-child(2){border-radius:999px 999px 8px!important}.about-app-hero h3{color:#0f172a!important;margin:0 0 4px!important;font-size:20px!important;font-weight:900!important}.about-app-hero p{color:#64748b!important;margin:0!important;font-size:13px!important;font-weight:700!important}.about-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important;display:grid!important}.about-info-grid>div{background:#f8fafc!important;border:1px solid #0f172a14!important;border-radius:18px!important;padding:13px!important}.about-info-grid span{color:#64748b!important;margin-bottom:5px!important;font-size:11px!important;font-weight:800!important;display:block!important}.about-info-grid strong{color:#0f172a!important;font-size:15px!important;font-weight:900!important}.about-feature-list{gap:10px!important;margin:14px 0!important;display:grid!important}.about-feature-list>div{background:#fff!important;border:1px solid #0f172a14!important;border-radius:18px!important;grid-template-columns:42px 1fr!important;align-items:center!important;gap:12px!important;padding:12px!important;display:grid!important}.about-feature-list svg{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:16px!important;width:42px!important;height:42px!important;padding:10px!important}.about-feature-list p{color:#475569!important;margin:0!important;font-size:13px!important;font-weight:700!important;line-height:1.45!important}.about-close-button{color:#fff!important;background:#0b8f4d!important;border:0!important;border-radius:17px!important;width:100%!important;height:52px!important;font-size:15px!important;font-weight:900!important}.software-update-hero{background:linear-gradient(135deg,#e8f8ef,#fff)!important;border:1px solid #10a65a1f!important;border-radius:22px!important;grid-template-columns:64px 1fr!important;align-items:center!important;gap:14px!important;padding:16px!important;display:grid!important}.software-update-orb{color:#fff!important;background:#0b8f4d!important;border-radius:22px!important;place-items:center!important;width:64px!important;height:64px!important;display:grid!important;box-shadow:0 14px 28px #10a65a38!important}.software-update-orb svg{width:28px!important;height:28px!important}.software-update-hero h3{color:#0f172a!important;margin:0 0 5px!important;font-size:18px!important;font-weight:900!important}.software-update-hero p{color:#64748b!important;margin:0!important;font-size:13px!important;font-weight:700!important;line-height:1.45!important}.software-progress-card{background:#f8fafc!important;border:1px solid #0f172a14!important;border-radius:20px!important;margin:14px 0!important;padding:14px!important}.software-progress-card>div:first-child{justify-content:space-between!important;align-items:center!important;margin-bottom:10px!important;display:flex!important}.software-progress-card span{color:#64748b!important;font-size:12px!important;font-weight:800!important}.software-progress-card strong{color:#0b8f4d!important;font-size:16px!important;font-weight:900!important}.software-progress-bar{background:#e2e8f0!important;border-radius:999px!important;width:100%!important;height:10px!important;overflow:hidden!important}.software-progress-bar span{border-radius:inherit!important;background:linear-gradient(90deg,#16b86a,#08723f)!important;height:100%!important;display:block!important}.software-version-list{gap:9px!important;display:grid!important}.software-version-list>div{background:#fff!important;border:1px solid #0f172a14!important;border-radius:17px!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:13px!important;display:flex!important}.software-version-list span{color:#64748b!important;font-size:12px!important;font-weight:800!important}.software-version-list strong{color:#0f172a!important;text-align:right!important;font-size:13px!important;font-weight:900!important}.software-update-actions{grid-template-columns:1fr 1.2fr!important;gap:10px!important;margin-top:14px!important;display:grid!important}.software-update-actions button{border-radius:17px!important;height:52px!important;font-size:14px!important;font-weight:900!important}.software-update-actions button:first-child{color:#475569!important;background:#fff!important;border:1px solid #0f172a1a!important}.software-update-actions button:last-child{color:#fff!important;background:linear-gradient(135deg,#10a65a,#08723f)!important;border:0!important}.sensor-chart-backdrop{padding:12px!important}.sensor-chart-sheet{border-radius:30px!important;max-width:560px!important;padding:20px!important}.sensor-chart-current{background:#f8fafc!important;border:1px solid #0f172a14!important;border-radius:22px!important;grid-template-columns:54px 1fr auto!important;align-items:center!important;gap:12px!important;margin-bottom:14px!important;padding:14px!important;display:grid!important}.sensor-chart-icon{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:20px!important;place-items:center!important;width:54px!important;height:54px!important;display:grid!important}.sensor-chart-icon svg{width:26px!important;height:26px!important}.sensor-chart-current span{color:#64748b!important;font-size:12px!important;font-weight:800!important;display:block!important}.sensor-chart-current strong{color:#0f172a!important;letter-spacing:-.04em!important;margin-top:3px!important;font-size:24px!important;font-weight:950!important;display:block!important}.sensor-chart-current b{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;padding:8px 11px!important;font-size:11px!important;font-weight:900!important}.sensor-chart-range-tabs{background:#f1f5f9!important;border-radius:18px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-bottom:14px!important;padding:5px!important;display:grid!important}.sensor-chart-range-tabs button{color:#64748b!important;background:0 0!important;border:0!important;border-radius:14px!important;height:38px!important;font-size:12px!important;font-weight:900!important}.sensor-chart-range-tabs button.active{color:#0b8f4d!important;background:#fff!important;box-shadow:0 8px 18px #0f172a14!important}.sensor-chart-visual{background:linear-gradient(#fff,#f8fafc)!important;border:1px solid #0f172a14!important;border-radius:24px!important;padding:12px 0 0 42px!important;position:relative!important;overflow:hidden!important}.sensor-chart-y-axis{flex-direction:column!important;justify-content:space-between!important;width:36px!important;display:flex!important;position:absolute!important;top:18px!important;bottom:34px!important;left:10px!important}.sensor-chart-y-axis span{color:#94a3b8!important;white-space:nowrap!important;font-size:10px!important;font-weight:800!important;line-height:1!important}.sensor-chart-svg{width:100%!important;height:230px!important;display:block!important;overflow:visible!important}.sensor-chart-svg line{stroke:#94a3b842!important;stroke-width:1px!important}.sensor-chart-area{fill:#10a65a1f!important}.sensor-chart-line{fill:none!important;stroke:#10a65a!important;stroke-width:4px!important;stroke-linecap:round!important;stroke-linejoin:round!important}.sensor-chart-marker-line{stroke:#10a65a38!important;stroke-width:2px!important;stroke-dasharray:5 5!important}.sensor-chart-marker-dot{fill:#10a65a!important;stroke:#fff!important;stroke-width:4px!important}.sensor-chart-tooltip{color:#fff!important;background:#0f172a!important;border-radius:13px!important;place-items:center!important;min-width:78px!important;padding:6px 8px!important;display:grid!important;box-shadow:0 10px 24px #0f172a38!important}.sensor-chart-tooltip small{color:#ffffffad!important;font-size:9px!important;font-weight:800!important}.sensor-chart-tooltip strong{color:#fff!important;font-size:12px!important;font-weight:900!important}.sensor-chart-x-axis{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2px!important;padding:0 10px 12px 0!important;display:grid!important}.sensor-chart-x-axis span{color:#64748b!important;text-align:center!important;white-space:nowrap!important;font-size:9px!important;font-weight:800!important}.sensor-chart-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-top:12px!important;display:grid!important}.sensor-chart-summary-grid>div{text-align:center!important;background:#f8fafc!important;border:1px solid #0f172a14!important;border-radius:18px!important;padding:12px!important}.sensor-chart-summary-grid span{color:#64748b!important;margin-bottom:5px!important;font-size:11px!important;font-weight:800!important;display:block!important}.sensor-chart-summary-grid strong{color:#0f172a!important;font-size:15px!important;font-weight:950!important}.sensor-chart-note{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:18px!important;grid-template-columns:38px 1fr!important;align-items:flex-start!important;gap:10px!important;margin-top:12px!important;padding:12px!important;display:grid!important}.sensor-chart-note svg{background:#fff!important;border-radius:14px!important;width:38px!important;height:38px!important;padding:9px!important}.sensor-chart-note p{color:#335c46!important;margin:0!important;font-size:12px!important;font-weight:700!important;line-height:1.45!important}.scanner-error-card{background:#fff!important;border:1px solid #f59e0b29!important;border-radius:24px!important;grid-template-columns:54px 1fr auto!important;align-items:center!important;gap:14px!important;padding:16px!important;display:grid!important;box-shadow:0 10px 28px #0f172a0f!important}.scanner-error-card>div:first-child{color:#f97316!important;background:#fff4df!important;border-radius:20px!important;place-items:center!important;width:54px!important;height:54px!important;display:grid!important}.scanner-error-card h3{color:#0f172a!important;margin:0 0 4px!important;font-size:16px!important;font-weight:900!important}.scanner-error-card p{color:#64748b!important;margin:0!important;font-size:13px!important;font-weight:700!important}.scanner-error-card button{color:#fff!important;white-space:nowrap!important;background:#f97316!important;border:0!important;border-radius:999px!important;height:42px!important;padding:0 14px!important;font-size:12px!important;font-weight:900!important}@media (width<=390px){.account-sheet,.area-form,.sensor-chart-sheet{border-radius:26px!important;padding:18px!important}.account-sheet-header h2,.form-header h2,.sensor-chart-header h2{font-size:22px!important}.sensor-chart-current{grid-template-columns:48px 1fr!important}.sensor-chart-current b{grid-column:1/-1!important;width:max-content!important}.sensor-chart-visual{padding-left:34px!important}.sensor-chart-y-axis{width:32px!important;left:6px!important}.sensor-chart-svg{height:210px!important}.scanner-error-card{grid-template-columns:48px 1fr!important}.scanner-error-card button{grid-column:1/-1!important;width:100%!important}.about-info-grid,.sensor-chart-summary-grid{grid-template-columns:1fr!important}}.device-page-top{align-items:center!important}.device-page-actions{flex-shrink:0!important;align-items:center!important;gap:10px!important;display:flex!important}.device-action-button{white-space:nowrap!important;border-radius:22px!important;justify-content:center!important;align-items:center!important;gap:10px!important;min-width:112px!important;height:54px!important;padding:0 18px!important;line-height:1!important;display:inline-flex!important}.device-action-button svg{flex:none!important;width:22px!important;height:22px!important}.device-action-button span{justify-content:center!important;align-items:center!important;height:22px!important;font-size:15px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important;transform:translateY(0)!important}.device-action-button.primary{color:#fff!important;background:linear-gradient(135deg,#10a65a,#08723f)!important;box-shadow:0 14px 26px #10a65a3d!important}.device-action-button:not(.primary){color:#0b8f4d!important;background:#fff!important;border:1px solid #0f172a14!important}@media (width<=430px){.device-page-top{grid-template-columns:1fr!important;gap:16px!important;padding:22px!important;display:grid!important}.device-page-actions{grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;display:grid!important}.device-action-button{width:100%!important;min-width:0!important;height:56px!important;padding:0 12px!important}}.bottom-nav,.mobile-page>nav{width:100%!important;max-width:none!important;height:calc(76px + env(safe-area-inset-bottom))!important;padding:8px 14px calc(8px + env(safe-area-inset-bottom))!important;-webkit-backdrop-filter:blur(18px)!important;background:#fffffff5!important;border:0!important;border-top:1px solid #0f172a14!important;border-radius:24px 24px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;box-shadow:0 -10px 28px #0f172a14!important}.bottom-nav button,.mobile-page>nav button{border-radius:18px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-height:58px!important;display:flex!important}.bottom-nav button svg,.mobile-page>nav button svg{width:22px!important;height:22px!important}.bottom-nav button span,.mobile-page>nav button span{font-size:11px!important;font-weight:800!important;line-height:1!important}.bottom-nav button.active,.mobile-page>nav button.active{color:#0b8f4d!important;background:#e8f8ef!important}@media (width>=760px){.bottom-nav,.mobile-page>nav{border-radius:24px 24px 0 0!important;width:min(100%,760px)!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}}.operation-title>div:first-child,.operation-icon{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:22px!important;width:58px!important;height:58px!important}.operation-title h2{letter-spacing:-.03em!important;margin:0 0 4px!important;font-size:18px!important;font-weight:900!important;line-height:1.15!important}.operation-switcher{background:#f8fafc!important;border:1px solid #0f172a14!important;border-radius:24px!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;height:66px!important;margin:0!important;padding:6px!important;display:grid!important;box-shadow:inset 0 1px 2px #0f172a0a,0 8px 20px #0f172a0a!important}.operation-option{color:#64748b!important;text-align:center!important;white-space:nowrap!important;width:100%!important;height:100%!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:19px!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0 12px!important;font-size:14px!important;font-weight:900!important;line-height:1!important;display:flex!important;transform:none!important}.operation-option svg{stroke-width:2.4px!important;flex:none!important;width:20px!important;height:20px!important}.operation-option span,.operation-option b,.operation-option strong{justify-content:center!important;align-items:center!important;line-height:1!important;display:inline-flex!important;transform:translateY(0)!important}.operation-lock-note{color:#0b6b3c!important;background:#e8f8ef!important;border:1px solid #10a65a24!important;border-radius:18px!important;grid-template-columns:22px 1fr!important;align-items:flex-start!important;gap:10px!important;width:100%!important;margin-top:0!important;padding:14px 16px!important;font-size:12px!important;font-weight:800!important;line-height:1.45!important;display:grid!important}.operation-lock-note span{color:#0b8f4d!important;place-items:center!important;width:22px!important;height:22px!important;font-weight:900!important;display:grid!important}@media (width<=390px){.operation-card{border-radius:28px!important;padding:18px!important}.operation-title{grid-template-columns:52px 1fr!important;gap:12px!important}.operation-title>div:first-child,.operation-icon{border-radius:20px!important;width:52px!important;height:52px!important}.operation-switcher{border-radius:22px!important;height:62px!important;padding:5px!important}.operation-option{border-radius:17px!important;gap:8px!important;font-size:13px!important}.operation-option svg{width:18px!important;height:18px!important}}.account-page,.mobile-page.account-page{background:radial-gradient(circle at 100% 0,#10a65a1a,#0000 28%),linear-gradient(#f7fcf9 0%,#eef7f1 100%)!important}.account-intro,.page-intro.account-intro{background:#fffffff0!important;border:1px solid #0f172a0f!important;border-radius:28px!important;margin-bottom:14px!important;padding:20px 22px!important;box-shadow:0 12px 32px #0f172a0f!important}.account-intro h2,.page-intro.account-intro h2{color:#0f172a!important;letter-spacing:-.05em!important;margin:0 0 7px!important;font-size:28px!important;font-weight:950!important;line-height:1.05!important}.account-intro p,.page-intro.account-intro p{color:#64748b!important;max-width:320px!important;margin:0!important;font-size:13px!important;font-weight:650!important;line-height:1.45!important}.admin-profile-card,.admin-profile-card.upgraded{background:#fff!important;border:1px solid #0f172a0f!important;border-radius:30px!important;margin-bottom:14px!important;overflow:hidden!important;box-shadow:0 14px 36px #0f172a14!important}.admin-profile-top{text-align:center!important;color:#fff!important;background:radial-gradient(circle at 76% 12%,#ffffff38,#0000 28%),radial-gradient(circle at 20% 90%,#ffffff1f,#0000 30%),linear-gradient(135deg,#0b8f4d 0%,#10a65a 55%,#08723f 100%)!important;border-radius:24px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:210px!important;padding:28px 22px 24px!important;display:flex!important;position:relative!important;overflow:hidden!important}.admin-profile-top:before{content:""!important;border:1px solid #ffffff29!important;border-radius:999px!important;width:180px!important;height:180px!important;position:absolute!important;top:-50px!important;right:-50px!important}.admin-profile-top:after{content:""!important;background:#ffffff12!important;border-radius:999px!important;width:200px!important;height:200px!important;position:absolute!important;bottom:-70px!important;left:-60px!important}.admin-avatar{z-index:2!important;background:#ffffff2e!important;border:1px solid #ffffff42!important;border-radius:28px!important;place-items:center!important;width:76px!important;height:76px!important;margin:0 auto 14px!important;display:grid!important;position:relative!important;box-shadow:inset 0 1px #ffffff38,0 14px 28px #05502c2e!important}.admin-avatar svg{color:#ffffffe0!important;width:34px!important;height:34px!important}.admin-profile-top h2{z-index:2!important;color:#fff!important;letter-spacing:-.045em!important;margin:0 0 5px!important;font-size:24px!important;font-weight:950!important;line-height:1.1!important;position:relative!important}.admin-profile-top p{z-index:2!important;color:#ffffffd1!important;max-width:280px!important;margin:0 auto 16px!important;font-size:12.5px!important;font-weight:700!important;line-height:1.4!important;position:relative!important}.profile-edit-pill{z-index:2!important;color:#0b8f4d!important;background:#fff!important;border:0!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-width:128px!important;height:42px!important;padding:0 16px!important;font-size:13px!important;font-weight:900!important;display:inline-flex!important;position:relative!important;box-shadow:0 12px 26px #05502c2e!important}.admin-status-grid{background:#fff!important;border-top:1px solid #0f172a0f!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.admin-status-grid>div{text-align:center!important;border-right:1px solid #0f172a0f!important;place-items:center!important;min-height:78px!important;padding:16px 10px!important;display:grid!important}.admin-status-grid>div:last-child{border-right:0!important}.admin-status-grid span{color:#64748b!important;margin:0 0 6px!important;font-size:11px!important;font-weight:850!important;display:block!important}.admin-status-grid strong{color:#0f172a!important;font-size:17px!important;font-weight:950!important;line-height:1!important}.admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important;display:grid!important}.admin-summary-card,.admin-summary-grid>div{text-align:center!important;background:#fffffff2!important;border:1px solid #0f172a0f!important;border-radius:24px!important;place-items:center!important;min-height:112px!important;padding:15px 10px!important;display:grid!important;box-shadow:0 10px 26px #0f172a0e!important}.admin-summary-card>div,.admin-summary-grid>div>div:first-child{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:18px!important;place-items:center!important;width:46px!important;height:46px!important;margin:0 auto 10px!important;display:grid!important}.admin-summary-card strong,.admin-summary-grid>div strong{color:#0f172a!important;margin:0 0 4px!important;font-size:22px!important;font-weight:950!important;line-height:1!important;display:block!important}.admin-summary-card span,.admin-summary-grid>div span{color:#64748b!important;font-size:11px!important;font-weight:850!important;line-height:1.2!important}.account-admin-card,.admin-access-card{background:#fffffff5!important;border:1px solid #0f172a0f!important;border-radius:26px!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:12px!important;margin:14px 0!important;padding:18px!important;display:grid!important;box-shadow:0 12px 30px #0f172a0f!important}.account-admin-card span,.admin-access-card span{color:#0b8f4d!important;margin-bottom:5px!important;font-size:11px!important;font-weight:950!important;display:inline-flex!important}.account-admin-card h3,.admin-access-card h3{color:#0f172a!important;letter-spacing:-.025em!important;margin:0 0 6px!important;font-size:17px!important;font-weight:950!important;line-height:1.15!important}.account-admin-card p,.admin-access-card p{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:650!important;line-height:1.45!important}.account-admin-card b,.admin-access-card b{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-width:58px!important;height:38px!important;padding:0 14px!important;font-size:12px!important;font-weight:950!important;display:inline-flex!important}.account-menu-card{background:#fffffff5!important;border:1px solid #0f172a0f!important;border-radius:30px!important;margin:14px 0!important;padding:18px!important;box-shadow:0 14px 36px #0f172a12!important}.account-section-title{grid-template-columns:52px 1fr!important;align-items:center!important;gap:12px!important;margin-bottom:14px!important;display:grid!important}.account-section-title>div,.account-section-title .account-menu-icon{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:20px!important;place-items:center!important;width:52px!important;height:52px!important;display:grid!important}.account-section-title h3,.account-section-title h2{color:#0f172a!important;letter-spacing:-.035em!important;margin:0!important;font-size:19px!important;font-weight:950!important;line-height:1.15!important}.account-menu-list{gap:10px!important;display:grid!important}.account-menu-list button,.account-menu-row{text-align:left!important;background:#fff!important;border:1px solid #0f172a11!important;border-radius:21px!important;grid-template-columns:48px 1fr 18px!important;align-items:center!important;gap:13px!important;width:100%!important;min-height:76px!important;padding:13px!important;display:grid!important;box-shadow:0 6px 18px #0f172a09!important}.account-menu-list button:active,.account-menu-row:active{background:#f8fafc!important;transform:scale(.99)!important}.account-menu-icon{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:18px!important;place-items:center!important;width:48px!important;height:48px!important;display:grid!important}.account-menu-icon svg{width:22px!important;height:22px!important}.account-menu-list h4,.account-menu-row h4{color:#0f172a!important;letter-spacing:-.015em!important;margin:0 0 5px!important;font-size:14px!important;font-weight:950!important;line-height:1.18!important}.account-menu-list p,.account-menu-row p{color:#64748b!important;margin:0!important;font-size:11px!important;font-weight:650!important;line-height:1.35!important}.account-menu-list button>svg:last-child,.account-menu-row>svg:last-child,.account-menu-list button>span:last-child,.account-menu-row>span:last-child{color:#94a3b8!important;justify-self:end!important}.account-logout-button{width:100%!important;height:58px!important;margin:14px 0 calc(90px + env(safe-area-inset-bottom))!important;color:#ef4444!important;background:#fff!important;border:1px solid #ef444433!important;border-radius:22px!important;justify-content:center!important;align-items:center!important;gap:9px!important;font-size:14px!important;font-weight:950!important;display:inline-flex!important;box-shadow:0 10px 28px #ef44440e!important}.account-logout-button svg{width:20px!important;height:20px!important}@media (width<=390px){.account-intro,.page-intro.account-intro{border-radius:26px!important;padding:18px!important}.account-intro h2,.page-intro.account-intro h2{font-size:25px!important}.admin-profile-top{min-height:196px!important;padding:24px 18px 22px!important}.admin-avatar{border-radius:24px!important;width:68px!important;height:68px!important}.admin-profile-top h2{font-size:22px!important}.admin-profile-top p{font-size:12px!important}.admin-summary-grid{gap:9px!important}.admin-summary-card,.admin-summary-grid>div{border-radius:22px!important;min-height:104px!important;padding:13px 8px!important}.admin-summary-card>div,.admin-summary-grid>div>div:first-child{border-radius:16px!important;width:42px!important;height:42px!important}.admin-summary-card strong,.admin-summary-grid>div strong{font-size:20px!important}.account-admin-card,.admin-access-card{grid-template-columns:1fr!important}.account-admin-card b,.admin-access-card b{width:max-content!important}.account-menu-card{border-radius:28px!important;padding:16px!important}.account-menu-list button,.account-menu-row{border-radius:19px!important;grid-template-columns:44px 1fr 16px!important;gap:11px!important;min-height:72px!important;padding:12px!important}.account-menu-icon{border-radius:16px!important;width:44px!important;height:44px!important}}@media (width>=760px){.account-page,.mobile-page.account-page{max-width:980px!important}.account-intro,.page-intro.account-intro{grid-column:1/-1!important}.admin-profile-card,.admin-profile-card.upgraded,.admin-summary-grid,.account-admin-card,.admin-access-card,.account-menu-card,.account-logout-button{max-width:620px!important;margin-left:auto!important;margin-right:auto!important}}.admin-profile-card,.admin-profile-card.upgraded{border-radius:30px!important;margin-bottom:14px!important;overflow:hidden!important}.admin-profile-top{justify-content:center!important;min-height:206px!important;padding:26px 22px 22px!important}.admin-avatar{background:#ffffff2e!important;border:1px solid #ffffff40!important;border-radius:25px!important;width:68px!important;height:68px!important;margin-bottom:13px!important;box-shadow:inset 0 1px #ffffff38,0 12px 24px #05502c29!important}.admin-avatar svg{width:31px!important;height:31px!important}.admin-profile-top h2{letter-spacing:-.045em!important;margin-bottom:5px!important;font-size:21px!important;font-weight:950!important;line-height:1.1!important}.admin-profile-top p{max-width:270px!important;margin-bottom:15px!important;font-size:12px!important;font-weight:750!important;line-height:1.35!important}.profile-edit-pill{border-radius:999px!important;gap:8px!important;min-width:126px!important;height:40px!important;padding:0 16px!important;font-size:12.5px!important;font-weight:950!important;box-shadow:0 10px 22px #05502c2b!important}.profile-edit-pill svg{width:17px!important;height:17px!important}.admin-status-grid{background:#fff!important;border-top:1px solid #0f172a0e!important}.admin-status-grid>div{background:linear-gradient(#fff 0%,#fbfdfc 100%)!important;min-height:72px!important;padding:14px 10px!important}.admin-status-grid span{color:#64748b!important;margin-bottom:6px!important;font-size:10.5px!important;font-weight:850!important}.admin-status-grid strong{color:#0f172a!important;font-size:16px!important;font-weight:950!important}.admin-summary-grid{gap:10px!important;margin-top:14px!important;margin-bottom:14px!important}.admin-summary-card,.admin-summary-grid>div{border-radius:23px!important;min-height:104px!important;padding:14px 8px!important}.admin-summary-card>div,.admin-summary-grid>div>div:first-child{border-radius:16px!important;width:42px!important;height:42px!important;margin-bottom:9px!important}.admin-summary-card svg,.admin-summary-grid>div svg{width:20px!important;height:20px!important}.admin-summary-card strong,.admin-summary-grid>div strong{margin-bottom:4px!important;font-size:21px!important}.admin-summary-card span,.admin-summary-grid>div span{font-size:10.5px!important;font-weight:850!important}@media (width<=390px){.admin-profile-top{min-height:196px!important;padding:24px 18px 21px!important}.admin-avatar{border-radius:23px!important;width:64px!important;height:64px!important}.admin-profile-top h2{font-size:20px!important}.profile-edit-pill{min-width:118px!important;height:38px!important;font-size:12px!important}.admin-status-grid>div{min-height:68px!important}.admin-summary-card,.admin-summary-grid>div{min-height:98px!important}}.international-detail-page{width:100%!important;max-width:520px!important;padding:10px 14px calc(96px + env(safe-area-inset-bottom))!important;background:radial-gradient(circle at 100% 0,#10a65a1f,#0000 26%),linear-gradient(#f7fcf9 0%,#edf7f1 100%)!important;margin:0 auto!important}.international-detail-header{z-index:50!important;-webkit-backdrop-filter:blur(18px)!important;background:linear-gradient(#f7fcf9fa,#f7fcf9e0)!important;grid-template-columns:46px 1fr auto!important;align-items:center!important;gap:10px!important;margin:0!important;padding:8px 0 14px!important;display:grid!important;position:sticky!important;top:0!important}.international-detail-header h1{color:#0f172a!important;letter-spacing:-.035em!important;margin:0!important;font-size:17px!important;font-weight:950!important;line-height:1.1!important}.device-detail-back{color:#0f172a!important;background:#fffffff0!important;border:1px solid #0f172a0f!important;border-radius:17px!important;place-items:center!important;width:46px!important;height:46px!important;display:grid!important;box-shadow:0 8px 22px #0f172a12!important}.device-detail-back svg{width:20px!important;height:20px!important}.detail-appbar-actions{align-items:center!important;gap:8px!important;display:flex!important}.detail-update-button,.device-detail-status{color:#0b8f4d!important;white-space:nowrap!important;background:#fffffff2!important;border:1px solid #0f172a0f!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-width:0!important;height:42px!important;padding:0 11px!important;font-size:11px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important;box-shadow:0 8px 22px #0f172a0f!important}.detail-update-button svg,.device-detail-status svg{width:17px!important;height:17px!important}.device-detail-status{color:#0f172a!important}.device-detail-status i{background:#10a65a!important;border-radius:999px!important;width:9px!important;height:9px!important;box-shadow:0 0 0 5px #10a65a21!important}.device-visual-hero{color:#fff!important;background:radial-gradient(circle at 82% 22%,#fff3,#0000 26%),linear-gradient(135deg,#0b8f4d 0%,#10a65a 55%,#08723f 100%)!important;border:0!important;border-radius:28px!important;grid-template-columns:1fr 118px!important;align-items:center!important;gap:12px!important;min-height:150px!important;margin:0 0 14px!important;padding:20px!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 16px 34px #10a65a3d!important}.device-visual-hero:before{content:""!important;border:1px solid #ffffff24!important;border-radius:999px!important;width:190px!important;height:190px!important;position:absolute!important;top:-58px!important;right:-56px!important}.device-visual-hero:after{content:""!important;background:#ffffff0f!important;border-radius:999px!important;width:200px!important;height:200px!important;position:absolute!important;bottom:-92px!important;right:36px!important}.device-visual-text{z-index:2!important;min-width:0!important;position:relative!important}.device-visual-text h2{color:#fff!important;letter-spacing:-.055em!important;margin:0 0 8px!important;font-size:27px!important;font-weight:950!important;line-height:1!important}.device-visual-text p{color:#ffffffdb!important;max-width:210px!important;margin:0 0 14px!important;font-size:12.2px!important;font-weight:700!important;line-height:1.45!important}.device-last-update{color:#fff!important;background:#044d2a47!important;border-radius:999px!important;align-items:center!important;gap:7px!important;max-width:100%!important;padding:8px 11px!important;font-size:11.5px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}.device-last-update svg{flex:none!important;width:15px!important;height:15px!important}.device-last-update span{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;max-width:178px!important;display:block!important;overflow:hidden!important}.device-visual-image{z-index:2!important;place-items:center!important;display:grid!important;position:relative!important}.device-visual-image img{object-fit:contain!important;filter:drop-shadow(0 16px 22px #05502c47)!important;width:118px!important;height:108px!important}.device-visual-fallback{background:#ffffff29!important;border-radius:26px!important;place-items:center!important;width:98px!important;height:98px!important;display:grid!important}.operation-card{background:#fffffff5!important;border:1px solid #0f172a0f!important;border-radius:30px!important;margin:0 0 14px!important;padding:20px!important;box-shadow:0 12px 30px #0f172a12!important}.international-operation-main{grid-template-columns:1fr!important;gap:16px!important;display:grid!important}.operation-title{grid-template-columns:54px 1fr!important;align-items:center!important;gap:13px!important;display:grid!important}.operation-title>div:first-child,.operation-icon{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:21px!important;place-items:center!important;width:54px!important;height:54px!important;display:grid!important}.operation-title svg{width:24px!important;height:24px!important}.operation-title h2{color:#0f172a!important;letter-spacing:-.03em!important;margin:0 0 4px!important;font-size:17px!important;font-weight:950!important;line-height:1.12!important}.operation-title p{color:#64748b!important;margin:0!important;font-size:12.5px!important;font-weight:650!important;line-height:1.35!important}.operation-switcher{background:#f8fafc!important;border:1px solid #0f172a14!important;border-radius:22px!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;height:60px!important;margin:0!important;padding:5px!important;display:grid!important}.operation-option{color:#64748b!important;white-space:nowrap!important;width:100%!important;height:100%!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:17px!important;justify-content:center!important;align-items:center!important;gap:9px!important;margin:0!important;padding:0 10px!important;font-size:13px!important;font-weight:900!important;line-height:1!important;display:flex!important;transform:none!important}.operation-option svg{flex:none!important;width:18px!important;height:18px!important}.operation-option.active{color:#fff!important;background:linear-gradient(135deg,#10a65a 0%,#08723f 100%)!important;box-shadow:0 11px 22px #10a65a40!important}.operation-option.active svg{color:#fff!important}.operation-lock-note{color:#0b6b3c!important;background:#e8f8ef!important;border:1px solid #10a65a21!important;border-radius:18px!important;grid-template-columns:18px 1fr!important;align-items:flex-start!important;gap:9px!important;margin:0!important;padding:13px 14px!important;font-size:11.5px!important;font-weight:850!important;line-height:1.45!important;display:grid!important}.operation-lock-note span{color:#0b8f4d!important;place-items:center!important;width:18px!important;height:18px!important;display:grid!important}.quick-stat-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0 0 14px!important;display:grid!important}.quick-stat-v2-card,.international-quick-card{background:#fffffff5!important;border:1px solid #0f172a0f!important;border-radius:24px!important;grid-template-columns:1fr!important;align-content:center!important;justify-items:center!important;gap:8px!important;min-width:0!important;min-height:126px!important;padding:14px 12px!important;display:grid!important;box-shadow:0 10px 26px #0f172a11!important}.quick-stat-v2-card>div:first-child,.international-quick-card>div:first-child{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:18px!important;place-items:center!important;width:46px!important;height:46px!important;display:grid!important}.quick-stat-v2-card svg,.international-quick-card svg{width:22px!important;height:22px!important}.quick-stat-v2-card p,.international-quick-card p{color:#64748b!important;text-align:center!important;margin:0!important;font-size:11px!important;font-weight:850!important;line-height:1.2!important}.quick-stat-v2-card strong,.international-quick-card strong{color:#0f172a!important;letter-spacing:-.045em!important;text-align:center!important;font-size:25px!important;font-weight:950!important;line-height:1!important}.international-sparkline{width:74px!important;height:24px!important;margin-top:2px!important}.international-sparkline path{fill:none!important;stroke:#10a65a!important;stroke-width:4px!important;stroke-linecap:round!important}.device-health-card,.critical-alert-card,.device-log-card,.component-monitor-card{background:#fffffff5!important;border:1px solid #0f172a0f!important;border-radius:28px!important;margin:0 0 14px!important;padding:18px!important;box-shadow:0 12px 30px #0f172a11!important}.device-health-head,.device-log-head,.component-monitor-title{grid-template-columns:48px 1fr auto!important;align-items:center!important;gap:12px!important;margin-bottom:14px!important;display:grid!important}.device-health-head>div:first-child,.device-log-head>div:first-child,.component-monitor-title>div:first-child{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:18px!important;place-items:center!important;width:48px!important;height:48px!important;display:grid!important}.device-health-head h2,.device-log-head h2,.component-monitor-title h2{color:#0f172a!important;letter-spacing:-.03em!important;margin:0 0 4px!important;font-size:17px!important;font-weight:950!important;line-height:1.15!important}.device-health-head p,.device-log-head p,.component-monitor-title p{color:#64748b!important;margin:0!important;font-size:11.5px!important;font-weight:650!important;line-height:1.35!important}.device-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;display:grid!important}.device-health-item{text-align:center!important;background:#fff!important;border:1px solid #0f172a0f!important;border-radius:18px!important;min-width:0!important;min-height:92px!important;padding:12px 8px!important}.device-health-item>div{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:14px!important;place-items:center!important;width:36px!important;height:36px!important;margin:0 auto 8px!important;display:grid!important}.device-health-item:nth-child(2)>div{color:#f59e0b!important;background:#fff4df!important}.device-health-item span{color:#64748b!important;font-size:10px!important;font-weight:850!important}.device-health-item strong{color:#0f172a!important;margin:3px 0!important;font-size:15px!important;font-weight:950!important;line-height:1!important;display:block!important}.device-health-item small{color:#64748b!important;font-size:9.5px!important;font-weight:700!important;line-height:1.2!important}.critical-alert-card{background:linear-gradient(135deg,#fff,#f1fbf5)!important;grid-template-columns:48px 1fr auto!important;align-items:center!important;gap:12px!important;display:grid!important}.critical-alert-card>div:first-child{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:18px!important;place-items:center!important;width:48px!important;height:48px!important;display:grid!important}.critical-alert-card span{color:#0b8f4d!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin-bottom:3px!important;font-size:10px!important;font-weight:950!important;display:block!important}.critical-alert-card h2{color:#0f172a!important;margin:0 0 4px!important;font-size:16px!important;font-weight:950!important}.critical-alert-card p{color:#64748b!important;margin:0!important;font-size:11.5px!important;font-weight:650!important;line-height:1.35!important}.critical-alert-card button{color:#0b8f4d!important;background:#e8f8ef!important;border:0!important;border-radius:999px!important;min-width:92px!important;height:38px!important;padding:0 12px!important;font-size:11px!important;font-weight:900!important}.international-see-all{color:#0b8f4d!important;white-space:nowrap!important;background:0 0!important;border:0!important;font-size:11.5px!important;font-weight:900!important}.device-log-list{background:#fff!important;border:1px solid #0f172a0f!important;border-radius:20px!important;display:grid!important;overflow:hidden!important}.device-log-row{text-align:left!important;background:#fff!important;border:0!important;border-bottom:1px solid #0f172a0f!important;grid-template-columns:46px 8px 38px 1fr 12px!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:62px!important;padding:10px 12px!important;display:grid!important}.device-log-row:last-child{border-bottom:0!important}.device-log-row time{color:#64748b!important;font-size:11px!important;font-weight:900!important}.device-log-row i{background:#10a65a!important;border-radius:999px!important;width:8px!important;height:8px!important}.device-log-row>div{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:15px!important;place-items:center!important;width:38px!important;height:38px!important;display:grid!important}.device-log-row h3{color:#0f172a!important;margin:0 0 3px!important;font-size:12px!important;font-weight:950!important;line-height:1.2!important}.device-log-row p{color:#64748b!important;margin:0!important;font-size:10.5px!important;font-weight:650!important;line-height:1.25!important}.device-log-row b{color:#94a3b8!important;font-size:16px!important}.component-tab-title{color:#0b8f4d!important;letter-spacing:.1em!important;text-transform:uppercase!important;background:#e8f8ef!important;border-radius:999px!important;align-items:center!important;gap:7px!important;width:max-content!important;margin:0 0 10px!important;padding:8px 12px!important;font-size:10px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important}.component-tab-title i{background:#10a65a!important;border-radius:999px!important;width:7px!important;height:7px!important}.international-component-columns{grid-template-columns:1fr!important;gap:14px!important;display:grid!important}.international-component-list{gap:10px!important;display:grid!important}.international-component-row{text-align:left!important;background:#fff!important;border:1px solid #0f172a0f!important;border-radius:20px!important;grid-template-columns:48px 1fr 14px!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:82px!important;padding:13px!important;display:grid!important}.international-component-icon{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:18px!important;place-items:center!important;width:48px!important;height:48px!important;display:grid!important}.international-component-icon.water{color:#0891b2!important;background:#eaf9f7!important}.international-component-icon.fan{color:#2563eb!important;background:#eef6ff!important}.international-component-icon.lamp{color:#f59e0b!important;background:#fff4df!important}.international-component-row section{min-width:0!important}.international-component-row section>div:first-child{justify-content:space-between!important;align-items:center!important;gap:8px!important;display:flex!important}.international-component-row h3{color:#0f172a!important;margin:0!important;font-size:12.5px!important;font-weight:950!important;line-height:1.2!important}.international-component-row section>div:first-child span{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;flex:none!important;padding:4px 8px!important;font-size:9.5px!important;font-weight:900!important;line-height:1!important}.international-component-row p{color:#64748b!important;margin:0!important;font-size:10.5px!important;font-weight:650!important;line-height:1.35!important}.international-component-line{width:88px!important;height:24px!important;margin-top:8px!important}.international-component-line path{fill:none!important;stroke:#10a65a!important;stroke-width:4px!important;stroke-linecap:round!important}.international-pwm-control{margin-top:10px!important}.international-pwm-control input[type=range]{accent-color:#10a65a!important;width:100%!important}.international-pwm-control small{color:#64748b!important;justify-content:space-between!important;font-size:10px!important;font-weight:800!important;display:flex!important}.international-toggle{background:#dbe3ec!important;border:0!important;border-radius:999px!important;width:58px!important;height:34px!important;padding:4px!important}@media (width>=760px){.international-detail-page{max-width:980px!important;padding:18px 22px calc(100px + env(safe-area-inset-bottom))!important}.device-visual-hero{grid-template-columns:1fr 220px!important;min-height:220px!important;padding:28px!important}.device-visual-text h2{font-size:38px!important}.device-visual-text p{max-width:360px!important;font-size:14px!important}.device-visual-image img{width:210px!important;height:190px!important}.operation-card,.device-health-card,.critical-alert-card,.device-log-card,.component-monitor-card{padding:22px!important}.quick-stat-v2-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.quick-stat-v2-card,.international-quick-card{min-height:134px!important}.international-component-columns{grid-template-columns:1fr 1fr!important}}@media (width<=390px){.international-detail-page{padding-left:10px!important;padding-right:10px!important}.international-detail-header{grid-template-columns:42px 1fr auto!important;gap:8px!important}.device-detail-back{width:42px!important;height:42px!important}.detail-update-button,.device-detail-status{height:40px!important;padding:0 9px!important;font-size:10.5px!important}.device-visual-hero{border-radius:25px!important;grid-template-columns:1fr 98px!important;min-height:142px!important;padding:17px!important}.device-visual-text h2{font-size:24px!important}.device-visual-text p{max-width:184px!important;font-size:11.5px!important}.device-visual-image img{width:96px!important;height:88px!important}.device-last-update span{max-width:145px!important}.quick-stat-v2-card,.international-quick-card{min-height:116px!important}.device-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.device-health-item{min-height:88px!important;padding:10px 6px!important}.critical-alert-card{grid-template-columns:44px 1fr!important}.critical-alert-card button{grid-column:1/-1!important;width:100%!important}.device-log-row{grid-template-columns:40px 8px 34px 1fr 10px!important;gap:8px!important;padding:10px!important}.international-component-row{grid-template-columns:44px 1fr 12px!important;padding:12px!important}.international-component-icon{border-radius:16px!important;width:44px!important;height:44px!important}}.international-component-row{border-radius:21px!important;grid-template-columns:46px minmax(0,1fr) 58px!important;gap:12px!important;min-height:84px!important;padding:13px 14px!important}.international-component-icon{border-radius:17px!important;width:46px!important;height:46px!important}.international-component-row h3{letter-spacing:-.01em!important;font-size:12.5px!important;font-weight:900!important;line-height:1.25!important}.international-component-row strong{margin:5px 0 3px!important;font-size:19px!important;font-weight:950!important;line-height:1!important}.international-component-row p{max-width:210px!important;font-size:10.5px!important;line-height:1.35!important}.international-component-row section>div:first-child span{border-radius:999px!important;padding:4px 8px!important;font-size:9px!important;font-weight:900!important}.international-toggle{background:#dbe3ec!important;border:0!important;border-radius:999px!important;place-self:center!important;width:52px!important;min-width:52px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:3px!important;box-shadow:inset 0 0 0 1px #0f172a14,0 6px 14px #0f172a14!important}.international-toggle i{background:#fff!important;border-radius:999px!important;width:24px!important;height:24px!important;transition:transform .2s,box-shadow .2s!important;display:block!important;transform:translate(0)!important;box-shadow:0 3px 8px #0f172a2e,0 1px 2px #0f172a1a!important}.international-toggle.active{background:linear-gradient(135deg,#10a65a,#08723f)!important}.international-toggle.active i{transform:translate(22px)!important}.international-toggle:disabled{opacity:.7!important}.international-pwm-control{width:100%!important;margin-top:10px!important}.international-pwm-control input[type=range]{accent-color:#10a65a!important;width:100%!important;height:6px!important}.international-pwm-control small{color:#64748b!important;justify-content:space-between!important;margin-top:5px!important;font-size:9.5px!important;font-weight:800!important;display:flex!important}.international-component-row:has(.international-toggle){grid-template-columns:46px minmax(0,1fr) 62px!important}.international-component-row:has(.international-toggle) section{padding-right:4px!important}.international-component-row:has(.international-toggle) .international-toggle{margin-right:2px!important}.operation-card{border-radius:28px!important;padding:19px!important}.operation-title{grid-template-columns:52px 1fr!important;gap:12px!important}.operation-title>div:first-child,.operation-icon{border-radius:20px!important;width:52px!important;height:52px!important}.operation-title h2{font-size:16.5px!important;line-height:1.15!important}.operation-title p{font-size:12px!important;line-height:1.35!important}.operation-switcher{border-radius:21px!important;gap:5px!important;height:58px!important;padding:5px!important}.operation-option{border-radius:16px!important;gap:8px!important;height:100%!important;font-size:12.5px!important}.operation-option svg{width:17px!important;height:17px!important}.operation-lock-note{border-radius:17px!important;padding:12px 13px!important;font-size:11px!important;line-height:1.45!important}@media (width<=390px){.international-component-row{grid-template-columns:42px minmax(0,1fr) 54px!important;gap:10px!important;padding:12px!important}.international-component-row:has(.international-toggle){grid-template-columns:42px minmax(0,1fr) 56px!important}.international-component-icon{border-radius:16px!important;width:42px!important;height:42px!important}.international-component-row h3{font-size:12px!important}.international-component-row strong{font-size:18px!important}.international-component-row p{font-size:10px!important}.international-toggle{width:50px!important;min-width:50px!important;height:29px!important;min-height:29px!important;padding:3px!important}.international-toggle i{width:23px!important;height:23px!important}.international-toggle.active i{transform:translate(21px)!important}.operation-card{padding:18px!important}.operation-switcher{height:56px!important}}.operation-card{gap:18px!important;padding:22px!important;display:grid!important}.operation-switcher{border-radius:22px!important;height:58px!important;margin-top:4px!important;margin-bottom:14px!important;padding:5px!important}.operation-option{border-radius:17px!important;gap:8px!important;height:100%!important;font-size:13px!important;font-weight:900!important}.operation-lock-note{color:#0b6b3c!important;background:#e8f8ef!important;border:1px solid #10a65a24!important;border-radius:18px!important;grid-template-columns:20px 1fr!important;align-items:flex-start!important;gap:10px!important;margin-top:0!important;padding:13px 15px!important;font-size:12px!important;font-weight:800!important;line-height:1.45!important;display:grid!important}.operation-lock-note span{color:#0b8f4d!important;place-items:center!important;width:20px!important;height:20px!important;margin-top:1px!important;display:grid!important}.operation-lock-note strong,.operation-lock-note b{font-weight:900!important}@media (width<=390px){.operation-card{gap:16px!important;padding:19px!important}.operation-switcher{height:56px!important;margin-bottom:12px!important}.operation-option{font-size:12.5px!important}.operation-lock-note{padding:12px 13px!important;font-size:11.5px!important}}.operation-card{gap:12px!important;padding:20px!important}.operation-title{margin-bottom:0!important}.operation-switcher{height:58px!important;margin-top:0!important;margin-bottom:8px!important}.operation-lock-note{border-radius:17px!important;margin-top:0!important;padding:12px 14px!important;font-size:11.5px!important;line-height:1.42!important}@media (width<=390px){.operation-card{gap:10px!important;padding:18px!important}.operation-switcher{height:56px!important;margin-bottom:7px!important}.operation-lock-note{padding:11px 13px!important;font-size:11px!important}}.international-component-row{background:#fff!important;border:1px solid #0f172a11!important;border-radius:26px!important;grid-template-columns:62px minmax(0,1fr) 22px!important;align-items:center!important;column-gap:16px!important;min-height:136px!important;padding:22px 20px!important;display:grid!important;position:relative!important;box-shadow:0 8px 24px #0f172a0b!important}.international-component-row section>div:first-child{padding-right:76px!important;display:block!important}.international-component-row h3{color:#0f172a!important;letter-spacing:-.035em!important;margin:0 0 8px!important;font-size:17px!important;font-weight:950!important;line-height:1.12!important}.international-component-row section>div:first-child span{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-width:62px!important;height:28px!important;padding:0 12px!important;font-size:11px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important;position:absolute!important;top:22px!important;right:74px!important}.international-component-row strong{color:#0f172a!important;letter-spacing:-.055em!important;align-items:baseline!important;gap:5px!important;margin:0 0 4px!important;font-size:28px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important}.international-component-row:has(.international-toggle){grid-template-columns:58px minmax(0,1fr) 58px!important;min-height:118px!important;padding:18px!important}.international-component-row:has(.international-toggle) section>div:first-child{padding-right:0!important}.international-component-row:has(.international-toggle) section>div:first-child span{min-width:auto!important;height:24px!important;padding:0 9px!important;font-size:10px!important;position:static!important}@media (width<=390px){.international-component-row{border-radius:24px!important;grid-template-columns:56px minmax(0,1fr) 18px!important;column-gap:13px!important;min-height:128px!important;padding:20px 17px!important}.international-component-icon{border-radius:20px!important;width:54px!important;height:54px!important}.international-component-row h3{font-size:16px!important}.international-component-row strong{font-size:26px!important}.international-component-row p{font-size:11.5px!important}.international-component-row section>div:first-child span{min-width:56px!important;height:26px!important;font-size:10.5px!important;top:20px!important;right:58px!important}.international-component-line,.international-component-row .international-sparkline{width:min(100%,145px)!important;height:28px!important}.international-component-row:has(.international-toggle){grid-template-columns:52px minmax(0,1fr) 54px!important;min-height:112px!important}}.international-component-row{background:#fff!important;border:1px solid #0f172a0f!important;border-radius:22px!important;grid-template-columns:48px minmax(0,1fr) 18px!important;align-items:center!important;gap:12px!important;min-height:106px!important;padding:15px 16px!important;display:grid!important;position:relative!important;box-shadow:0 7px 18px #0f172a09!important}.international-component-icon{border-radius:18px!important;align-self:center!important;width:48px!important;height:48px!important}.international-component-icon svg{width:22px!important;height:22px!important}.international-component-row section{width:100%!important;min-width:0!important;padding-right:0!important}.international-component-row section>div:first-child{justify-content:space-between!important;align-items:center!important;gap:8px!important;padding-right:0!important;display:flex!important}.international-component-row h3{color:#0f172a!important;letter-spacing:-.018em!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin:0!important;font-size:13.5px!important;font-weight:950!important;line-height:1.2!important;overflow:hidden!important}.international-component-row section>div:first-child span{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;flex:none!important;justify-content:center!important;align-items:center!important;min-width:52px!important;height:23px!important;padding:0 9px!important;font-size:9.5px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important;position:static!important}.international-component-row strong{color:#0f172a!important;letter-spacing:-.035em!important;margin:5px 0 3px!important;font-size:21px!important;font-weight:950!important;line-height:1!important;display:block!important}.international-component-row strong small,.international-component-row strong span{color:#64748b!important;letter-spacing:0!important;font-size:11px!important;font-weight:850!important}.international-component-row p{color:#64748b!important;max-width:100%!important;margin:0!important;font-size:10.8px!important;font-weight:700!important;line-height:1.32!important}.international-component-line,.international-component-row .international-sparkline{width:112px!important;height:24px!important;margin-top:8px!important}.international-component-line path,.international-component-row .international-sparkline path{stroke-width:4px!important;stroke-linecap:round!important}.international-component-row>b,.international-component-row>span:last-child,.international-component-row>svg:last-child{color:#0f172a!important;opacity:.85!important;place-self:center!important;font-size:15px!important}.international-component-row:has(.international-toggle){grid-template-columns:48px minmax(0,1fr) 56px!important;min-height:104px!important}.international-component-row:has(.international-toggle) .international-toggle{justify-self:center!important}@media (width<=390px){.international-component-row{border-radius:20px!important;grid-template-columns:44px minmax(0,1fr) 16px!important;gap:11px!important;min-height:100px!important;padding:14px!important}.international-component-icon{border-radius:16px!important;width:44px!important;height:44px!important}.international-component-icon svg{width:21px!important;height:21px!important}.international-component-row h3{font-size:13px!important}.international-component-row strong{font-size:20px!important}.international-component-row p{font-size:10.3px!important}.international-component-row section>div:first-child span{min-width:48px!important;height:22px!important;font-size:9px!important}.international-component-line,.international-component-row .international-sparkline{width:100px!important;height:22px!important}.international-component-row:has(.international-toggle){grid-template-columns:44px minmax(0,1fr) 54px!important}}.hiroshi-home-header{z-index:80!important;will-change:transform, background, box-shadow, border-radius!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:64px!important;transition:margin .26s,padding .26s,border-radius .26s,background .26s,box-shadow .26s,transform .26s,border-color .26s!important;display:flex!important;position:sticky!important;top:0!important}.hiroshi-home-header.is-top{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:1px solid #0000!important;border-radius:0!important;margin:0 0 10px!important;padding:8px 2px 12px!important;transform:translateY(0)scale(1)!important}.hiroshi-home-header.is-floating{-webkit-backdrop-filter:blur(18px)!important;background:#ffffffeb!important;border:1px solid #0f172a14!important;border-radius:24px!important;margin:0 0 12px!important;padding:10px 12px!important;transform:translateY(6px)scale(.985)!important;box-shadow:0 14px 34px #0f172a1c,inset 0 1px #fffc!important}.hiroshi-brand{color:#0f172a!important;background:0 0!important;border:0!important;align-items:center!important;gap:10px!important;min-width:0!important;display:inline-flex!important}.hiroshi-brand h1{transition:font-size .24important;color:#0f172a!important;letter-spacing:-.045em!important;letter-spacing:-.045em!important;margin:0!important;font-size:22px!important;font-weight:950!important;line-height:1!important;transition:font-size .24s,transform .24s!important}.hiroshi-logo-mark{flex:none!important;width:38px!important;height:38px!important;transition:width .24s,height .24s,transform .24s!important}.hiroshi-notif-button{color:#0f172a!important;background:#fffffff0!important;border:1px solid #0f172a14!important;border-radius:17px!important;place-items:center!important;width:46px!important;min-width:46px!important;height:46px!important;transition:width .24s,height .24s,border-radius .24s,box-shadow .24s,background .24s!important;display:grid!important;box-shadow:0 8px 20px #0f172a0f!important}.hiroshi-home-header.is-floating .hiroshi-notif-button{border-radius:16px!important;width:42px!important;min-width:42px!important;height:42px!important}.hiroshi-notif-button svg{width:20px!important;height:20px!important}.hiroshi-notif-button i{background:#10a65a!important;border:2px solid #fff!important;border-radius:999px!important;width:9px!important;height:9px!important;position:absolute!important;top:8px!important;right:8px!important}.hiroshi-home-header.is-floating+.hiroshi-hero-card{margin-top:4px!important}@media (width<=390px){.hiroshi-home-header.is-floating{border-radius:22px!important;padding:9px 10px!important;transform:translateY(5px)scale(.985)!important}.hiroshi-brand h1{font-size:20px!important}.hiroshi-home-header.is-floating .hiroshi-brand h1{font-size:18px!important}.hiroshi-logo-mark{width:34px!important;height:34px!important}.hiroshi-home-header.is-floating .hiroshi-logo-mark{width:32px!important;height:32px!important}.hiroshi-notif-button{width:42px!important;min-width:42px!important;height:42px!important}.hiroshi-home-header.is-floating .hiroshi-notif-button{width:40px!important;min-width:40px!important;height:40px!important}}.hiroshi-home-header.is-floating:not(.is-hidden){opacity:1!important;transform:translateY(6px)scale(.985)!important}.hiroshi-home-header{z-index:90!important;opacity:1!important;pointer-events:auto!important;position:sticky!important;top:0!important}.hiroshi-home-header.is-floating{opacity:1!important;transform:translateY(6px)scale(.985)!important}.hiroshi-home-header.is-top{opacity:1!important;transform:translateY(0)scale(1)!important}.hiroshi-home-header{top:env(safe-area-inset-top,0px)!important;z-index:9998!important;opacity:1!important;pointer-events:auto!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:calc(100% - 28px)!important;max-width:520px!important;transition:padding .24s,border-radius .24s,background .24s,box-shadow .24s,transform .24s!important;display:flex!important;position:fixed!important;left:50%!important;right:auto!important}.hiroshi-home-header.is-top{box-shadow:none!important;-webkit-backdrop-filter:blur(10px)!important;background:#f7fcf9eb!important;border:1px solid #0000!important;border-radius:0!important;padding:12px 2px 10px!important;transform:translate(-50%)translateY(0)scale(1)!important}.hiroshi-home-header.is-floating{-webkit-backdrop-filter:blur(18px)!important;background:#fffffff0!important;border:1px solid #0f172a14!important;border-radius:24px!important;padding:10px 12px!important;transform:translate(-50%)translateY(8px)scale(.985)!important;box-shadow:0 14px 34px #0f172a1f!important}.hiroshi-brand{background:0 0!important;border:0!important;align-items:center!important;gap:10px!important;min-width:0!important;display:inline-flex!important}.hiroshi-brand h1{color:#0f172a!important;letter-spacing:-.045em!important;margin:0!important;font-size:22px!important;font-weight:950!important;line-height:1!important}.hiroshi-logo-mark{flex:none!important;width:38px!important;height:38px!important}.hiroshi-home-header.is-floating .hiroshi-logo-mark{width:34px!important;height:34px!important}.hiroshi-notif-button{border-radius:17px!important;place-items:center!important;width:46px!important;min-width:46px!important;height:46px!important;display:grid!important}.hiroshi-home-header.is-floating .hiroshi-notif-button{width:42px!important;min-width:42px!important;height:42px!important}@media (width>=760px){.hiroshi-home-header{max-width:760px!important}.hiroshi-home-header+.hiroshi-hero-card{margin-top:90px!important}}@media (width<=390px){.hiroshi-home-header{width:calc(100% - 20px)!important}.hiroshi-home-header.is-top{padding:10px 2px 9px!important}.hiroshi-home-header.is-floating{border-radius:22px!important;padding:9px 10px!important}.hiroshi-home-header+.hiroshi-hero-card{margin-top:76px!important}.hiroshi-brand h1{font-size:20px!important}.hiroshi-home-header.is-floating .hiroshi-brand h1{font-size:18px!important}.hiroshi-logo-mark{width:34px!important;height:34px!important}.hiroshi-home-header.is-floating .hiroshi-logo-mark{width:32px!important;height:32px!important}}.hiroshi-home-header{top:calc(env(safe-area-inset-top,0px) + 8px)!important;z-index:9999!important;box-sizing:border-box!important;opacity:1!important;pointer-events:auto!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:auto!important;max-width:none!important;min-height:62px!important;margin:0!important;transition:padding .24s,border-radius .24s,background .24s,box-shadow .24s,transform .24s!important;display:flex!important;position:fixed!important;left:14px!important;right:14px!important;transform:translateY(0)scale(1)!important}.hiroshi-home-header.is-top{width:auto!important;max-width:none!important;box-shadow:none!important;-webkit-backdrop-filter:blur(10px)!important;background:#f7fcf9f0!important;border:1px solid #0000!important;border-radius:0!important;padding:8px 4px 10px!important;left:14px!important;right:14px!important;transform:translateY(0)scale(1)!important}.hiroshi-home-header.is-floating{-webkit-backdrop-filter:blur(18px)!important;background:#fffffff2!important;border:1px solid #0f172a14!important;border-radius:24px!important;width:auto!important;max-width:none!important;padding:10px 12px!important;left:14px!important;right:14px!important;transform:translateY(0)scale(1)!important;box-shadow:0 14px 34px #0f172a1f,inset 0 1px #fffc!important}.hiroshi-home-header.is-hidden{opacity:1!important;pointer-events:auto!important;transform:translateY(0)scale(1)!important}.hiroshi-brand{background:0 0!important;border:0!important;flex:auto!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:0!important;display:inline-flex!important}.hiroshi-logo-mark{flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important}.hiroshi-home-header.is-floating .hiroshi-logo-mark{flex-basis:36px!important;width:36px!important;min-width:36px!important;height:36px!important}.hiroshi-brand h1{color:#0f172a!important;letter-spacing:-.045em!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin:0!important;font-size:22px!important;font-weight:950!important;line-height:1!important;overflow:hidden!important}.hiroshi-home-header.is-floating .hiroshi-brand h1{font-size:20px!important}.hiroshi-notif-button{color:#0f172a!important;background:#fffffff5!important;border:1px solid #0f172a14!important;border-radius:17px!important;flex:0 0 46px!important;place-items:center!important;width:46px!important;min-width:46px!important;height:46px!important;margin:0!important;padding:0!important;display:grid!important;box-shadow:0 8px 20px #0f172a0f!important}.hiroshi-home-header.is-floating .hiroshi-notif-button{border-radius:16px!important;flex-basis:42px!important;width:42px!important;min-width:42px!important;height:42px!important}@media (width<=390px){.hiroshi-home-header,.hiroshi-home-header.is-top,.hiroshi-home-header.is-floating{width:auto!important;max-width:none!important;left:10px!important;right:10px!important}.hiroshi-home-header.is-top{padding:8px 2px 9px!important}.hiroshi-home-header.is-floating{border-radius:22px!important;padding:9px 10px!important}.hiroshi-home-header+.hiroshi-hero-card{margin-top:78px!important}.hiroshi-logo-mark{flex-basis:34px!important;width:34px!important;min-width:34px!important;height:34px!important}.hiroshi-home-header.is-floating .hiroshi-logo-mark{flex-basis:32px!important;width:32px!important;min-width:32px!important;height:32px!important}.hiroshi-brand h1{font-size:20px!important}.hiroshi-home-header.is-floating .hiroshi-brand h1{font-size:18px!important}.hiroshi-notif-button{flex-basis:42px!important;width:42px!important;min-width:42px!important;height:42px!important}.hiroshi-home-header.is-floating .hiroshi-notif-button{flex-basis:40px!important;width:40px!important;min-width:40px!important;height:40px!important}}.hiroshi-home-header{top:calc(env(safe-area-inset-top,0px) + 12px)!important;min-height:70px!important;overflow:visible!important}.hiroshi-home-header.is-top{background:#f7fcf9f5!important;border-radius:0!important;min-height:70px!important;padding:12px 6px!important;overflow:visible!important}.hiroshi-home-header.is-floating{min-height:64px!important;padding:10px 12px!important;overflow:visible!important}.hiroshi-logo-mark,.hiroshi-logo-mark svg,.hiroshi-logo-mark img{overflow:visible!important}.hiroshi-brand h1{padding-bottom:1px!important;line-height:1.12!important}.hiroshi-notif-button{overflow:visible!important}@media (width<=390px){.hiroshi-home-header{top:calc(env(safe-area-inset-top,0px) + 10px)!important;min-height:66px!important}.hiroshi-home-header.is-top{min-height:66px!important;padding:10px 4px 11px!important}.hiroshi-home-header.is-floating{min-height:62px!important;padding:9px 10px!important}.hiroshi-home-header+.hiroshi-hero-card{margin-top:88px!important}}.hiroshi-home-header.is-top{-webkit-backdrop-filter:blur(14px)!important;background:#ffffffd1!important;border:1px solid #0f172a0f!important;border-radius:24px!important;min-height:68px!important;padding:10px 12px!important;left:14px!important;right:14px!important;overflow:visible!important;transform:translateY(0)scale(1)!important;box-shadow:0 8px 24px #0f172a0e,inset 0 1px #ffffffbf!important}.hiroshi-home-header.is-floating{background:#fffffff2!important;border-radius:26px!important;box-shadow:0 14px 34px #0f172a1f,inset 0 1px #ffffffd1!important}.hiroshi-home-header+.hiroshi-hero-card{margin-top:92px!important}@media (width<=390px){.hiroshi-home-header.is-top{border-radius:22px!important;min-height:64px!important;padding:9px 10px!important;left:10px!important;right:10px!important}.hiroshi-home-header.is-floating{border-radius:24px!important}.hiroshi-home-header+.hiroshi-hero-card{margin-top:86px!important}}:root{--motion-fast:.15s;--motion-normal:.22s;--motion-slow:.32s;--ease-soft:cubic-bezier(.16, 1, .3, 1);--ease-pop:cubic-bezier(.2, .9, .2, 1.05)}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}*{-webkit-font-smoothing:antialiased}.mobile-page,.home-page,.account-page,.device-page,.area-page,.notification-page,.international-detail-page{filter:none!important;will-change:auto!important;animation:none!important;transform:none!important}button,[role=button],.device-action-button,.profile-edit-pill,.account-menu-row,.account-menu-list button,.international-component-row,.device-log-row,.quick-stat-v2-card,.international-quick-card,.admin-summary-card,.admin-summary-grid>div,.device-card,.area-card,.notification-card{touch-action:manipulation;transition:transform var(--motion-fast) var(--ease-soft), background var(--motion-fast) var(--ease-soft), border-color var(--motion-fast) var(--ease-soft), box-shadow var(--motion-fast) var(--ease-soft), opacity var(--motion-fast) var(--ease-soft)!important}button:active,[role=button]:active,.device-action-button:active,.profile-edit-pill:active,.account-menu-row:active,.account-menu-list button:active,.international-component-row:active,.device-log-row:active,.quick-stat-v2-card:active,.international-quick-card:active,.admin-summary-card:active,.admin-summary-grid>div:active,.device-card:active,.area-card:active,.notification-card:active{transform:scale(.985)!important}.bottom-nav,.mobile-page>nav{z-index:9990!important;transition:background var(--motion-normal) var(--ease-soft), box-shadow var(--motion-normal) var(--ease-soft)!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;transform:none!important}.bottom-nav button,.mobile-page>nav button{transition:background var(--motion-fast) var(--ease-soft), color var(--motion-fast) var(--ease-soft), transform var(--motion-fast) var(--ease-pop)!important;position:relative!important}.bottom-nav button.active,.mobile-page>nav button.active{animation:navActiveSafe .22s var(--ease-pop) both}@keyframes navActiveSafe{0%{transform:scale(.96)}to{transform:scale(1)}}.hiroshi-home-header,.international-detail-header{transition:background var(--motion-normal) var(--ease-soft), box-shadow var(--motion-normal) var(--ease-soft), border-radius var(--motion-normal) var(--ease-soft), padding var(--motion-normal) var(--ease-soft)!important;opacity:1!important;pointer-events:auto!important}.hiroshi-home-header{will-change:auto!important}.operation-option{transition:background var(--motion-normal) var(--ease-soft), color var(--motion-fast) var(--ease-soft), box-shadow var(--motion-fast) var(--ease-soft), transform var(--motion-fast) var(--ease-pop)!important}.operation-option:active{transform:scale(.97)!important}.operation-option.active{animation:operationActiveSafe .22s var(--ease-pop) both}@keyframes operationActiveSafe{0%{transform:scale(.97)}to{transform:scale(1)}}.international-toggle{transition:background var(--motion-normal) var(--ease-soft), box-shadow var(--motion-normal) var(--ease-soft)!important}.international-toggle:active{transform:scale(.98)!important}.international-toggle i{transition:transform var(--motion-normal) var(--ease-pop), box-shadow var(--motion-normal) var(--ease-soft)!important}input[type=range]{transition:opacity var(--motion-fast) var(--ease-soft)!important}input[type=range]:active{opacity:.85!important}.device-visual-hero,.admin-profile-card,.hiroshi-hero-card,.operation-card,.device-health-card,.critical-alert-card,.device-log-card,.component-monitor-card,.account-menu-card,.account-admin-card{animation:cardFadeSafe .26s var(--ease-soft) both}@keyframes cardFadeSafe{0%{opacity:0}to{opacity:1}}button svg,.account-menu-icon svg,.international-component-icon svg,.quick-stat-v2-card svg,.international-quick-card svg{transition:transform var(--motion-fast) var(--ease-pop), color var(--motion-fast) var(--ease-soft)!important}button:active svg,.account-menu-row:active .account-menu-icon svg,.account-menu-list button:active .account-menu-icon svg,.international-component-row:active .international-component-icon svg,.quick-stat-v2-card:active svg,.international-quick-card:active svg{transform:scale(.94)!important}.modal-backdrop,.sheet-backdrop,.dialog-backdrop,.sensor-chart-backdrop{animation:.18s both backdropFadeSafe}@keyframes backdropFadeSafe{0%{opacity:0}to{opacity:1}}.modal-card,.sheet-card,.dialog-card,.sensor-chart-card,.profile-edit-sheet,.account-modal-card{animation:sheetEnterSafe .24s var(--ease-soft) both}@keyframes sheetEnterSafe{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.toast,.hiroshi-toast,.notification-toast{animation:toastEnterSafe .22s var(--ease-soft) both}@keyframes toastEnterSafe{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}button:before,button:after{pointer-events:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.hiroshi-toast,.toast,.notification-toast,.app-toast,.mobile-toast{left:14px!important;right:14px!important;bottom:calc(92px + env(safe-area-inset-bottom))!important;z-index:10000!important;color:#fff!important;white-space:normal!important;background:#0f172a!important;border-radius:20px!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;width:auto!important;min-width:0!important;max-width:none!important;padding:13px 15px!important;animation:.24s cubic-bezier(.16,1,.3,1) both hiroshiToastSafeEnter!important;display:flex!important;position:fixed!important;overflow:visible!important;transform:none!important;box-shadow:0 16px 34px #0f172a47!important}.hiroshi-toast span,.toast span,.notification-toast span,.app-toast span,.mobile-toast span,.hiroshi-toast p,.toast p,.notification-toast p,.app-toast p,.mobile-toast p{color:#fff!important;white-space:normal!important;min-width:0!important;max-width:100%!important;text-overflow:initial!important;margin:0!important;font-size:13px!important;font-weight:850!important;line-height:1.35!important;overflow:visible!important}.hiroshi-toast button,.toast button,.notification-toast button,.app-toast button,.mobile-toast button{color:#fff!important;min-width:0!important;box-shadow:none!important;background:0 0!important;flex:none!important;padding:0!important}@keyframes hiroshiToastSafeEnter{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=390px){.hiroshi-toast,.toast,.notification-toast,.app-toast,.mobile-toast{left:10px!important;right:10px!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;border-radius:18px!important;padding:12px 14px!important}.hiroshi-toast span,.toast span,.notification-toast span,.app-toast span,.mobile-toast span,.hiroshi-toast p,.toast p,.notification-toast p,.app-toast p,.mobile-toast p{font-size:12.5px!important}}.hiroshi-toast,.toast,.notification-toast,.app-toast,.mobile-toast{left:18px!important;right:18px!important;bottom:calc(96px + env(safe-area-inset-bottom))!important;z-index:10000!important;color:#0b6b3c!important;-webkit-backdrop-filter:blur(18px)saturate(1.35)!important;white-space:normal!important;background:#ffffffc2!important;border:1px solid #10a65a2e!important;border-radius:22px!important;justify-content:center!important;align-items:center!important;gap:9px!important;width:auto!important;min-width:0!important;max-width:none!important;padding:13px 16px!important;animation:.24s cubic-bezier(.16,1,.3,1) both hiroshiGlassToastEnter!important;display:flex!important;position:fixed!important;overflow:visible!important;transform:none!important;box-shadow:0 14px 30px #0f172a1f,inset 0 1px #ffffffbf!important}.hiroshi-toast span,.toast span,.notification-toast span,.app-toast span,.mobile-toast span,.hiroshi-toast p,.toast p,.notification-toast p,.app-toast p,.mobile-toast p{color:#0b6b3c!important;text-align:center!important;white-space:normal!important;min-width:0!important;max-width:100%!important;text-overflow:initial!important;margin:0!important;font-size:13px!important;font-weight:850!important;line-height:1.35!important;overflow:visible!important}.hiroshi-toast svg,.toast svg,.notification-toast svg,.app-toast svg,.mobile-toast svg{color:#0b8f4d!important;flex:0 0 17px!important;width:17px!important;height:17px!important}.hiroshi-toast button,.toast button,.notification-toast button,.app-toast button,.mobile-toast button{color:#0b8f4d!important;box-shadow:none!important;background:0 0!important;flex:none!important}@keyframes hiroshiGlassToastEnter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=390px){.hiroshi-toast,.toast,.notification-toast,.app-toast,.mobile-toast{left:12px!important;right:12px!important;bottom:calc(90px + env(safe-area-inset-bottom))!important;border-radius:20px!important;padding:12px 14px!important}.hiroshi-toast span,.toast span,.notification-toast span,.app-toast span,.mobile-toast span,.hiroshi-toast p,.toast p,.notification-toast p,.app-toast p,.mobile-toast p{font-size:12.5px!important}}.hiroshi-global-appbar{top:calc(env(safe-area-inset-top,0px) + 8px)!important;z-index:9990!important;-webkit-backdrop-filter:blur(18px)saturate(1.25)!important;background:#ffffffe0!important;border:1px solid #0f172a12!important;border-radius:24px!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;min-height:66px!important;padding:10px 12px!important;display:flex!important;position:fixed!important;left:14px!important;right:14px!important;box-shadow:0 12px 30px #0f172a14,inset 0 1px #ffffffc7!important}.mobile-page:not(.international-detail-page){padding-top:calc(88px + env(safe-area-inset-top,0px))!important}.hiroshi-global-appbar .hiroshi-brand{text-align:left!important;background:0 0!important;border:0!important;flex:auto!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:0!important;display:flex!important}.hiroshi-global-appbar .hiroshi-logo-mark{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:17px!important;flex:0 0 42px!important;place-items:center!important;width:42px!important;height:42px!important;display:grid!important}.hiroshi-global-appbar h1{color:#0f172a!important;letter-spacing:-.04em!important;margin:0 0 3px!important;font-size:19px!important;font-weight:950!important;line-height:1!important}.hiroshi-global-appbar p{color:#64748b!important;margin:0!important;font-size:11.5px!important;font-weight:750!important;line-height:1.25!important}.hiroshi-global-appbar .hiroshi-notif-button{border-radius:17px!important;flex:0 0 44px!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;display:grid!important;position:relative!important}.home-area-overview-single{background:#fffffff5!important;border:1px solid #0f172a0f!important;border-radius:28px!important;margin-bottom:14px!important;padding:18px!important;box-shadow:0 12px 30px #0f172a0f!important}.home-area-overview-head{grid-template-columns:1fr auto!important;align-items:start!important;gap:12px!important;margin-bottom:14px!important;display:grid!important}.home-area-overview-head span{color:#0b8f4d!important;font-size:11px!important;font-weight:950!important}.home-area-overview-head h2{color:#0f172a!important;letter-spacing:-.04em!important;margin:4px 0 6px!important;font-size:20px!important;font-weight:950!important;line-height:1.12!important}.home-area-overview-head p{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:650!important;line-height:1.4!important}.home-area-overview-head button,.notification-read-all-button{color:#0b8f4d!important;background:#e8f8ef!important;border:0!important;border-radius:999px!important;height:38px!important;padding:0 13px!important;font-size:11.5px!important;font-weight:900!important}.home-area-overview-list{gap:9px!important;display:grid!important}.home-area-overview-list button{text-align:left!important;background:#fff!important;border:1px solid #0f172a0f!important;border-radius:19px!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:10px!important;min-height:62px!important;padding:12px!important;display:grid!important}.home-area-overview-list strong{color:#0f172a!important;margin-bottom:4px!important;font-size:13px!important;font-weight:950!important;display:block!important}.home-area-overview-list span{color:#64748b!important;font-size:10.8px!important;font-weight:700!important}.home-area-overview-list b{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;padding:7px 9px!important;font-size:10px!important}.device-square-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:14px!important;padding-bottom:12px!important;display:grid!important}.device-square-card{text-align:left!important;background:#fffffff5!important;border:1px solid #0f172a0f!important;border-radius:25px!important;min-height:168px!important;padding:15px!important;box-shadow:0 10px 26px #0f172a0e!important}.device-square-top{justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:14px!important;display:flex!important}.device-square-icon{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:18px!important;place-items:center!important;width:46px!important;height:46px!important;display:grid!important}.device-square-card h3{color:#0f172a!important;letter-spacing:-.025em!important;margin:0 0 7px!important;font-size:15px!important;font-weight:950!important;line-height:1.15!important}.device-square-card p{color:#64748b!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;margin:0 0 12px!important;font-size:11px!important;font-weight:650!important;line-height:1.35!important;display:-webkit-box!important;overflow:hidden!important}.device-square-meta{flex-wrap:wrap!important;gap:6px!important;display:flex!important}.device-square-meta span{color:#64748b!important;background:#f1f5f9!important;border-radius:999px!important;padding:5px 7px!important;font-size:9.5px!important;font-weight:850!important}.international-detail-page .critical-alert-card,.international-detail-page .device-health-card,.international-detail-page .operation-card,.international-detail-page .component-monitor-card,.international-detail-page .device-log-card{width:100%!important}.notification-popover-backdrop{z-index:10000!important;padding:calc(86px + env(safe-area-inset-top,0px)) 14px 96px!important;-webkit-backdrop-filter:blur(10px)!important;background:#0f172a2e!important;position:fixed!important;inset:0!important}.notification-popover-card{background:#fffffff5!important;border:1px solid #0f172a14!important;border-radius:28px!important;width:100%!important;max-height:min(620px,100vh - 190px)!important;padding:18px!important;overflow-y:auto!important;box-shadow:0 22px 50px #0f172a2e!important}.notification-popover-head{grid-template-columns:1fr 40px!important;align-items:start!important;gap:12px!important;margin-bottom:14px!important;display:grid!important}.notification-popover-head span{color:#0b8f4d!important;font-size:11px!important;font-weight:950!important}.notification-popover-head h2{color:#0f172a!important;margin:4px 0 5px!important;font-size:22px!important;font-weight:950!important}.notification-popover-head p{color:#64748b!important;margin:0!important;font-size:12px!important;line-height:1.35!important}.notification-popover-head button{color:#0f172a!important;background:#f1f5f9!important;border:0!important;border-radius:16px!important;width:40px!important;height:40px!important;font-size:22px!important}.notification-popover-list{gap:10px!important;margin-bottom:14px!important;display:grid!important}.account-intro,.admin-summary-grid{display:none!important}@media (width<=390px){.hiroshi-global-appbar{border-radius:22px!important;min-height:62px!important;padding:9px 10px!important;left:10px!important;right:10px!important}.mobile-page:not(.international-detail-page){padding-top:calc(82px + env(safe-area-inset-top,0px))!important}.hiroshi-global-appbar .hiroshi-logo-mark{flex-basis:38px!important;width:38px!important;height:38px!important}.hiroshi-global-appbar h1{font-size:18px!important}.hiroshi-global-appbar p{font-size:11px!important}.device-square-grid{gap:10px!important}.device-square-card{border-radius:23px!important;min-height:158px!important;padding:13px!important}.device-square-card h3{font-size:14px!important}.notification-popover-backdrop{padding-left:10px!important;padding-right:10px!important}}.bottom-nav,.mobile-page>nav{z-index:9995!important;width:100%!important;height:calc(78px + env(safe-area-inset-bottom))!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;-webkit-backdrop-filter:blur(18px)saturate(1.25)!important;background:#fffffff5!important;border:0!important;border-top:1px solid #0f172a14!important;border-radius:26px 26px 0 0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;place-items:center!important;gap:0!important;display:grid!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;box-shadow:0 -10px 28px #0f172a14,inset 0 1px #ffffffd9!important}.bottom-nav button,.mobile-page>nav button{color:#8b96a6!important;width:72px!important;max-width:72px!important;height:58px!important;min-height:58px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:20px!important;grid-template-rows:24px 16px!important;align-content:center!important;justify-items:center!important;row-gap:5px!important;margin:0!important;padding:7px 6px!important;font-size:0!important;line-height:1!important;display:grid!important;transform:none!important}.bottom-nav button.active,.mobile-page>nav button.active{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:21px!important;width:74px!important;max-width:74px!important;height:60px!important;transform:translateY(-2px)!important;box-shadow:0 9px 22px #10a65a21,inset 0 1px #ffffffc7!important}.bottom-nav button:active,.mobile-page>nav button:active{transform:scale(.96)!important}.bottom-nav button.active:active,.mobile-page>nav button.active:active{transform:translateY(-2px)scale(.96)!important}@media (width<=390px){.bottom-nav,.mobile-page>nav{height:calc(74px + env(safe-area-inset-bottom))!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important}.bottom-nav button,.mobile-page>nav button{border-radius:19px!important;width:68px!important;max-width:68px!important;height:56px!important;min-height:56px!important}.bottom-nav button.active,.mobile-page>nav button.active{border-radius:20px!important;width:70px!important;max-width:70px!important;height:58px!important}.bottom-nav button svg,.mobile-page>nav button svg{width:22px!important;height:22px!important}.bottom-nav button span,.mobile-page>nav button span{font-size:10.5px!important}.mobile-page{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}}.hiroshi-logo-mark.hiroshi-logo-original{background:linear-gradient(135deg,#10a65a,#08723f)!important;border-radius:17px!important;flex:0 0 42px!important;place-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 22px #10a65a3d,inset 0 1px #ffffff40!important}.hiroshi-logo-mark.hiroshi-logo-original:before{content:""!important;border:2px solid #ffffffb8!important;border-radius:12px!important;position:absolute!important;inset:8px!important}.hiroshi-logo-mark.hiroshi-logo-original span:first-child{background:#fff!important;border-radius:999px!important;width:14px!important;height:14px!important;position:absolute!important;transform:translate(-6px,-5px)!important}.hiroshi-logo-mark.hiroshi-logo-original span:last-child{background:#fff!important;border-radius:999px 999px 4px 4px!important;width:18px!important;height:8px!important;position:absolute!important;transform:translate(5px,8px)rotate(-18deg)!important}.hiroshi-logo-mark.hiroshi-logo-original svg{display:none!important}@media (width<=390px){.hiroshi-logo-mark.hiroshi-logo-original{border-radius:16px!important;flex-basis:38px!important;width:38px!important;min-width:38px!important;height:38px!important}.hiroshi-logo-mark.hiroshi-logo-original:before{border-radius:11px!important;inset:7px!important}}.hiroshi-logo-mark.hiroshi-logo-image img{object-fit:contain!important;object-position:center!important;border-radius:12px!important;width:100%!important;height:100%!important;display:block!important}.hiroshi-logo-mark.hiroshi-logo-image span,.hiroshi-logo-mark.hiroshi-logo-image svg{display:none!important}@media (width<=390px){.hiroshi-logo-mark.hiroshi-logo-image{border-radius:17px!important;flex-basis:42px!important;width:42px!important;min-width:42px!important;height:42px!important;padding:5px!important}.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-home-header.is-floating .hiroshi-logo-mark.hiroshi-logo-image{flex-basis:40px!important;width:40px!important;min-width:40px!important;height:40px!important}}.hiroshi-logo-mark.hiroshi-logo-image img{object-fit:contain!important;object-position:center!important;transform-origin:50%!important;border-radius:0!important;width:100%!important;height:100%!important;display:block!important;transform:scale(2.85)!important}.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-home-header.is-floating .hiroshi-logo-mark.hiroshi-logo-image{flex-basis:54px!important;width:54px!important;min-width:54px!important;height:54px!important}.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-home-header.is-floating .hiroshi-logo-mark.hiroshi-logo-image img{transform:scale(2.85)!important}@media (width<=390px){.hiroshi-logo-mark.hiroshi-logo-image{border-radius:22px!important;flex-basis:54px!important;width:54px!important;min-width:54px!important;height:54px!important}.hiroshi-logo-mark.hiroshi-logo-image img{transform:scale(2.9)!important}.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-home-header.is-floating .hiroshi-logo-mark.hiroshi-logo-image{flex-basis:50px!important;width:50px!important;min-width:50px!important;height:50px!important}}.hiroshi-logo-mark.hiroshi-logo-image{background:#ffffffeb!important;border:1px solid #10a65a1f!important;border-radius:24px!important;flex:0 0 58px!important;place-items:center!important;width:58px!important;min-width:58px!important;height:58px!important;padding:9px!important;display:grid!important;overflow:hidden!important;box-shadow:0 10px 24px #10a65a1f,inset 0 1px #ffffffd9!important}.hiroshi-logo-mark.hiroshi-logo-image img{object-fit:contain!important;object-position:center center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:block!important;transform:none!important}.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-home-header.is-floating .hiroshi-logo-mark.hiroshi-logo-image{flex-basis:54px!important;width:54px!important;min-width:54px!important;height:54px!important;padding:8px!important}@media (width<=390px){.hiroshi-logo-mark.hiroshi-logo-image{border-radius:22px!important;flex-basis:54px!important;width:54px!important;min-width:54px!important;height:54px!important;padding:8px!important}.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-home-header.is-floating .hiroshi-logo-mark.hiroshi-logo-image{flex-basis:50px!important;width:50px!important;min-width:50px!important;height:50px!important;padding:7px!important}}.hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-global-appbar .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-home-header .hiroshi-logo-mark.hiroshi-logo-image{background:#fffffff0!important;border:1px solid #10a65a1f!important;border-radius:25px!important;flex:0 0 62px!important;place-items:center!important;width:62px!important;min-width:62px!important;height:62px!important;margin:0!important;padding:0!important;display:grid!important;position:relative!important;overflow:hidden!important;transform:none!important;box-shadow:0 10px 24px #10a65a1f,inset 0 1px #ffffffdb!important}.hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-global-appbar .hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-home-header .hiroshi-logo-mark.hiroshi-logo-image img{object-fit:contain!important;object-position:center!important;transform-origin:50%!important;border-radius:0!important;width:52px!important;height:52px!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)rotate(0)!important}.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-home-header.is-floating .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-global-appbar.is-top .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-home-header.is-top .hiroshi-logo-mark.hiroshi-logo-image{flex-basis:62px!important;width:62px!important;min-width:62px!important;height:62px!important;transform:none!important}.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-home-header.is-floating .hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-global-appbar.is-top .hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-home-header.is-top .hiroshi-logo-mark.hiroshi-logo-image img{width:52px!important;height:52px!important;transform:translate(-50%,-50%)!important}@media (width<=390px){.hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-global-appbar .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-home-header .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-home-header.is-floating .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-global-appbar.is-top .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-home-header.is-top .hiroshi-logo-mark.hiroshi-logo-image{border-radius:23px!important;flex-basis:58px!important;width:58px!important;min-width:58px!important;height:58px!important}.hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-global-appbar .hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-home-header .hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-home-header.is-floating .hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-global-appbar.is-top .hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-home-header.is-top .hiroshi-logo-mark.hiroshi-logo-image img{width:49px!important;height:49px!important;transform:translate(-50%,-50%)!important}}.hiroshi-global-appbar{will-change:background, box-shadow, border-radius, padding!important;transition:top .28s cubic-bezier(.16,1,.3,1),left .28s cubic-bezier(.16,1,.3,1),right .28s cubic-bezier(.16,1,.3,1),padding .28s cubic-bezier(.16,1,.3,1),border-radius .28s cubic-bezier(.16,1,.3,1),background .28s cubic-bezier(.16,1,.3,1),border-color .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .28s cubic-bezier(.16,1,.3,1),backdrop-filter .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1)!important}.hiroshi-global-appbar.is-top{top:calc(env(safe-area-inset-top,0px) + 10px)!important;-webkit-backdrop-filter:blur(10px)saturate(1.15)!important;background:linear-gradient(135deg,#ffffffa3,#ffffff6b)!important;border:1px solid #ffffff70!important;border-radius:28px!important;min-height:68px!important;padding:10px 12px!important;left:18px!important;right:18px!important;transform:translateY(0)scale(1)!important;box-shadow:0 8px 22px #0f172a09,inset 0 1px #ffffffb3!important}.hiroshi-global-appbar.is-floating{top:calc(env(safe-area-inset-top,0px) + 8px)!important;-webkit-backdrop-filter:blur(18px)saturate(1.28)!important;background:#fffffff0!important;border:1px solid #0f172a12!important;border-radius:26px!important;min-height:66px!important;padding:10px 12px!important;left:14px!important;right:14px!important;transform:translateY(0)scale(1)!important;box-shadow:0 14px 34px #0f172a1b,inset 0 1px #ffffffd6!important}.hiroshi-global-appbar .hiroshi-logo-mark.hiroshi-logo-image{transition:width .26s cubic-bezier(.16,1,.3,1),height .26s cubic-bezier(.16,1,.3,1),border-radius .26s cubic-bezier(.16,1,.3,1),background .26s cubic-bezier(.16,1,.3,1),box-shadow .26s cubic-bezier(.16,1,.3,1)!important}.hiroshi-global-appbar.is-top .hiroshi-logo-mark.hiroshi-logo-image{background:#ffffffbd!important;box-shadow:0 8px 18px #10a65a13,inset 0 1px #ffffffb8!important}.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image{background:#fffffff2!important;box-shadow:0 10px 24px #10a65a1f,inset 0 1px #ffffffdb!important}.hiroshi-global-appbar h1,.hiroshi-global-appbar p{transition:color .24s,opacity .24s,transform .24s cubic-bezier(.16,1,.3,1)!important}.hiroshi-global-appbar.is-top p{opacity:.82!important}.hiroshi-global-appbar.is-floating p{opacity:1!important}@media (width<=390px){.hiroshi-global-appbar.is-top{left:12px!important;right:12px!important;top:calc(env(safe-area-inset-top,0px) + 9px)!important;border-radius:24px!important;min-height:64px!important;padding:9px 10px!important}.hiroshi-global-appbar.is-floating{border-radius:23px!important;min-height:62px!important;padding:9px 10px!important;left:10px!important;right:10px!important}}.hiroshi-global-appbar,.hiroshi-global-appbar.is-top,.hiroshi-global-appbar.is-floating{top:calc(env(safe-area-inset-top,0px) + 8px)!important;border-radius:26px!important;height:66px!important;min-height:66px!important;padding:10px 12px!important;left:14px!important;right:14px!important;transform:none!important}.hiroshi-global-appbar.is-top{-webkit-backdrop-filter:blur(10px)saturate(1.15)!important;background:linear-gradient(135deg,#ffffffa3,#ffffff6b)!important;border:1px solid #ffffff70!important;box-shadow:0 8px 22px #0f172a09,inset 0 1px #ffffffb3!important}.hiroshi-global-appbar.is-floating{-webkit-backdrop-filter:blur(18px)saturate(1.28)!important;background:#fffffff0!important;border:1px solid #0f172a12!important;box-shadow:0 14px 34px #0f172a1b,inset 0 1px #ffffffd6!important}.hiroshi-global-appbar .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-global-appbar.is-top .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image{flex-basis:58px!important;width:58px!important;min-width:58px!important;height:58px!important;transform:none!important}.hiroshi-global-appbar .hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-global-appbar.is-top .hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image img{width:49px!important;height:49px!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.hiroshi-global-appbar .hiroshi-notif-button,.hiroshi-global-appbar.is-top .hiroshi-notif-button,.hiroshi-global-appbar.is-floating .hiroshi-notif-button{border-radius:20px!important;flex-basis:52px!important;width:52px!important;min-width:52px!important;height:52px!important}.hiroshi-global-appbar{transition:background .28s cubic-bezier(.16,1,.3,1),border-color .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .28s cubic-bezier(.16,1,.3,1),backdrop-filter .28s cubic-bezier(.16,1,.3,1)!important}@media (width<=390px){.hiroshi-global-appbar,.hiroshi-global-appbar.is-top,.hiroshi-global-appbar.is-floating{top:calc(env(safe-area-inset-top,0px) + 8px)!important;border-radius:24px!important;height:64px!important;min-height:64px!important;padding:9px 10px!important;left:10px!important;right:10px!important}.hiroshi-global-appbar .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-global-appbar.is-top .hiroshi-logo-mark.hiroshi-logo-image,.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image{flex-basis:56px!important;width:56px!important;min-width:56px!important;height:56px!important}.hiroshi-global-appbar .hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-global-appbar.is-top .hiroshi-logo-mark.hiroshi-logo-image img,.hiroshi-global-appbar.is-floating .hiroshi-logo-mark.hiroshi-logo-image img{width:47px!important;height:47px!important}.hiroshi-global-appbar .hiroshi-notif-button,.hiroshi-global-appbar.is-top .hiroshi-notif-button,.hiroshi-global-appbar.is-floating .hiroshi-notif-button{flex-basis:50px!important;width:50px!important;min-width:50px!important;height:50px!important}}@media (width<=390px){.device-showcase-grid{gap:10px!important}.device-showcase-card{border-radius:23px!important;min-height:214px!important;padding:12px!important}.device-showcase-icon{border-radius:16px!important;width:39px!important;height:39px!important}.device-showcase-icon svg{width:20px!important;height:20px!important}.device-showcase-image{height:82px!important;margin-bottom:8px!important}.device-showcase-image img{width:112px!important;height:84px!important}.device-showcase-body h3{font-size:14px!important}.device-showcase-status{height:27px!important;padding:0 10px!important}.device-showcase-status span{font-size:11px!important}.device-showcase-footer span{font-size:12px!important}}.home-area-summary-section{margin-top:14px!important}.home-area-summary-grid{gap:12px!important;display:grid!important}.home-area-summary-card{text-align:left!important;background:radial-gradient(circle at 88% 18%,#10a65a14,#0000 36%),#fffffff5!important;border:1px solid #0f172a0f!important;border-radius:26px!important;width:100%!important;min-height:150px!important;padding:16px!important;box-shadow:0 12px 28px #0f172a0f,inset 0 1px #ffffffe0!important}.home-area-summary-top{grid-template-columns:1fr auto!important;align-items:start!important;gap:12px!important;display:grid!important}.home-area-summary-top h3{color:#0f172a!important;letter-spacing:-.03em!important;margin:0 0 5px!important;font-size:18px!important;font-weight:950!important}.home-area-summary-top p{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:650!important;line-height:1.35!important}.home-area-device-preview{align-items:center!important;gap:8px!important;margin:14px 0!important;display:flex!important}.home-area-device-image,.home-area-device-more{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:20px!important;place-items:center!important;width:54px!important;height:54px!important;display:grid!important;overflow:hidden!important;box-shadow:0 8px 18px #10a65a14,inset 0 1px #fffc!important}.home-area-device-image img{object-fit:contain!important;object-position:center!important;width:66px!important;height:52px!important}.home-area-device-more{font-size:13px!important;font-weight:950!important}.home-area-summary-bottom{gap:4px!important;display:grid!important}.home-area-summary-bottom span{color:#0b8f4d!important;font-size:12px!important;font-weight:900!important}.home-area-summary-bottom b{color:#334155!important;font-size:12px!important;font-weight:750!important;line-height:1.35!important}.area-page-header{background:radial-gradient(circle at 86% 12%,#10a65a1f,#0000 34%),#fffffff5!important;border:1px solid #0f172a0f!important;border-radius:28px!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:12px!important;margin-bottom:14px!important;padding:18px!important;display:grid!important;box-shadow:0 12px 28px #0f172a0f,inset 0 1px #ffffffdb!important}.area-page-header h2{color:#0f172a!important;letter-spacing:-.04em!important;margin:0 0 6px!important;font-size:22px!important;font-weight:950!important;line-height:1.1!important}.area-page-header p{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:650!important;line-height:1.35!important}.area-page-header button{color:#fff!important;background:linear-gradient(135deg,#10a65a,#08723f)!important;border:0!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-width:112px!important;height:44px!important;padding:0 14px!important;font-size:12px!important;font-weight:900!important;display:inline-flex!important;box-shadow:0 10px 22px #10a65a2e!important}.area-page-header button svg{width:18px!important;height:18px!important}.area-device-grid{gap:14px!important;padding-bottom:12px!important;display:grid!important}.area-device-card{background:#fffffff5!important;border:1px solid #0f172a0f!important;border-radius:28px!important;padding:18px!important;box-shadow:0 12px 30px #0f172a0f,inset 0 1px #ffffffdb!important}.area-device-card-head{grid-template-columns:1fr auto!important;align-items:start!important;gap:12px!important;margin-bottom:14px!important;display:grid!important}.area-device-card-head span{color:#0b8f4d!important;letter-spacing:.02em!important;font-size:11px!important;font-weight:950!important}.area-device-card-head h3{color:#0f172a!important;letter-spacing:-.035em!important;margin:4px 0 6px!important;font-size:20px!important;font-weight:950!important;line-height:1.1!important}.area-device-card-head p{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:650!important;line-height:1.35!important}.area-device-list{gap:10px!important;display:grid!important}.area-device-row{text-align:left!important;background:#fff!important;border:1px solid #0f172a0f!important;border-radius:22px!important;grid-template-columns:58px 1fr auto!important;align-items:center!important;gap:12px!important;min-height:78px!important;padding:12px!important;display:grid!important;box-shadow:0 8px 20px #0f172a09!important}.area-device-row:active{transform:scale(.985)!important}.area-device-thumb{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:20px!important;place-items:center!important;width:58px!important;height:58px!important;display:grid!important;overflow:hidden!important}.area-device-thumb img{object-fit:contain!important;object-position:center!important;width:72px!important;height:56px!important}.area-device-row h4{color:#0f172a!important;margin:0 0 5px!important;font-size:14px!important;font-weight:950!important;line-height:1.15!important}.area-device-row p{color:#64748b!important;margin:0!important;font-size:11px!important;font-weight:700!important;line-height:1.3!important}.area-empty-device{color:#64748b!important;background:#f8fafc!important;border-radius:22px!important;place-items:center!important;gap:8px!important;min-height:92px!important;display:grid!important}.area-empty-device svg{color:#0b8f4d!important;width:26px!important;height:26px!important}.area-empty-device p{margin:0!important;font-size:12px!important;font-weight:750!important}.area-popup-backdrop{z-index:10000!important;-webkit-backdrop-filter:blur(10px)!important;background:#0f172a38!important;align-items:flex-end!important;padding:18px!important;display:flex!important;position:fixed!important;inset:0!important}.area-popup-card{background:#fffffffb!important;border:1px solid #ffffffc7!important;border-radius:30px!important;width:100%!important;max-height:88vh!important;padding:20px!important;overflow-y:auto!important;box-shadow:0 22px 54px #0f172a2e,inset 0 1px #ffffffe6!important}.area-popup-head{grid-template-columns:1fr 42px!important;align-items:start!important;gap:12px!important;margin-bottom:16px!important;display:grid!important}.area-popup-head span{color:#0b8f4d!important;font-size:11px!important;font-weight:950!important}.area-popup-head h2{color:#0f172a!important;letter-spacing:-.04em!important;margin:4px 0 6px!important;font-size:22px!important;font-weight:950!important;line-height:1.1!important}.area-popup-head p{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:650!important;line-height:1.35!important}.area-popup-head button{color:#0f172a!important;background:#f1f5f9!important;border:0!important;border-radius:16px!important;width:42px!important;height:42px!important;font-size:22px!important;font-weight:800!important;line-height:1!important}.area-popup-field{color:#0f172a!important;gap:8px!important;margin-bottom:13px!important;font-size:12px!important;font-weight:900!important;display:grid!important}.area-popup-field input,.area-popup-field textarea{color:#0f172a!important;background:#f8fafc!important;border:1px solid #0f172a14!important;border-radius:18px!important;outline:none!important;width:100%!important;padding:13px 14px!important;font-size:13px!important;font-weight:700!important}.area-popup-field input:focus,.area-popup-field textarea:focus{border-color:#10a65a59!important;box-shadow:0 0 0 4px #10a65a14!important}.area-popup-field textarea{resize:none!important;min-height:82px!important}.area-device-picker{margin-top:14px!important}.area-device-picker>div:first-child{margin-bottom:10px!important}.area-device-picker h3{color:#0f172a!important;margin:0 0 4px!important;font-size:16px!important;font-weight:950!important}.area-device-picker p{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:650!important}.area-device-picker-list{gap:10px!important;display:grid!important}.area-device-picker-row{text-align:left!important;background:#fff!important;border:1px solid #0f172a12!important;border-radius:21px!important;grid-template-columns:54px 1fr 34px!important;align-items:center!important;gap:11px!important;min-height:74px!important;padding:11px!important;display:grid!important}.area-device-picker-row.active{background:#f1fbf5!important;border-color:#10a65a57!important}.area-device-picker-row>div{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:19px!important;place-items:center!important;width:54px!important;height:54px!important;display:grid!important;overflow:hidden!important}.area-device-picker-row img{object-fit:contain!important;object-position:center!important;width:66px!important;height:52px!important}.area-device-picker-row h4{color:#0f172a!important;margin:0 0 4px!important;font-size:13px!important;font-weight:950!important;line-height:1.15!important}.area-device-picker-row p{color:#64748b!important;margin:0!important;font-size:10.5px!important;font-weight:650!important;line-height:1.3!important}.area-device-picker-row>span{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;place-items:center!important;width:32px!important;height:32px!important;font-size:15px!important;font-weight:950!important;display:grid!important}.area-device-picker-row.active>span{color:#fff!important;background:#0b8f4d!important}.area-popup-save{color:#fff!important;background:linear-gradient(135deg,#10a65a,#08723f)!important;border:0!important;border-radius:20px!important;width:100%!important;height:52px!important;margin-top:16px!important;font-size:14px!important;font-weight:950!important;box-shadow:0 12px 24px #10a65a33!important}.device-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:16px!important;padding-bottom:18px!important;display:grid!important}.device-showcase-card{cursor:pointer!important;background:radial-gradient(circle at 50% 24%,#10a65a14,#0000 44%),linear-gradient(#fff 0%,#fbfdfc 100%)!important;border:1px solid #0f172a12!important;border-radius:24px!important;outline:none!important;flex-direction:column!important;min-height:224px!important;padding:13px!important;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 26px #0f172a11,inset 0 1px #ffffffe6!important}.device-showcase-top{z-index:2!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important;display:flex!important;position:relative!important}.device-showcase-image{place-items:center!important;height:88px!important;margin:0 -4px 10px!important;display:grid!important;position:relative!important}.device-showcase-body{z-index:2!important;flex-direction:column!important;flex:1!important;display:flex!important;position:relative!important}.device-showcase-body h3{color:#0f172a!important;letter-spacing:-.03em!important;margin:0 0 8px!important;font-size:15px!important;font-weight:950!important;line-height:1.15!important}.device-showcase-status{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;align-items:center!important;gap:7px!important;width:max-content!important;height:28px!important;padding:0 11px!important;display:inline-flex!important}.device-showcase-status i{background:#10a65a!important;border-radius:999px!important;width:7px!important;height:7px!important;box-shadow:0 0 0 4px #10a65a1a!important}.device-showcase-status span{font-size:11.5px!important;font-weight:850!important;line-height:1!important}.device-showcase-footer{justify-content:space-between!important;align-items:center!important;margin-top:auto!important;display:flex!important}.device-showcase-footer>div{align-items:center!important;gap:8px!important;display:inline-flex!important}.device-showcase-footer span{color:#334155!important;font-size:12.5px!important;font-weight:800!important;line-height:1!important}@media (width<=390px){.home-area-summary-card{border-radius:24px!important;padding:14px!important}.home-area-device-image,.home-area-device-more{border-radius:18px!important;width:50px!important;height:50px!important}.home-area-device-image img{width:62px!important;height:48px!important}.area-page-header{border-radius:25px!important;padding:15px!important}.area-page-header h2{font-size:20px!important}.area-page-header button{border-radius:17px!important;min-width:102px!important;height:42px!important;padding:0 12px!important}.area-device-card{border-radius:25px!important;padding:15px!important}.area-device-row{border-radius:20px!important;grid-template-columns:52px 1fr auto!important;gap:10px!important;padding:10px!important}.area-device-thumb{border-radius:18px!important;width:52px!important;height:52px!important}.area-device-thumb img{width:66px!important;height:50px!important}.area-popup-backdrop{padding:12px!important}.area-popup-card{border-radius:28px!important;padding:18px!important}.area-device-picker-row{grid-template-columns:50px 1fr 32px!important;gap:10px!important}.area-device-picker-row>div{border-radius:18px!important;width:50px!important;height:50px!important}.device-showcase-grid{gap:10px!important}.device-showcase-card{border-radius:23px!important;min-height:214px!important;padding:12px!important}.device-showcase-icon{border-radius:16px!important;width:39px!important;height:39px!important}.device-showcase-icon svg{width:20px!important;height:20px!important}.device-showcase-image{height:82px!important;margin-bottom:8px!important}.device-showcase-image img{width:112px!important;height:84px!important}.device-showcase-body h3{font-size:14px!important}.device-showcase-status{height:27px!important;padding:0 10px!important}.device-showcase-status span{font-size:11px!important}.device-showcase-footer span{font-size:12px!important}}.home-area-premium-section{margin-top:22px!important}.home-area-premium-head{justify-content:space-between!important;align-items:flex-start!important;gap:14px!important;margin-bottom:14px!important;display:flex!important}.home-area-premium-head h2{color:#0f172a!important;letter-spacing:-.045em!important;margin:0 0 7px!important;font-size:24px!important;font-weight:950!important;line-height:1.05!important}.home-area-premium-head p{color:#64748b!important;margin:0!important;font-size:13px!important;font-weight:650!important;line-height:1.35!important}.home-area-premium-head button{color:#0b8f4d!important;background:0 0!important;border:0!important;align-items:center!important;gap:7px!important;min-width:max-content!important;height:34px!important;padding:0!important;font-size:13px!important;font-weight:950!important;display:inline-flex!important}.home-area-premium-head button span{font-size:22px!important;line-height:1!important}.home-area-stats-strip{background:#fffffff5!important;border:1px solid #0f172a0e!important;border-radius:22px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;margin-bottom:14px!important;display:grid!important;overflow:hidden!important;box-shadow:0 12px 28px #0f172a0e,inset 0 1px #ffffffe0!important}.home-area-stats-strip>div{align-items:center!important;gap:11px!important;min-height:70px!important;padding:13px 14px!important;display:flex!important;position:relative!important}.home-area-stats-strip>div:not(:last-child):after{content:""!important;background:#0f172a14!important;width:1px!important;position:absolute!important;top:18px!important;bottom:18px!important;right:0!important}.home-area-stats-strip>div>span{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:14px!important;place-items:center!important;width:38px!important;height:38px!important;display:grid!important}.home-area-stats-strip svg{width:20px!important;height:20px!important}.home-area-stats-strip strong{color:#0f172a!important;letter-spacing:-.03em!important;font-size:19px!important;font-weight:950!important;line-height:1!important;display:block!important}.home-area-stats-strip p{color:#64748b!important;margin:4px 0 0!important;font-size:11px!important;font-weight:750!important;line-height:1.1!important}.home-area-premium-list{gap:14px!important;display:grid!important}.home-area-premium-card{background:radial-gradient(circle at 85% 12%,#10a65a14,#0000 35%),#fffffff7!important;border:1px solid #0f172a0f!important;border-radius:28px!important;width:100%!important;padding:16px!important;overflow:hidden!important;box-shadow:0 14px 34px #0f172a11,inset 0 1px #ffffffe6!important}.home-area-card-head{grid-template-columns:48px 1fr auto 28px!important;align-items:start!important;gap:12px!important;margin-bottom:15px!important;display:grid!important}.home-area-card-icon{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:18px!important;place-items:center!important;width:48px!important;height:48px!important;display:grid!important;box-shadow:0 8px 20px #10a65a14,inset 0 1px #ffffffd1!important}.home-area-card-icon svg{width:25px!important;height:25px!important}.home-area-card-head h3{color:#0f172a!important;letter-spacing:-.04em!important;margin:1px 0 6px!important;font-size:19px!important;font-weight:950!important;line-height:1.05!important}.home-area-card-head p{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important}.home-area-card-status{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;align-items:center!important;gap:7px!important;height:31px!important;padding:0 12px!important;display:inline-flex!important}.home-area-card-status i{background:#10a65a!important;border-radius:999px!important;width:7px!important;height:7px!important}.home-area-card-status span{font-size:12px!important;font-weight:950!important;line-height:1!important}.home-area-collapse-button{color:#334155!important;background:0 0!important;border:0!important;place-items:center!important;width:28px!important;height:28px!important;font-size:18px!important;font-weight:900!important;line-height:1!important;display:grid!important}.home-area-device-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;display:grid!important}.home-area-device-mini{min-width:0!important}.home-area-device-mini>div{background:radial-gradient(circle at 50% 48%,#10a65a1a,#0000 62%),#effaf4!important;border-radius:20px!important;place-items:center!important;width:100%!important;height:86px!important;display:grid!important;overflow:hidden!important}.home-area-device-mini img{object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 10px 12px #0f172a1f)!important;width:104px!important;height:78px!important}.home-area-device-mini p{color:#334155!important;align-items:center!important;gap:5px!important;margin:8px 0 0!important;font-size:10.5px!important;font-weight:850!important;line-height:1.2!important;display:flex!important}.home-area-device-mini p i{background:#10a65a!important;border-radius:999px!important;flex:0 0 6px!important;width:6px!important;height:6px!important}.home-area-active-panel{background:linear-gradient(135deg,#e8f8efb8,#ffffffe6)!important;border:1px solid #0f172a0e!important;border-radius:20px!important;padding:13px!important}.home-area-active-panel h4{color:#0b8f4d!important;margin:0 0 10px!important;font-size:12.5px!important;font-weight:950!important;line-height:1!important}.home-area-active-panel>div{gap:8px!important;display:grid!important}.home-area-active-panel button{text-align:left!important;background:0 0!important;border:0!important;grid-template-columns:22px 1fr auto!important;align-items:center!important;gap:8px!important;min-width:0!important;padding:0!important;display:grid!important}.home-area-active-panel button>span{color:#0b8f4d!important;background:#dff7ea!important;border-radius:999px!important;place-items:center!important;width:22px!important;height:22px!important;display:grid!important}.home-area-active-panel svg{width:13px!important;height:13px!important}.home-area-active-panel strong{color:#334155!important;white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important;font-size:12px!important;font-weight:900!important;line-height:1.2!important;overflow:hidden!important}.home-area-active-panel b{color:#0b8f4d!important;font-size:11px!important;font-weight:950!important;line-height:1!important}.home-area-detail-button{color:#0b8f4d!important;text-align:left!important;background:#e8f8ef!important;border:1px solid #10a65a14!important;border-radius:17px!important;grid-template-columns:28px 1fr 22px!important;align-items:center!important;gap:10px!important;width:100%!important;height:45px!important;padding:0 13px!important;font-size:12.5px!important;font-weight:950!important;line-height:1!important;display:grid!important}.home-area-detail-button span{background:#ffffffad!important;border-radius:11px!important;place-items:center!important;width:28px!important;height:28px!important;display:grid!important}.home-area-detail-button svg{width:15px!important;height:15px!important}.home-area-detail-button b{justify-self:end!important;font-size:24px!important;line-height:1!important}@media (width<=390px){.home-area-premium-head h2{font-size:22px!important}.home-area-premium-head p{font-size:12px!important}.home-area-stats-strip>div{gap:8px!important;min-height:64px!important;padding:11px 9px!important}.home-area-stats-strip>div>span{border-radius:13px!important;width:34px!important;height:34px!important}.home-area-stats-strip svg{width:18px!important;height:18px!important}.home-area-stats-strip strong{font-size:17px!important}.home-area-stats-strip p{font-size:10px!important}.home-area-premium-card{border-radius:25px!important;padding:14px!important}.home-area-card-head{grid-template-columns:44px 1fr auto 22px!important;gap:9px!important}.home-area-card-icon{border-radius:17px!important;width:44px!important;height:44px!important}.home-area-card-head h3{font-size:18px!important}.home-area-card-head p{font-size:11.3px!important}.home-area-card-status{height:29px!important;padding:0 10px!important}.home-area-card-status span{font-size:11px!important}.home-area-card-content{grid-template-columns:1fr!important;gap:12px!important}.home-area-device-mini>div{height:78px!important}.home-area-device-mini img{width:96px!important;height:72px!important}.home-area-active-panel{padding:12px!important}}.home-area-visual-image{background:radial-gradient(circle at 50% 52%,#10a65a1f,#0000 62%),linear-gradient(135deg,#eafaf1,#f7fffb)!important;border:1px solid #10a65a14!important;border-radius:24px!important;place-items:center!important;width:100%!important;height:100%!important;min-height:158px!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffffd9,0 10px 22px #0f172a0b!important}.home-area-visual-image img{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;display:block!important;transform:scale(1)!important}.home-area-visual-badge{color:#0b8f4d!important;-webkit-backdrop-filter:blur(12px)saturate(1.2)!important;background:#ffffffd6!important;border:1px solid #10a65a1f!important;border-radius:999px!important;align-items:center!important;gap:7px!important;height:32px!important;padding:0 10px!important;display:inline-flex!important;position:absolute!important;bottom:10px!important;left:10px!important;box-shadow:0 8px 18px #0f172a14,inset 0 1px #ffffffdb!important}.home-area-visual-badge svg{width:16px!important;height:16px!important}.home-area-visual-badge span{white-space:nowrap!important;font-size:11px!important;font-weight:950!important;line-height:1!important}.home-area-card-content{grid-template-columns:.95fr 1.05fr!important;align-items:stretch!important;gap:14px!important;margin-bottom:14px!important;display:grid!important}.home-area-device-gallery,.home-area-device-mini{display:none!important}@media (width<=390px){.home-area-card-content{grid-template-columns:1fr!important;gap:12px!important}.home-area-visual-image{border-radius:22px!important;min-height:150px!important}.home-area-visual-image img{transform:scale(1.04)!important}}.home-area-d-card{background:radial-gradient(circle at 88% 12%,#10a65a14,#0000 34%),#fffffff7!important;border:1px solid #0f172a0f!important;border-radius:30px!important;width:100%!important;padding:16px!important;overflow:hidden!important;box-shadow:0 16px 38px #0f172a12,inset 0 1px #ffffffe6!important}.home-area-d-head{grid-template-columns:52px 1fr auto 28px!important;align-items:start!important;gap:12px!important;margin-bottom:14px!important;display:grid!important}.home-area-d-icon{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:20px!important;place-items:center!important;width:52px!important;height:52px!important;display:grid!important;box-shadow:0 8px 20px #10a65a14,inset 0 1px #ffffffd1!important}.home-area-d-title{min-width:0!important}.home-area-d-title>div{align-items:center!important;gap:8px!important;display:flex!important}.home-area-d-title h3{color:#0f172a!important;letter-spacing:-.045em!important;margin:0!important;font-size:21px!important;font-weight:950!important;line-height:1.05!important}.home-area-d-edit-name{color:#0b8f4d!important;background:#e8f8ef!important;border:0!important;border-radius:999px!important;place-items:center!important;width:28px!important;height:28px!important;font-size:15px!important;font-weight:950!important;display:grid!important}.home-area-d-title p{color:#64748b!important;margin:7px 0 0!important;font-size:12.5px!important;font-weight:700!important;line-height:1.35!important}.home-area-d-status{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;align-items:center!important;gap:8px!important;height:32px!important;padding:0 13px!important;display:inline-flex!important}.home-area-d-status i{background:#10a65a!important;border-radius:999px!important;width:8px!important;height:8px!important}.home-area-d-status span{font-size:12px!important;font-weight:950!important;line-height:1!important}.home-area-d-collapse{color:#334155!important;background:0 0!important;border:0!important;place-items:center!important;width:28px!important;height:32px!important;font-size:18px!important;font-weight:950!important;display:grid!important}.home-area-d-hero{text-align:left!important;background:#eafaf1!important;border:1px solid #10a65a14!important;border-radius:24px!important;width:100%!important;height:188px!important;margin:0 0 12px!important;padding:0!important;display:block!important;position:relative!important;overflow:hidden!important}.home-area-d-hero img{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important;display:block!important;transform:scale(1.02)!important}.home-area-d-camera{color:#0b8f4d!important;-webkit-backdrop-filter:blur(12px)saturate(1.2)!important;background:#ffffffdb!important;border:1px solid #10a65a1f!important;border-radius:999px!important;align-items:center!important;gap:7px!important;height:36px!important;padding:0 12px!important;font-size:11px!important;font-weight:950!important;display:inline-flex!important;position:absolute!important;top:12px!important;right:12px!important;box-shadow:0 8px 18px #0f172a14!important}.home-area-d-camera b{background:#e8f8ef!important;border-radius:999px!important;place-items:center!important;width:20px!important;height:20px!important;font-size:14px!important;line-height:1!important;display:grid!important}.home-area-d-overlay{-webkit-backdrop-filter:blur(12px)saturate(1.2)!important;background:#ffffffd6!important;border:1px solid #10a65a1f!important;border-radius:16px!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;min-height:44px!important;padding:9px 11px!important;display:flex!important;position:absolute!important;bottom:12px!important;left:12px!important;right:12px!important;box-shadow:0 8px 18px #0f172a14,inset 0 1px #ffffffdb!important}.home-area-d-overlay>span{color:#0b8f4d!important;white-space:nowrap!important;font-size:12px!important;font-weight:950!important;line-height:1!important}.home-area-d-overlay>div{align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important}.home-area-d-overlay strong{color:#334155!important;white-space:nowrap!important;text-overflow:ellipsis!important;align-items:center!important;gap:5px!important;min-width:0!important;font-size:10.5px!important;font-weight:850!important;line-height:1!important;display:inline-flex!important;overflow:hidden!important}.home-area-d-overlay svg{color:#0b8f4d!important;width:13px!important;height:13px!important}.home-area-d-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-bottom:10px!important;display:grid!important}.home-area-d-metrics>div{background:#ffffffb8!important;border:1px solid #0f172a0e!important;border-radius:17px!important;align-items:center!important;gap:8px!important;min-height:56px!important;padding:9px 10px!important;display:flex!important}.home-area-d-metrics>div>span{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:13px!important;place-items:center!important;width:32px!important;height:32px!important;display:grid!important}.home-area-d-metrics strong{color:#0f172a!important;font-size:13px!important;font-weight:950!important;line-height:1!important;display:block!important}.home-area-d-metrics p{color:#64748b!important;margin:4px 0 0!important;font-size:10px!important;font-weight:750!important;line-height:1!important}.home-area-d-device-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:10px!important;display:grid!important}.home-area-d-device-list button{text-align:left!important;background:#ffffffdb!important;border:1px solid #0f172a0e!important;border-radius:16px!important;grid-template-columns:28px 1fr auto 10px!important;align-items:center!important;gap:7px!important;min-width:0!important;min-height:46px!important;padding:8px!important;display:grid!important}.home-area-d-device-list button>span{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;place-items:center!important;width:28px!important;height:28px!important;display:grid!important}.home-area-d-device-list svg{width:15px!important;height:15px!important}.home-area-d-device-list strong{color:#334155!important;white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important;font-size:11px!important;font-weight:900!important;line-height:1.2!important;overflow:hidden!important}.home-area-d-device-list b{color:#0b8f4d!important;font-size:10px!important;font-weight:950!important;line-height:1!important}.home-area-d-device-list i{color:#94a3b8!important;font-size:16px!important;font-style:normal!important;line-height:1!important}.home-area-d-detail{color:#0b8f4d!important;text-align:left!important;background:#e8f8ef!important;border:1px solid #10a65a14!important;border-radius:18px!important;grid-template-columns:30px 1fr 20px!important;align-items:center!important;gap:10px!important;width:100%!important;height:46px!important;padding:0 13px!important;font-size:12.5px!important;font-weight:950!important;display:grid!important}.home-area-d-detail span{background:#ffffffad!important;border-radius:12px!important;place-items:center!important;width:30px!important;height:30px!important;display:grid!important}.home-area-d-detail svg{width:16px!important;height:16px!important}.home-area-d-detail b{justify-self:end!important;font-size:24px!important;line-height:1!important}.area-edit-popup-backdrop{z-index:10020!important;-webkit-backdrop-filter:blur(12px)!important;background:#0f172a33!important;align-items:flex-end!important;padding:18px!important;display:flex!important;position:fixed!important;inset:0!important}.area-edit-popup-card{background:#fffffffa!important;border:1px solid #ffffffc7!important;border-radius:30px!important;width:100%!important;padding:20px!important;box-shadow:0 24px 58px #0f172a2e,inset 0 1px #ffffffe6!important}.area-edit-popup-head{grid-template-columns:1fr 42px!important;align-items:start!important;gap:12px!important;margin-bottom:16px!important;display:grid!important}.area-edit-popup-head span{color:#0b8f4d!important;font-size:11px!important;font-weight:950!important}.area-edit-popup-head h2{color:#0f172a!important;letter-spacing:-.04em!important;margin:5px 0 6px!important;font-size:22px!important;font-weight:950!important;line-height:1.1!important}.area-edit-popup-head p{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:650!important;line-height:1.35!important}.area-edit-popup-head button{color:#0f172a!important;background:#f1f5f9!important;border:0!important;border-radius:16px!important;width:42px!important;height:42px!important;font-size:22px!important;font-weight:850!important}.area-edit-field{color:#0f172a!important;gap:8px!important;margin-bottom:16px!important;font-size:12px!important;font-weight:900!important;display:grid!important}.area-edit-field input{color:#0f172a!important;background:#f8fafc!important;border:1px solid #10a65a33!important;border-radius:18px!important;outline:none!important;width:100%!important;height:50px!important;padding:0 14px!important;font-size:14px!important;font-weight:800!important}.area-edit-field input:focus{border-color:#10a65a73!important;box-shadow:0 0 0 4px #10a65a14!important}.area-edit-actions{grid-template-columns:1fr 1fr!important;gap:12px!important;display:grid!important}.area-edit-actions button{border:0!important;border-radius:18px!important;height:50px!important;font-size:13px!important;font-weight:950!important}.area-edit-actions button:first-child{color:#334155!important;background:#f1f5f9!important}.area-edit-actions button:last-child{color:#fff!important;background:linear-gradient(135deg,#10a65a,#08723f)!important}.area-image-popup-card{max-height:88vh!important;overflow-y:auto!important}.area-image-current-preview{background:#eafaf1!important;border:1px solid #10a65a14!important;border-radius:22px!important;place-items:center!important;width:100%!important;height:170px!important;margin-bottom:14px!important;display:grid!important;overflow:hidden!important}.area-image-current-preview img{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important}.area-image-current-preview>div{color:#64748b!important;place-items:center!important;gap:8px!important;display:grid!important}.area-image-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-bottom:16px!important;display:grid!important}.area-image-upload-choice,.area-image-choice{color:#0b8f4d!important;background:#f8fafc!important;border:1px dashed #10a65a40!important;border-radius:18px!important;height:84px!important;overflow:hidden!important}.area-image-upload-choice{align-content:center!important;place-items:center!important;gap:6px!important;font-size:11px!important;font-weight:900!important;display:grid!important}.area-image-upload-choice span{background:#e8f8ef!important;border-radius:999px!important;place-items:center!important;width:28px!important;height:28px!important;font-size:18px!important;display:grid!important}.area-image-choice{border-style:solid!important;padding:0!important}.area-image-choice.active{border-color:#10a65a8c!important;box-shadow:0 0 0 4px #10a65a14!important}.area-image-choice img{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important}@media (width<=390px){.home-area-d-card{border-radius:27px!important;padding:14px!important}.home-area-d-head{grid-template-columns:48px 1fr auto 22px!important;gap:9px!important}.home-area-d-icon{border-radius:18px!important;width:48px!important;height:48px!important}.home-area-d-title h3{font-size:19px!important}.home-area-d-title p{font-size:11.3px!important}.home-area-d-status{height:30px!important;padding:0 10px!important}.home-area-d-status span{font-size:11px!important}.home-area-d-hero{border-radius:22px!important;height:170px!important}.home-area-d-camera{height:32px!important;padding:0 10px!important;font-size:10px!important}.home-area-d-overlay{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.home-area-d-overlay>div{width:100%!important}.home-area-d-metrics{gap:7px!important}.home-area-d-metrics>div{gap:7px!important;min-height:52px!important;padding:8px!important}.home-area-d-metrics>div>span{width:29px!important;height:29px!important}.home-area-d-metrics strong{font-size:12px!important}.home-area-d-device-list{grid-template-columns:1fr!important}.area-edit-popup-backdrop{padding:12px!important}.area-edit-popup-card{border-radius:28px!important;padding:18px!important}.area-image-current-preview{height:150px!important}.area-image-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.mobile-page:not(.international-detail-page){padding-top:calc(108px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(128px + env(safe-area-inset-bottom,0px))!important}.hiroshi-global-appbar{z-index:9998!important}.hiroshi-hero-card{margin-top:6px!important}.hiroshi-global-appbar:after{content:""!important;pointer-events:none!important;background:linear-gradient(#ffffff61,#fff0)!important;height:18px!important;position:absolute!important;bottom:-12px!important;left:18px!important;right:18px!important}.home-area-d-card{border-radius:28px!important;padding:15px!important}.home-area-d-head{grid-template-columns:50px 1fr auto 24px!important;gap:10px!important;margin-bottom:12px!important}.home-area-d-icon{border-radius:19px!important;width:50px!important;height:50px!important}.home-area-d-icon svg{width:25px!important;height:25px!important}.home-area-d-title h3{font-size:20px!important;line-height:1.06!important}.home-area-d-title p{margin-top:6px!important;font-size:12px!important;line-height:1.32!important}.home-area-d-edit-name{border-radius:999px!important;width:30px!important;height:30px!important;font-size:14px!important}.home-area-d-status{height:31px!important;padding:0 12px!important}.home-area-d-collapse{width:24px!important;height:31px!important}.home-area-d-hero{border-radius:23px!important;height:168px!important;margin-bottom:11px!important}.home-area-d-hero img{transform:scale(1.015)!important}.home-area-d-camera{color:#0b8f4d!important;-webkit-backdrop-filter:blur(14px)saturate(1.25)!important;background:#ffffffe0!important;border:1px solid #10a65a24!important;border-radius:999px!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;font-size:0!important;display:grid!important;top:10px!important;right:10px!important;box-shadow:0 10px 22px #0f172a1c,inset 0 1px #ffffffdb!important}.home-area-d-camera b{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;place-items:center!important;width:24px!important;height:24px!important;font-size:18px!important;font-weight:950!important;line-height:1!important;display:grid!important}.home-area-d-overlay{border-radius:15px!important;min-height:42px!important;padding:8px 10px!important;bottom:10px!important;left:10px!important;right:10px!important}.home-area-d-overlay>span{font-size:11.5px!important}.home-area-d-overlay strong{max-width:110px!important;font-size:10.5px!important}.home-area-d-metrics{gap:8px!important;margin-bottom:10px!important}.home-area-d-metrics>div{border-radius:16px!important;min-height:52px!important;padding:8px 9px!important}.home-area-d-metrics>div>span{border-radius:13px!important;width:31px!important;height:31px!important}.home-area-d-metrics svg{width:16px!important;height:16px!important}.home-area-d-metrics strong{font-size:13px!important}.home-area-d-metrics p{font-size:10px!important}.home-area-d-device-list{gap:8px!important;margin-bottom:10px!important}.home-area-d-device-list button{border-radius:16px!important;grid-template-columns:28px 1fr 10px 10px!important;min-height:44px!important;padding:8px!important}.home-area-d-device-list button>span{width:28px!important;height:28px!important}.home-area-d-device-list b{color:#0000!important;background:#10a65a!important;border-radius:999px!important;justify-self:center!important;width:8px!important;height:8px!important;font-size:0!important;display:block!important;overflow:hidden!important}.home-area-d-device-list strong{font-size:11.5px!important}.home-area-d-device-list i{font-size:16px!important}.home-area-d-detail{border-radius:17px!important;height:45px!important}.bottom-nav,.mobile-page>nav{z-index:9997!important}.home-area-premium-list{padding-bottom:18px!important}@media (width<=390px){.mobile-page:not(.international-detail-page){padding-top:calc(104px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(124px + env(safe-area-inset-bottom,0px))!important}.home-area-d-card{border-radius:26px!important;padding:13px!important}.home-area-d-head{grid-template-columns:46px 1fr auto 20px!important;gap:8px!important;margin-bottom:11px!important}.home-area-d-icon{border-radius:17px!important;width:46px!important;height:46px!important}.home-area-d-icon svg{width:23px!important;height:23px!important}.home-area-d-title h3{font-size:18.5px!important}.home-area-d-title p{font-size:11.2px!important;line-height:1.32!important}.home-area-d-edit-name{width:28px!important;height:28px!important;font-size:13px!important}.home-area-d-status{gap:6px!important;height:29px!important;padding:0 9px!important}.home-area-d-status i{width:7px!important;height:7px!important}.home-area-d-status span{font-size:10.8px!important}.home-area-d-hero{border-radius:21px!important;height:158px!important}.home-area-d-camera{width:38px!important;height:38px!important;top:9px!important;right:9px!important}.home-area-d-camera b{width:22px!important;height:22px!important;font-size:16px!important}.home-area-d-overlay{min-height:40px!important;padding:8px 9px!important;bottom:9px!important;left:9px!important;right:9px!important}.home-area-d-overlay>span{font-size:11px!important}.home-area-d-overlay strong{max-width:92px!important;font-size:10px!important}.home-area-d-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.home-area-d-metrics>div{min-height:50px!important;padding:7px!important}.home-area-d-metrics>div>span{width:29px!important;height:29px!important}.home-area-d-metrics strong{font-size:12px!important}.home-area-d-metrics p{font-size:9.5px!important}.home-area-d-device-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-area-d-device-list button{grid-template-columns:26px 1fr 8px 8px!important;gap:6px!important;min-height:42px!important;padding:7px!important}.home-area-d-device-list button>span{width:26px!important;height:26px!important}.home-area-d-device-list strong{font-size:10.5px!important}.home-area-d-detail{height:44px!important}}.device-page-top{background:radial-gradient(circle at 88% 18%,#10a65a14,#0000 34%),#fffffff5!important;border:1px solid #0f172a0f!important;border-radius:30px!important;margin-top:8px!important;margin-bottom:14px!important;padding:20px!important;box-shadow:0 14px 34px #0f172a11,inset 0 1px #ffffffe6!important}.device-page-top h2{color:#0f172a!important;letter-spacing:-.045em!important;margin:0 0 6px!important;font-size:25px!important;font-weight:950!important;line-height:1.05!important}.device-page-top p{color:#64748b!important;margin:0!important;font-size:12.5px!important;font-weight:700!important;line-height:1.35!important}.device-page-actions{grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:18px!important;display:grid!important}.device-action-button{color:#0b8f4d!important;background:#ffffffdb!important;border:1px solid #0f172a12!important;border-radius:22px!important;justify-content:center!important;align-items:center!important;gap:10px!important;height:58px!important;min-height:58px!important;padding:0 16px!important;font-size:14px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important;box-shadow:0 10px 24px #0f172a0b,inset 0 1px #ffffffdb!important}.device-action-button.primary{color:#fff!important;background:linear-gradient(135deg,#10a65a,#08723f)!important;border:0!important;box-shadow:0 16px 30px #10a65a3d,inset 0 1px #ffffff3d!important}.device-action-button svg{width:20px!important;height:20px!important}.search-box{background:#fffffff0!important;border:1px solid #0f172a0e!important;border-radius:22px!important;align-items:center!important;gap:10px!important;height:54px!important;margin:0 0 14px!important;padding:0 16px!important;display:flex!important;box-shadow:0 10px 24px #0f172a0b,inset 0 1px #ffffffe6!important}.search-box span{color:#94a3b8!important;font-size:17px!important;font-weight:900!important}.search-box input{color:#0f172a!important;background:0 0!important;border:0!important;outline:none!important;width:100%!important;height:100%!important;font-size:13px!important;font-weight:800!important}.search-box input::placeholder{color:#94a3b8!important;font-weight:750!important}.device-showcase-grid{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;margin-top:14px!important;display:grid!important}.device-showcase-card{cursor:pointer!important;background:radial-gradient(circle at 50% 34%,#10a65a1a,#0000 42%),linear-gradient(#fff 0%,#fbfdfc 100%)!important;border:1px solid #0f172a0f!important;border-radius:26px!important;flex-direction:column!important;height:260px!important;min-height:260px!important;padding:14px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 14px 32px #0f172a12,inset 0 1px #ffffffeb!important}.device-showcase-card:active{transform:scale(.985)!important}.device-showcase-top{justify-content:space-between!important;align-items:flex-start!important;height:38px!important;margin-bottom:8px!important;display:flex!important}.device-showcase-icon{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:15px!important;place-items:center!important;width:38px!important;height:38px!important;display:grid!important;box-shadow:0 8px 18px #10a65a17,inset 0 1px #ffffffd6!important}.device-showcase-icon svg{width:20px!important;height:20px!important}.device-showcase-menu{width:34px!important;height:34px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:14px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;margin:-3px -3px 0 0!important;padding:0!important;display:flex!important}.device-showcase-menu span{opacity:.65!important;background:#334155!important;border-radius:999px!important;width:4px!important;height:4px!important;display:block!important}.device-showcase-image{place-items:center!important;height:104px!important;min-height:104px!important;margin:0 0 10px!important;display:grid!important;position:relative!important}.device-showcase-image:before{content:""!important;background:radial-gradient(circle,#10a65a24,#e8f8efb8)!important;border-radius:999px!important;width:102px!important;height:102px!important;position:absolute!important}.device-showcase-image img{z-index:2!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 14px 16px #0f172a24)!important;width:118px!important;height:94px!important;position:relative!important}.device-showcase-fallback{z-index:2!important;color:#0b8f4d!important;background:#e8f8ef!important;border-radius:24px!important;place-items:center!important;width:82px!important;height:82px!important;display:grid!important;position:relative!important}.device-showcase-body{flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important}.device-showcase-body h3{-webkit-line-clamp:2!important;color:#0f172a!important;letter-spacing:-.03em!important;-webkit-box-orient:vertical!important;min-height:34px!important;margin:0 0 8px!important;font-size:14.5px!important;font-weight:950!important;line-height:1.16!important;display:-webkit-box!important;overflow:hidden!important}.device-showcase-status{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;align-items:center!important;gap:7px!important;width:max-content!important;max-width:100%!important;height:28px!important;padding:0 10px!important;display:inline-flex!important}.device-showcase-status i{background:#10a65a!important;border-radius:999px!important;flex:0 0 7px!important;width:7px!important;height:7px!important;box-shadow:0 0 0 4px #10a65a1a!important}.device-showcase-status span{white-space:nowrap!important;font-size:11px!important;font-weight:900!important;line-height:1!important}.device-showcase-divider{background:#0f172a12!important;width:100%!important;height:1px!important;margin:auto 0 12px!important}.device-showcase-footer{justify-content:space-between!important;align-items:center!important;height:28px!important;display:flex!important}.device-showcase-footer>div{align-items:center!important;gap:7px!important;min-width:0!important;display:inline-flex!important}.device-showcase-footer svg{color:#0b8f4d!important;width:18px!important;height:18px!important}.device-showcase-footer span{color:#334155!important;white-space:nowrap!important;font-size:12px!important;font-weight:850!important;line-height:1!important}.device-showcase-footer b{color:#0b8f4d!important;font-size:28px!important;font-weight:800!important;line-height:1!important}.device-showcase-grid>.device-showcase-card:last-child:nth-child(odd){grid-column:1/-1!important;grid-template-rows:auto 1fr!important;grid-template-columns:94px 1fr!important;align-items:center!important;gap:0 14px!important;height:176px!important;min-height:176px!important;display:grid!important}.device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-top{grid-column:1/-1!important;height:32px!important;margin-bottom:4px!important}.device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-image{grid-area:2/1!important;width:94px!important;height:110px!important;min-height:110px!important;margin:0!important}.device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-image:before{width:92px!important;height:92px!important}.device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-image img{width:104px!important;height:84px!important}.device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-body{grid-area:2/2!important;justify-content:center!important;min-width:0!important}.device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-body h3{min-height:auto!important;font-size:17px!important}.device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-divider{margin:12px 0 10px!important}.bottom-nav,.mobile-page>nav{z-index:9997!important;width:100%!important;height:calc(76px + env(safe-area-inset-bottom,0px))!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))!important;-webkit-backdrop-filter:blur(18px)saturate(1.28)!important;background:#fffffff5!important;border-top:1px solid #0f172a12!important;border-radius:26px 26px 0 0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;place-items:center!important;gap:0!important;display:grid!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;box-shadow:0 -12px 34px #0f172a1a,inset 0 1px #ffffffdb!important}.bottom-nav button,.mobile-page>nav button{color:#9aa4b2!important;width:68px!important;height:56px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:20px!important;grid-template-rows:24px 15px!important;align-content:center!important;justify-items:center!important;row-gap:5px!important;margin:0!important;padding:6px 4px!important;font-size:0!important;line-height:1!important;display:grid!important;position:relative!important;transform:none!important}.bottom-nav button svg,.mobile-page>nav button svg{color:currentColor!important;stroke-width:2.35px!important;width:22px!important;height:22px!important}.bottom-nav button span,.mobile-page>nav button span{color:currentColor!important;letter-spacing:-.01em!important;text-align:center!important;white-space:nowrap!important;max-width:62px!important;font-size:10.5px!important;font-weight:850!important;line-height:1!important;display:block!important}.bottom-nav button.active,.mobile-page>nav button.active{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:21px!important;width:70px!important;height:58px!important;transform:translateY(-2px)!important;box-shadow:0 10px 24px #10a65a26,inset 0 1px #ffffffd1!important}.bottom-nav button.active:after,.mobile-page>nav button.active:after{content:""!important;background:#10a65a!important;border-radius:999px!important;width:6px!important;height:6px!important;position:absolute!important;bottom:6px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 0 0 5px #10a65a1c!important}.bottom-nav button.active span,.mobile-page>nav button.active span{transform:translateY(-1px)!important}.mobile-page{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important}@media (width<=390px){.device-page-top{border-radius:28px!important;margin-bottom:13px!important;padding:18px!important}.device-page-top h2{font-size:23px!important}.device-page-top p{font-size:12px!important}.device-page-actions{gap:10px!important;margin-top:16px!important}.device-action-button{border-radius:20px!important;height:54px!important;min-height:54px!important;font-size:13px!important}.search-box{border-radius:20px!important;height:50px!important;margin-bottom:13px!important}.device-showcase-grid{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))!important;gap:11px!important}.device-showcase-card{border-radius:24px!important;height:246px!important;min-height:246px!important;padding:12px!important}.device-showcase-top{height:36px!important}.device-showcase-icon{border-radius:14px!important;width:36px!important;height:36px!important}.device-showcase-icon svg{width:19px!important;height:19px!important}.device-showcase-image{height:98px!important;min-height:98px!important;margin-bottom:9px!important}.device-showcase-image:before{width:96px!important;height:96px!important}.device-showcase-image img{width:108px!important;height:88px!important}.device-showcase-body h3{min-height:32px!important;font-size:13.5px!important}.device-showcase-status{height:26px!important;padding:0 9px!important}.device-showcase-status span{font-size:10.5px!important}.device-showcase-footer span{font-size:11.5px!important}.device-showcase-grid>.device-showcase-card:last-child:nth-child(odd){grid-template-columns:88px 1fr!important;gap:0 12px!important;height:168px!important;min-height:168px!important}.device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-image{width:88px!important;height:104px!important;min-height:104px!important}.device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-body h3{font-size:16px!important}.bottom-nav,.mobile-page>nav{height:calc(72px + env(safe-area-inset-bottom,0px))!important;padding:7px 9px calc(7px + env(safe-area-inset-bottom,0px))!important;border-radius:24px 24px 0 0!important}.bottom-nav button,.mobile-page>nav button{border-radius:19px!important;grid-template-rows:23px 14px!important;row-gap:5px!important;width:64px!important;height:54px!important}.bottom-nav button.active,.mobile-page>nav button.active{border-radius:20px!important;width:66px!important;height:56px!important;transform:translateY(-2px)!important}.bottom-nav button svg,.mobile-page>nav button svg{width:21px!important;height:21px!important}.bottom-nav button span,.mobile-page>nav button span{font-size:10px!important}.mobile-page{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}}.area-polygon-section{background:#fff!important;border:1px solid #0f172a12!important;border-radius:22px!important;margin:16px 0 4px!important;padding:14px!important}.area-polygon-title-row{justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:10px!important;display:flex!important}.area-polygon-title-row span{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:2px!important;font-size:10px!important;font-weight:800!important;display:block!important}.area-polygon-title-row h3{color:#0f172a!important;margin:0!important;font-size:16px!important;font-weight:950!important}.area-polygon-title-row strong{color:#0b8f4d!important;background:#e9f9ef!important;border-radius:999px!important;flex:none!important;padding:7px 10px!important;font-size:11px!important;font-weight:900!important}.area-location-search{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin-bottom:10px!important;display:grid!important}.area-location-search input{color:#0f172a!important;background:#f8fafc!important;border:1px solid #0f172a17!important;border-radius:15px!important;outline:none!important;width:100%!important;min-width:0!important;height:44px!important;padding:0 13px!important;font-size:12px!important;font-weight:700!important}.area-location-search input:focus{border-color:#10a65a57!important;box-shadow:0 0 0 4px #10a65a14!important}.area-location-search button{color:#fff!important;background:#0b8f4d!important;border:0!important;border-radius:15px!important;min-width:68px!important;height:44px!important;padding:0 13px!important;font-size:11px!important;font-weight:900!important}.area-location-search-error{color:#dc2626!important;margin:-2px 0 9px!important;font-size:10.5px!important;font-weight:700!important;line-height:1.35!important}.area-location-search-results{background:#f8fafc!important;border:1px solid #0f172a12!important;border-radius:16px!important;gap:6px!important;margin:-2px 0 10px!important;padding:7px!important;display:grid!important}.area-location-search-results>button{color:#0f172a!important;text-align:left!important;background:#fff!important;border:0!important;border-radius:12px!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:start!important;gap:8px!important;width:100%!important;padding:8px!important;display:grid!important}.area-location-search-results>button>span{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:10px!important;place-items:center!important;width:28px!important;height:28px!important;font-size:15px!important;font-weight:950!important;display:grid!important}.area-location-search-results p{color:#334155!important;margin:0!important;font-size:10.5px!important;font-weight:700!important;line-height:1.35!important}.area-polygon-map-wrap{background:#e2e8f0!important;border:1px solid #0f172a14!important;border-radius:20px!important;min-height:330px!important;position:relative!important;overflow:hidden!important}.area-polygon-map{z-index:1!important;background:#e2e8f0!important;width:100%!important;height:330px!important}.area-polygon-loading{z-index:2!important;color:#475569!important;background:#edf2f7!important;place-items:center!important;font-size:12px!important;font-weight:800!important;display:grid!important;position:absolute!important;inset:0!important}.area-polygon-map-actions{z-index:500!important;gap:7px!important;display:grid!important;position:absolute!important;top:12px!important;right:12px!important}.area-polygon-map-actions button{color:#0f172a!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#fffffff0!important;border:1px solid #ffffffb3!important;border-radius:13px!important;min-width:88px!important;min-height:38px!important;padding:8px 10px!important;font-size:10.5px!important;font-weight:900!important;box-shadow:0 6px 16px #0f172a24!important}.area-polygon-map-actions button:last-child:not(:disabled){color:#08723f!important;border-color:#10a65a59!important}.area-polygon-map-actions button:disabled{opacity:.45!important}.area-polygon-helper{background:#f1fbf5!important;border-radius:15px!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:start!important;gap:9px!important;margin-top:10px!important;padding:10px!important;display:grid!important}.area-polygon-helper>span{color:#fff!important;background:#0b8f4d!important;border-radius:999px!important;place-items:center!important;width:28px!important;height:28px!important;font-size:12px!important;font-weight:950!important;display:grid!important}.area-polygon-helper p{color:#35614a!important;margin:0!important;font-size:10.5px!important;font-weight:700!important;line-height:1.45!important}.hiroshi-polygon-vertex-icon{background:0 0!important;border:0!important}.hiroshi-polygon-vertex-icon>span{background:#25b34b!important;border:4px solid #fff!important;border-radius:999px!important;width:20px!important;height:20px!important;margin:2px!important;display:block!important;box-shadow:0 2px 8px #00000047!important}.hiroshi-device-map-icon{background:0 0!important;border:0!important;position:relative!important}.hiroshi-device-map-pulse{background:#10a65a40!important;border-radius:999px!important;animation:1.8s ease-out infinite hiroshi-device-pulse!important;position:absolute!important;inset:2px!important}.hiroshi-device-map-dot{color:#fff!important;background:#0b8f4d!important;border:3px solid #fff!important;border-radius:999px!important;place-items:center!important;font-size:9px!important;font-weight:950!important;display:grid!important;position:absolute!important;inset:6px!important;box-shadow:0 3px 10px #0f172a40!important}@keyframes hiroshi-device-pulse{0%{opacity:.9;transform:scale(.75)}to{opacity:0;transform:scale(1.35)}}.area-polygon-map .leaflet-control-attribution{color:#475569!important;background:#ffffffc7!important;max-width:76%!important;padding:2px 5px!important;font-size:8px!important;line-height:1.2!important}.area-polygon-map .leaflet-control-zoom{border:0!important;box-shadow:0 5px 14px #0f172a2b!important}.area-polygon-map .leaflet-control-zoom a{color:#0b8f4d!important}@media (width<=390px){.area-polygon-section{border-radius:20px!important;padding:12px!important}.area-polygon-map-wrap,.area-polygon-map{height:300px!important;min-height:300px!important}.area-polygon-map-actions{top:10px!important;right:10px!important}.area-polygon-map-actions button{min-width:78px!important;min-height:36px!important;padding:7px 9px!important;font-size:10px!important}}.area-device-location{color:#0b8f4d!important;align-items:center!important;gap:5px!important;margin-top:6px!important;font-size:10px!important;font-weight:850!important;line-height:1.25!important;display:flex!important}.area-device-location svg{color:#0b8f4d!important;flex:0 0 13px!important;width:13px!important;height:13px!important}.area-polygon-save-summary{background:#f1fbf5!important;border:1px solid #10a65a1a!important;border-radius:15px!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;margin-top:10px!important;padding:11px 12px!important;display:flex!important}.area-polygon-save-summary>div{color:#334155!important;align-items:center!important;gap:7px!important;min-width:0!important;font-size:11px!important;font-weight:850!important;display:flex!important}.area-polygon-save-summary>div svg{color:#0b8f4d!important;flex:0 0 16px!important;width:16px!important;height:16px!important}.area-polygon-save-summary>div span{color:#334155!important;font-size:11px!important;font-weight:850!important}.area-polygon-save-summary strong{color:#0b8f4d!important;text-align:right!important;flex:none!important;font-size:10.5px!important;font-weight:950!important;line-height:1.2!important}.area-popup-card .area-polygon-section{margin-top:16px!important;margin-bottom:4px!important}.area-polygon-map-wrap .leaflet-container{border-radius:inherit!important;width:100%!important;height:100%!important}.area-polygon-map .leaflet-popup-content-wrapper{border-radius:14px!important;box-shadow:0 10px 26px #0f172a29!important}.area-polygon-map .leaflet-popup-content{color:#334155!important;margin:10px 12px!important;font-size:11px!important;line-height:1.35!important}.area-polygon-map .leaflet-popup-content strong{color:#0f172a!important;font-size:12px!important;font-weight:900!important}@media (width<=390px){.area-device-location{font-size:9.5px!important}.area-polygon-save-summary{gap:8px!important;padding:10px!important}.area-polygon-save-summary>div span{font-size:10.5px!important}.area-polygon-save-summary strong{font-size:10px!important}}.area-satellite-status{z-index:450!important;color:#334155!important;pointer-events:none!important;background:#ffffffeb!important;border-radius:999px!important;align-items:center!important;gap:9px!important;padding:10px 14px!important;display:inline-flex!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 10px 24px #0f172a24!important}.area-satellite-status p{margin:0!important;font-size:11px!important;font-weight:850!important}.area-satellite-spinner{border:3px solid #10a65a2e!important;border-top-color:#10a65a!important;border-radius:999px!important;width:18px!important;height:18px!important;animation:.8s linear infinite hiroshi-satellite-spin!important}@keyframes hiroshi-satellite-spin{to{transform:rotate(360deg)}}.area-satellite-error{z-index:460!important;text-align:center!important;background:#fffffff0!important;border:1px solid #ef444429!important;border-radius:18px!important;padding:14px!important;position:absolute!important;top:50%!important;left:16px!important;right:16px!important;transform:translateY(-50%)!important;box-shadow:0 12px 28px #0f172a24!important}.area-satellite-error strong{color:#dc2626!important;margin-bottom:5px!important;font-size:12px!important;font-weight:950!important;display:block!important}.area-satellite-error p{color:#64748b!important;margin:0!important;font-size:10.5px!important;font-weight:700!important;line-height:1.4!important}.mobile-page.mobile-page-perangkat{min-height:100dvh!important;padding-top:calc(78px + env(safe-area-inset-top,0px))!important;padding-left:16px!important;padding-right:16px!important;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;overflow-x:hidden!important}.mobile-page-perangkat .device-page-top{background:radial-gradient(circle at 88% 18%,#10a65a14,#0000 34%),#fffffff7!important;border:1px solid #0f172a0e!important;border-radius:26px!important;margin-top:-6px!important;margin-bottom:10px!important;padding:16px!important;box-shadow:0 12px 28px #0f172a0e,inset 0 1px #ffffffe6!important}.mobile-page-perangkat .device-page-top h2{color:#0f172a!important;letter-spacing:-.045em!important;margin:0 0 5px!important;font-size:23px!important;font-weight:950!important;line-height:1.05!important}.mobile-page-perangkat .device-page-top p{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:700!important;line-height:1.32!important}.mobile-page-perangkat .device-page-actions{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:14px!important;display:grid!important}.mobile-page-perangkat .device-action-button{color:#0b8f4d!important;background:#ffffffe0!important;border:1px solid #0f172a11!important;border-radius:19px!important;justify-content:center!important;align-items:center!important;gap:9px!important;height:50px!important;min-height:50px!important;padding:0 14px!important;font-size:13px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important;box-shadow:0 8px 18px #0f172a0a,inset 0 1px #ffffffdb!important}.mobile-page-perangkat .device-action-button.primary{color:#fff!important;background:linear-gradient(135deg,#10a65a,#08723f)!important;border:0!important;box-shadow:0 13px 24px #10a65a38,inset 0 1px #ffffff38!important}.mobile-page-perangkat .device-action-button svg{width:18px!important;height:18px!important}.mobile-page-perangkat .search-box{background:#fffffff2!important;border:1px solid #0f172a0e!important;border-radius:20px!important;align-items:center!important;gap:10px!important;height:48px!important;margin:0 0 11px!important;padding:0 15px!important;display:flex!important;box-shadow:0 8px 18px #0f172a09,inset 0 1px #ffffffe6!important}.mobile-page-perangkat .search-box span{color:#94a3b8!important;font-size:16px!important}.mobile-page-perangkat .search-box input{color:#0f172a!important;background:0 0!important;border:0!important;outline:none!important;width:100%!important;height:100%!important;font-size:12.5px!important;font-weight:800!important}.mobile-page-perangkat .search-box input::placeholder{color:#94a3b8!important;font-weight:750!important}.mobile-page-perangkat .device-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:11px!important;margin-top:0!important;margin-bottom:0!important;padding-bottom:10px!important;display:grid!important}.mobile-page-perangkat .device-showcase-card{cursor:pointer!important;background:radial-gradient(circle at 50% 35%,#10a65a18,#0000 43%),linear-gradient(#fff 0%,#fbfdfc 100%)!important;border:1px solid #0f172a0e!important;border-radius:24px!important;flex-direction:column!important;height:226px!important;min-height:226px!important;padding:12px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 12px 26px #0f172a0f,inset 0 1px #ffffffeb!important}.mobile-page-perangkat .device-showcase-card:active{transform:scale(.985)!important}.mobile-page-perangkat .device-showcase-top{justify-content:space-between!important;align-items:flex-start!important;height:34px!important;margin-bottom:6px!important;display:flex!important}.mobile-page-perangkat .device-showcase-icon{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:14px!important;place-items:center!important;width:35px!important;height:35px!important;display:grid!important;box-shadow:0 7px 15px #10a65a16,inset 0 1px #ffffffd6!important}.mobile-page-perangkat .device-showcase-icon svg{width:19px!important;height:19px!important}.mobile-page-perangkat .device-showcase-menu{width:32px!important;height:32px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:13px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;margin:-4px -4px 0 0!important;padding:0!important;display:flex!important}.mobile-page-perangkat .device-showcase-menu span{opacity:.65!important;background:#334155!important;border-radius:999px!important;width:4px!important;height:4px!important;display:block!important}.mobile-page-perangkat .device-showcase-image{place-items:center!important;height:82px!important;min-height:82px!important;margin:0 0 8px!important;display:grid!important;position:relative!important}.mobile-page-perangkat .device-showcase-image:before{content:""!important;background:radial-gradient(circle,#10a65a24,#e8f8efb8)!important;border-radius:999px!important;width:88px!important;height:88px!important;position:absolute!important}.mobile-page-perangkat .device-showcase-image img{z-index:2!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 12px 14px #0f172a21)!important;width:100px!important;height:78px!important;position:relative!important}.mobile-page-perangkat .device-showcase-fallback{z-index:2!important;color:#0b8f4d!important;background:#e8f8ef!important;border-radius:22px!important;place-items:center!important;width:72px!important;height:72px!important;display:grid!important;position:relative!important}.mobile-page-perangkat .device-showcase-body{flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important}.mobile-page-perangkat .device-showcase-body h3{-webkit-line-clamp:2!important;color:#0f172a!important;letter-spacing:-.03em!important;-webkit-box-orient:vertical!important;min-height:31px!important;margin:0 0 7px!important;font-size:13.2px!important;font-weight:950!important;line-height:1.16!important;display:-webkit-box!important;overflow:hidden!important}.mobile-page-perangkat .device-showcase-status{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;align-items:center!important;gap:6px!important;width:max-content!important;max-width:100%!important;height:25px!important;padding:0 9px!important;display:inline-flex!important}.mobile-page-perangkat .device-showcase-status i{background:#10a65a!important;border-radius:999px!important;flex:0 0 7px!important;width:7px!important;height:7px!important;box-shadow:0 0 0 4px #10a65a1a!important}.mobile-page-perangkat .device-showcase-status span{white-space:nowrap!important;font-size:10.4px!important;font-weight:900!important;line-height:1!important}.mobile-page-perangkat .device-showcase-divider{background:#0f172a11!important;width:100%!important;height:1px!important;margin:auto 0 9px!important}.mobile-page-perangkat .device-showcase-footer{justify-content:space-between!important;align-items:center!important;height:25px!important;display:flex!important}.mobile-page-perangkat .device-showcase-footer>div{align-items:center!important;gap:6px!important;min-width:0!important;display:inline-flex!important}.mobile-page-perangkat .device-showcase-footer svg{color:#0b8f4d!important;width:17px!important;height:17px!important}.mobile-page-perangkat .device-showcase-footer span{color:#334155!important;white-space:nowrap!important;font-size:11.2px!important;font-weight:850!important;line-height:1!important}.mobile-page-perangkat .device-showcase-footer b{color:#0b8f4d!important;font-size:25px!important;font-weight:800!important;line-height:1!important}.mobile-page-perangkat .device-showcase-grid>.device-showcase-card:last-child:nth-child(odd){grid-column:1/-1!important;grid-template-rows:30px 1fr!important;grid-template-columns:86px 1fr!important;align-items:center!important;column-gap:12px!important;height:148px!important;min-height:148px!important;display:grid!important}.mobile-page-perangkat .device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-top{grid-area:1/1/auto/-1!important;height:30px!important;margin:0!important}.mobile-page-perangkat .device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-image{grid-area:2/1!important;width:86px!important;height:88px!important;min-height:88px!important;margin:0!important}.mobile-page-perangkat .device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-image:before{width:82px!important;height:82px!important}.mobile-page-perangkat .device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-image img{width:92px!important;height:74px!important}.mobile-page-perangkat .device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-body{grid-area:2/2!important;justify-content:center!important;min-width:0!important}.mobile-page-perangkat .device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-body h3{min-height:auto!important;font-size:15px!important;line-height:1.15!important}.mobile-page-perangkat .device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-divider{margin:9px 0 8px!important}html body .bottom-nav{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;z-index:99999!important;-webkit-backdrop-filter:blur(20px)saturate(1.28)!important;background:#fffffff6!important;border:1px solid #0f172a11!important;border-radius:26px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;place-items:center!important;gap:0!important;width:auto!important;min-width:0!important;max-width:none!important;height:68px!important;min-height:68px!important;padding:7px 10px!important;display:grid!important;position:fixed!important;transform:none!important;box-shadow:0 18px 48px #0f172a26,0 -8px 28px #0f172a0f,inset 0 1px #ffffffe6!important}html body .bottom-nav button{color:#9aa4b2!important;width:62px!important;height:52px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:19px!important;grid-template-rows:22px 13px!important;align-content:center!important;justify-items:center!important;row-gap:5px!important;margin:0!important;padding:5px 4px!important;font-size:0!important;line-height:1!important;display:grid!important;position:relative!important;transform:none!important}html body .bottom-nav button svg,html body .bottom-nav button .svg-icon{color:currentColor!important;stroke-width:2.35px!important;width:21px!important;height:21px!important}html body .bottom-nav button span{color:currentColor!important;letter-spacing:-.01em!important;text-align:center!important;white-space:nowrap!important;max-width:58px!important;font-size:10px!important;font-weight:850!important;line-height:1!important;display:block!important}html body .bottom-nav button.active{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:20px!important;width:64px!important;height:54px!important;transform:translateY(-1px)!important;box-shadow:0 10px 24px #10a65a29,inset 0 1px #ffffffd1!important}html body .bottom-nav button.active:after{content:""!important;background:#10a65a!important;border-radius:999px!important;width:6px!important;height:6px!important;position:absolute!important;bottom:5px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 0 0 5px #10a65a1c!important}html body .bottom-nav button.active span{transform:translateY(-1px)!important}@media (width<=390px){.mobile-page.mobile-page-perangkat{padding-top:calc(74px + env(safe-area-inset-top,0px))!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}.mobile-page-perangkat .device-page-top{border-radius:24px!important;margin-top:-8px!important;margin-bottom:9px!important;padding:15px!important}.mobile-page-perangkat .device-page-top h2{font-size:21px!important}.mobile-page-perangkat .device-page-top p{font-size:11.5px!important}.mobile-page-perangkat .device-page-actions{gap:9px!important;margin-top:13px!important}.mobile-page-perangkat .device-action-button{border-radius:18px!important;gap:8px!important;height:48px!important;min-height:48px!important;font-size:12.5px!important}.mobile-page-perangkat .search-box{border-radius:19px!important;height:46px!important;margin-bottom:10px!important}.mobile-page-perangkat .device-showcase-grid{gap:10px!important;padding-bottom:6px!important}.mobile-page-perangkat .device-showcase-card{border-radius:23px!important;height:218px!important;min-height:218px!important;padding:11px!important}.mobile-page-perangkat .device-showcase-top{height:32px!important;margin-bottom:5px!important}.mobile-page-perangkat .device-showcase-icon{border-radius:13px!important;width:33px!important;height:33px!important}.mobile-page-perangkat .device-showcase-icon svg{width:18px!important;height:18px!important}.mobile-page-perangkat .device-showcase-image{height:78px!important;min-height:78px!important;margin-bottom:7px!important}.mobile-page-perangkat .device-showcase-image:before{width:82px!important;height:82px!important}.mobile-page-perangkat .device-showcase-image img{width:94px!important;height:74px!important}.mobile-page-perangkat .device-showcase-body h3{min-height:30px!important;font-size:12.8px!important}.mobile-page-perangkat .device-showcase-status{height:24px!important;padding:0 8px!important}.mobile-page-perangkat .device-showcase-status span{font-size:10px!important}.mobile-page-perangkat .device-showcase-footer span{font-size:10.8px!important}.mobile-page-perangkat .device-showcase-grid>.device-showcase-card:last-child:nth-child(odd){grid-template-rows:28px 1fr!important;grid-template-columns:82px 1fr!important;height:140px!important;min-height:140px!important}.mobile-page-perangkat .device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-image{width:82px!important;height:82px!important;min-height:82px!important}.mobile-page-perangkat .device-showcase-grid>.device-showcase-card:last-child:nth-child(odd) .device-showcase-image img{width:88px!important;height:70px!important}html body .bottom-nav{left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;border-radius:24px!important;height:66px!important;min-height:66px!important;padding:7px 8px!important}html body .bottom-nav button{border-radius:18px!important;grid-template-rows:21px 13px!important;width:58px!important;height:50px!important}html body .bottom-nav button.active{border-radius:19px!important;width:60px!important;height:52px!important}html body .bottom-nav button svg,html body .bottom-nav button .svg-icon{width:20px!important;height:20px!important}html body .bottom-nav button span{font-size:9.7px!important}}html body .mobile-page.mobile-page-perangkat{padding-top:calc(84px + env(safe-area-inset-top,0px))!important}html body .mobile-page-perangkat .device-page-top{margin-top:4px!important;margin-bottom:11px!important}@media (width<=390px){html body .mobile-page.mobile-page-perangkat{padding-top:calc(82px + env(safe-area-inset-top,0px))!important}html body .mobile-page-perangkat .device-page-top{margin-top:2px!important;margin-bottom:10px!important}}.bottom-nav{width:100%!important;max-width:100%!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))!important;-webkit-backdrop-filter:blur(18px)!important;z-index:999!important;background:#fffffff5!important;border:1px solid #1118270f!important;border-bottom:none!important;border-radius:26px 26px 0 0!important;grid-template-columns:repeat(4,1fr)!important;align-items:end!important;gap:0!important;margin:0!important;display:grid!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -8px 24px #0f172a0f,0 -2px 8px #0f172a0a!important}.page-content,.mobile-page,.app-page,main{padding-bottom:108px!important}.bottom-nav button{appearance:none!important;color:#98a2b3!important;background:0 0!important;border:none!important;border-radius:18px!important;outline:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-height:76px!important;padding:8px 4px 6px!important;transition:all .22s!important;display:flex!important;position:relative!important}.bottom-nav button .icon,.bottom-nav button svg{stroke-width:2px!important;flex-shrink:0!important;width:24px!important;height:24px!important}.bottom-nav button span{letter-spacing:0!important;text-align:center!important;font-size:12px!important;font-weight:600!important;line-height:1.2!important}.bottom-nav button:active{transform:scale(.97)!important}.bottom-nav button.active{color:#16a34a!important;background:linear-gradient(#22c55e1f 0%,#22c55e14 100%)!important;box-shadow:inset 0 0 0 1px #22c55e0f!important}.bottom-nav button.active:after{content:"";background:#22c55e;border-radius:999px;width:10px;height:10px;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #22c55e1f}.bottom-nav button.active .icon,.bottom-nav button.active svg{color:#16a34a!important;stroke:currentColor!important}.bottom-nav button:not(.active){opacity:.92!important}@media (width<=420px){.bottom-nav{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;border-radius:24px 24px 0 0!important}.bottom-nav button{gap:6px!important;min-height:72px!important}.bottom-nav button .icon,.bottom-nav button svg{width:22px!important;height:22px!important}.bottom-nav button span{font-size:11.5px!important}}html body nav.bottom-nav.bottom-nav-final{width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:calc(82px + env(safe-area-inset-bottom,0px))!important;min-height:calc(82px + env(safe-area-inset-bottom,0px))!important;padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px))!important;-webkit-backdrop-filter:blur(20px)saturate(1.25)!important;z-index:999999!important;background:#fffffff7!important;border:0!important;border-top:1px solid #0f172a12!important;border-radius:28px 28px 0 0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;place-items:center!important;gap:0!important;margin:0!important;display:grid!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;overflow:visible!important;transform:translate(0,0)!important;box-shadow:0 -10px 30px #0f172a17,inset 0 1px #ffffffe6!important}html body nav.bottom-nav.bottom-nav-final button{color:#9ca3af!important;width:70px!important;min-width:70px!important;height:60px!important;min-height:60px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:22px!important;grid-template-rows:25px 15px!important;align-content:center!important;justify-items:center!important;row-gap:6px!important;margin:0!important;padding:7px 5px!important;font-size:0!important;line-height:1!important;display:grid!important;position:relative!important;transform:none!important}html body nav.bottom-nav.bottom-nav-final button svg{color:currentColor!important;stroke:currentColor!important;stroke-width:2.25px!important;width:24px!important;height:24px!important}html body nav.bottom-nav.bottom-nav-final button span{color:currentColor!important;letter-spacing:-.01em!important;text-align:center!important;white-space:nowrap!important;font-size:11px!important;font-weight:850!important;line-height:1!important;display:block!important}html body nav.bottom-nav.bottom-nav-final button.active{color:#0b8f4d!important;background:radial-gradient(circle at 50% 82%,#10a65a2e,#0000 32%),#e8f8ef!important;border-radius:24px!important;width:74px!important;height:64px!important;transform:translateY(-5px)!important;box-shadow:0 12px 26px #10a65a29,inset 0 1px #ffffffdb!important}html body nav.bottom-nav.bottom-nav-final button.active:after{content:""!important;background:#10a65a!important;border-radius:999px!important;width:7px!important;height:7px!important;position:absolute!important;bottom:7px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 0 0 5px #10a65a1f!important}html body .mobile-page{padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))!important}html body .mobile-page.mobile-page-perangkat{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}@media (width<=390px){html body nav.bottom-nav.bottom-nav-final{height:calc(78px + env(safe-area-inset-bottom,0px))!important;min-height:calc(78px + env(safe-area-inset-bottom,0px))!important;padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px))!important;border-radius:25px 25px 0 0!important}html body nav.bottom-nav.bottom-nav-final button{border-radius:20px!important;grid-template-rows:23px 14px!important;row-gap:5px!important;width:64px!important;min-width:64px!important;height:56px!important;min-height:56px!important}html body nav.bottom-nav.bottom-nav-final button.active{border-radius:22px!important;width:68px!important;height:60px!important;transform:translateY(-4px)!important}html body nav.bottom-nav.bottom-nav-final button svg{width:22px!important;height:22px!important}html body nav.bottom-nav.bottom-nav-final button span{font-size:10.4px!important}html body .mobile-page{padding-bottom:calc(102px + env(safe-area-inset-bottom,0px))!important}html body .mobile-page.mobile-page-perangkat{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}}html body nav.bottom-nav.bottom-nav-final button.active{height:66px!important;padding-bottom:11px!important}html body nav.bottom-nav.bottom-nav-final button.active svg{transform:translateY(-2px)!important}html body nav.bottom-nav.bottom-nav-final button.active span{transform:translateY(-4px)!important}html body nav.bottom-nav.bottom-nav-final button.active:after{width:7px!important;height:7px!important;bottom:3px!important;box-shadow:0 0 0 5px #10a65a1f!important}@media (width<=390px){html body nav.bottom-nav.bottom-nav-final button.active{height:62px!important;padding-bottom:10px!important}html body nav.bottom-nav.bottom-nav-final button.active svg{transform:translateY(-2px)!important}html body nav.bottom-nav.bottom-nav-final button.active span{transform:translateY(-4px)!important}html body nav.bottom-nav.bottom-nav-final button.active:after{bottom:3px!important}}html body .add-device-popup-backdrop{z-index:100050!important;-webkit-backdrop-filter:blur(14px)saturate(1.15)!important;background:#0f172a38!important;justify-content:center!important;align-items:flex-end!important;padding:14px!important;animation:.18s both addDeviceBackdropIn!important;display:flex!important;position:fixed!important;inset:0!important}html body .add-device-popup-card{overscroll-behavior:contain!important;background:radial-gradient(circle at 88% 10%,#10a65a1a,#0000 34%),#fffffffb!important;border:1px solid #ffffffb8!important;border-radius:30px!important;width:100%!important;max-width:520px!important;max-height:88dvh!important;padding:14px 16px 18px!important;animation:.22s cubic-bezier(.16,1,.3,1) both addDeviceSheetIn!important;overflow-y:auto!important;box-shadow:0 28px 70px #0f172a33,inset 0 1px #ffffffe6!important}html body .add-device-popup-grabber{background:#94a3b859!important;border-radius:999px!important;width:46px!important;height:5px!important;margin:0 auto 14px!important}html body .add-device-popup-head{grid-template-columns:1fr 42px!important;align-items:start!important;gap:12px!important;margin-bottom:14px!important;display:grid!important}html body .add-device-popup-head span{color:#0b8f4d!important;letter-spacing:.02em!important;font-size:11px!important;font-weight:950!important;line-height:1!important;display:block!important}html body .add-device-popup-head h2{color:#0f172a!important;letter-spacing:-.045em!important;margin:5px 0 6px!important;font-size:23px!important;font-weight:950!important;line-height:1.05!important}html body .add-device-popup-head p{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:650!important;line-height:1.35!important}html body .add-device-popup-head>button{color:#0f172a!important;background:#f1f5f9!important;border:0!important;border-radius:16px!important;place-items:center!important;width:42px!important;height:42px!important;font-size:23px!important;font-weight:850!important;line-height:1!important;display:grid!important}html body .add-device-popup-card .add-device-panel,html body .add-device-popup-card .device-form-card,html body .add-device-popup-card form{margin:0!important}html body .add-device-popup-card .add-device-panel{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}html body .add-device-popup-card .add-device-panel>header,html body .add-device-popup-card .add-device-panel .panel-header{margin-top:0!important}html body .add-device-popup-card input,html body .add-device-popup-card textarea,html body .add-device-popup-card select{border-radius:18px!important}html body .add-device-popup-card button[type=submit],html body .add-device-popup-card .save-button,html body .add-device-popup-card .submit-button{border-radius:20px!important;min-height:50px!important}@keyframes addDeviceBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes addDeviceSheetIn{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=390px){html body .add-device-popup-backdrop{padding:10px!important}html body .add-device-popup-card{border-radius:28px!important;max-height:90dvh!important;padding:12px 14px 16px!important}html body .add-device-popup-head{grid-template-columns:1fr 40px!important;margin-bottom:12px!important}html body .add-device-popup-head h2{font-size:21px!important}html body .add-device-popup-head p{font-size:11.5px!important}html body .add-device-popup-head>button{border-radius:15px!important;width:40px!important;height:40px!important}}html body .add-device-popup-backdrop,html body .area-popup-backdrop,html body .area-edit-popup-backdrop,html body .modal-backdrop,html body .account-sheet-backdrop,html body .sensor-chart-backdrop,html body .notification-popover-backdrop{z-index:3000000!important;padding:12px!important;padding-top:calc(12px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;-webkit-backdrop-filter:blur(14px)saturate(1.15)!important;background:#0f172a3d!important;justify-content:center!important;align-items:flex-end!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}html body .add-device-popup-card{z-index:3000001!important;width:100%!important;max-width:520px!important;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;overscroll-behavior:contain!important;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px))!important;border-radius:30px!important;margin:0!important;position:relative!important;overflow-y:auto!important}html body .area-popup-card{z-index:3000001!important;width:100%!important;max-width:520px!important;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;overscroll-behavior:contain!important;padding:20px 20px calc(22px + env(safe-area-inset-bottom,0px))!important;border-radius:30px!important;margin:0!important;position:relative!important;overflow-y:auto!important}html body .area-edit-popup-card,html body .area-image-popup-card,html body .area-form{z-index:3000001!important;width:100%!important;max-width:520px!important;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;overscroll-behavior:contain!important;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;margin:0!important;position:relative!important;overflow-y:auto!important}html body nav.bottom-nav.bottom-nav-final,html body .bottom-nav{z-index:999999!important}html body .add-device-popup-card form,html body .area-popup-card form,html body .area-edit-popup-card form{padding-bottom:env(safe-area-inset-bottom,0px)!important}html body .add-device-popup-card button[type=submit],html body .area-popup-card button[type=submit],html body .area-popup-save,html body .area-edit-actions{margin-bottom:2px!important}@media (width<=390px){html body .add-device-popup-backdrop,html body .area-popup-backdrop,html body .area-edit-popup-backdrop,html body .modal-backdrop,html body .account-sheet-backdrop,html body .sensor-chart-backdrop,html body .notification-popover-backdrop{padding:10px!important;padding-top:calc(10px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}html body .add-device-popup-card,html body .area-popup-card,html body .area-edit-popup-card,html body .area-image-popup-card,html body .area-form{max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;border-radius:28px!important}html body .area-popup-card{padding:18px 18px calc(20px + env(safe-area-inset-bottom,0px))!important}html body .add-device-popup-card{padding:12px 14px calc(18px + env(safe-area-inset-bottom,0px))!important}}html body .mobile-page.mobile-page-beranda{min-height:100dvh!important;padding-top:calc(84px + env(safe-area-inset-top,0px))!important;padding-left:16px!important;padding-right:16px!important;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;overflow-x:hidden!important}html body .mobile-page-beranda .hiroshi-hero-card{min-height:170px!important;margin-top:4px!important;margin-bottom:12px!important;padding:18px!important}html body .mobile-page-beranda .hiroshi-hero-text h2{margin-top:0!important;margin-bottom:8px!important;font-size:24px!important;line-height:1.06!important}html body .mobile-page-beranda .hiroshi-hero-text p{max-width:190px!important;margin-top:0!important;margin-bottom:12px!important;font-size:12px!important;line-height:1.35!important}html body .mobile-page-beranda .hiroshi-hero-text button{height:40px!important;padding-left:14px!important;padding-right:14px!important;font-size:12px!important}html body .mobile-page-beranda .hiroshi-hero-visual{transform-origin:100%!important;transform:scale(.9)translate(8px)!important}html body .mobile-page-beranda .hiroshi-activity-card{margin-top:0!important;margin-bottom:12px!important;padding:15px!important}html body .mobile-page-beranda .hiroshi-section-head{margin-bottom:11px!important}html body .mobile-page-beranda .hiroshi-section-head h2,html body .mobile-page-beranda .hiroshi-section-head>div h2{margin-top:0!important;margin-bottom:0!important;font-size:18px!important;line-height:1.1!important}html body .mobile-page-beranda .hiroshi-section-head p{margin-top:5px!important;font-size:11.5px!important;line-height:1.3!important}html body .mobile-page-beranda .activity-timeline{gap:8px!important}html body .mobile-page-beranda .activity-row{min-height:56px!important;padding:10px!important}html body .mobile-page-beranda .activity-icon{width:33px!important;height:33px!important}html body .mobile-page-beranda .home-area-premium-section{margin-top:0!important;margin-bottom:0!important;padding-bottom:0!important}html body .mobile-page-beranda .home-area-premium-head{margin-bottom:12px!important}html body .mobile-page-beranda .home-area-premium-head h2{margin-top:0!important;margin-bottom:5px!important;font-size:21px!important;line-height:1.07!important}html body .mobile-page-beranda .home-area-premium-head p{font-size:12px!important;line-height:1.32!important}html body .mobile-page-beranda .home-area-stats-strip{margin-bottom:12px!important}html body .mobile-page-beranda .home-area-stats-strip>div{gap:8px!important;min-height:60px!important;padding:10px!important}html body .mobile-page-beranda .home-area-stats-strip>div>span{width:33px!important;height:33px!important}html body .mobile-page-beranda .home-area-premium-list{gap:12px!important;padding-bottom:8px!important}html body .mobile-page-beranda .home-area-d-card{padding:13px!important}html body .mobile-page-beranda .home-area-d-head{grid-template-columns:46px 1fr auto 22px!important;gap:9px!important;margin-bottom:10px!important}html body .mobile-page-beranda .home-area-d-icon{width:46px!important;height:46px!important}html body .mobile-page-beranda .home-area-d-hero{height:150px!important;margin-bottom:9px!important}html body .mobile-page-beranda .home-area-d-metrics{gap:7px!important;margin-bottom:8px!important}html body .mobile-page-beranda .home-area-d-metrics>div{gap:6px!important;min-height:46px!important;padding:7px!important}html body .mobile-page-beranda .home-area-d-device-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-bottom:8px!important}html body .mobile-page-beranda .home-area-d-device-list button{gap:6px!important;min-height:40px!important;padding:7px!important}html body .mobile-page-beranda .home-area-d-detail{height:42px!important;padding-left:11px!important;padding-right:11px!important}@media (width<=390px){html body .mobile-page.mobile-page-beranda{padding-top:calc(82px + env(safe-area-inset-top,0px))!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}html body .mobile-page-beranda .hiroshi-hero-card{min-height:160px!important;padding:16px!important}html body .mobile-page-beranda .hiroshi-hero-text h2{font-size:22px!important}html body .mobile-page-beranda .hiroshi-hero-text p{max-width:176px!important;font-size:11.5px!important}html body .mobile-page-beranda .hiroshi-hero-visual{transform:scale(.84)translate(10px)!important}html body .mobile-page-beranda .home-area-d-hero{height:138px!important}}html body .mobile-page.mobile-page-area{min-height:100dvh!important;padding-top:calc(84px + env(safe-area-inset-top,0px))!important;padding-left:16px!important;padding-right:16px!important;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;overflow-x:hidden!important}html body .mobile-page-area .area-page-header{grid-template-columns:1fr auto!important;align-items:center!important;gap:12px!important;margin-top:4px!important;margin-bottom:12px!important;padding:16px!important;display:grid!important}html body .mobile-page-area .area-page-header h2{margin-top:0!important;margin-bottom:5px!important;font-size:23px!important;line-height:1.05!important}html body .mobile-page-area .area-page-header p{max-width:210px!important;margin:0!important;font-size:12px!important;line-height:1.32!important}html body .mobile-page-area .area-page-header button{justify-content:center!important;align-items:center!important;gap:8px!important;height:48px!important;min-height:48px!important;padding-left:14px!important;padding-right:14px!important;font-size:12.5px!important;line-height:1!important;display:inline-flex!important}html body .mobile-page-area .area-page-header button svg{width:18px!important;height:18px!important}html body .mobile-page-area .area-device-grid{grid-template-columns:1fr!important;gap:12px!important;margin-top:0!important;margin-bottom:0!important;padding-bottom:8px!important;display:grid!important}html body .mobile-page-area .area-device-card{flex-direction:column!important;min-height:auto!important;padding:14px!important;display:flex!important}html body .mobile-page-area .area-device-card-head{grid-template-columns:1fr auto!important;align-items:start!important;gap:10px!important;margin-bottom:12px!important;display:grid!important}html body .mobile-page-area .area-device-card-head span{margin-bottom:5px!important;font-size:10.5px!important;line-height:1!important;display:block!important}html body .mobile-page-area .area-device-card-head h3{margin-top:0!important;margin-bottom:5px!important;font-size:19px!important;line-height:1.08!important}html body .mobile-page-area .area-device-card-head p{margin:0!important;font-size:11.5px!important;line-height:1.32!important}html body .mobile-page-area .area-device-list{grid-template-columns:1fr!important;gap:8px!important;margin-top:0!important;display:grid!important}html body .mobile-page-area .area-device-row{grid-template-columns:42px 1fr auto!important;align-items:center!important;gap:10px!important;min-height:62px!important;padding:9px!important;display:grid!important}html body .mobile-page-area .area-device-thumb{place-items:center!important;width:42px!important;height:42px!important;display:grid!important;overflow:hidden!important}html body .mobile-page-area .area-device-thumb img{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important}html body .mobile-page-area .area-device-thumb svg{width:21px!important;height:21px!important}html body .mobile-page-area .area-device-row h4{margin-top:0!important;margin-bottom:4px!important;font-size:13.5px!important;line-height:1.15!important}html body .mobile-page-area .area-device-row p{margin:0!important;font-size:10.5px!important;line-height:1.25!important}html body .mobile-page-area .area-device-row .status-badge,html body .mobile-page-area .area-device-row [class*=status]{justify-self:end!important}html body .mobile-page-area .area-empty-device{text-align:center!important;place-items:center!important;gap:8px!important;min-height:88px!important;padding:14px!important;display:grid!important}html body .mobile-page-area .area-empty-device svg{width:28px!important;height:28px!important}html body .mobile-page-area .area-empty-device p{margin:0!important;font-size:12px!important;line-height:1.3!important}html body .mobile-page-area .page-intro,html body .mobile-page-area .area-intro{margin-top:4px!important;margin-bottom:12px!important;padding:16px!important}html body .mobile-page-area .page-intro h2,html body .mobile-page-area .area-intro h2{margin-top:0!important;margin-bottom:5px!important;font-size:23px!important;line-height:1.05!important}html body .mobile-page-area .page-intro p,html body .mobile-page-area .area-intro p{margin:0!important;font-size:12px!important;line-height:1.32!important}html body .mobile-page-area .area-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-bottom:12px!important;display:grid!important}html body .mobile-page-area .area-summary-grid>*{min-height:66px!important;padding:10px!important}html body .mobile-page-area .area-search-card{margin-bottom:10px!important;padding:10px 12px!important}html body .mobile-page-area .area-filter-list{scrollbar-width:none!important;gap:8px!important;margin-bottom:12px!important;display:flex!important;overflow-x:auto!important}html body .mobile-page-area .area-filter-list::-webkit-scrollbar{display:none!important}html body .mobile-page-area .area-filter-list button{white-space:nowrap!important;height:38px!important;padding-left:13px!important;padding-right:13px!important}html body .mobile-page-area .area-group-list{gap:12px!important;padding-bottom:8px!important;display:grid!important}html body .mobile-page-area .area-device-group{padding:14px!important}html body .mobile-page-area .area-group-header{grid-template-columns:42px 1fr!important;align-items:center!important;gap:10px!important;margin-bottom:12px!important;display:grid!important}html body .mobile-page-area .area-group-icon{place-items:center!important;width:42px!important;height:42px!important;display:grid!important}html body .mobile-page-area .area-group-icon svg{width:21px!important;height:21px!important}html body .mobile-page-area .area-group-header h3{margin-top:0!important;margin-bottom:4px!important;font-size:16px!important;line-height:1.12!important}html body .mobile-page-area .area-group-header p{margin:0!important;font-size:10.8px!important;line-height:1.25!important}html body .mobile-page-area .area-group-items{gap:8px!important;display:grid!important}html body .mobile-page-area .area-clean-row{grid-template-columns:1fr auto!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:10px!important;display:grid!important}html body .mobile-page-area .area-clean-row h4{margin-top:0!important;margin-bottom:4px!important;font-size:13.5px!important;line-height:1.14!important}html body .mobile-page-area .area-clean-row p{margin:0!important;font-size:10.5px!important;line-height:1.25!important}html body .mobile-page-area .area-row-right{align-items:center!important;gap:8px!important;display:inline-flex!important}html body .mobile-page-area .area-row-right>span:last-child{font-size:20px!important;line-height:1!important}html body .mobile-page-area .area-empty-card{text-align:center!important;place-items:center!important;min-height:150px!important;padding:18px!important;display:grid!important}@media (width<=390px){html body .mobile-page.mobile-page-area{padding-top:calc(82px + env(safe-area-inset-top,0px))!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}html body .mobile-page-area .area-page-header{gap:10px!important;margin-top:2px!important;margin-bottom:10px!important;padding:15px!important}html body .mobile-page-area .area-page-header h2{font-size:21px!important}html body .mobile-page-area .area-page-header p{max-width:185px!important;font-size:11.3px!important}html body .mobile-page-area .area-page-header button{height:46px!important;min-height:46px!important;padding-left:12px!important;padding-right:12px!important;font-size:12px!important}html body .mobile-page-area .area-device-grid{gap:10px!important;padding-bottom:6px!important}html body .mobile-page-area .area-device-card{padding:12px!important}html body .mobile-page-area .area-device-card-head{margin-bottom:10px!important}html body .mobile-page-area .area-device-card-head h3{font-size:17px!important}html body .mobile-page-area .area-device-card-head p{font-size:10.8px!important}html body .mobile-page-area .area-device-row{grid-template-columns:38px 1fr auto!important;gap:9px!important;min-height:58px!important;padding:8px!important}html body .mobile-page-area .area-device-thumb{width:38px!important;height:38px!important}html body .mobile-page-area .area-device-row h4{font-size:12.8px!important}html body .mobile-page-area .area-device-row p{font-size:10px!important}html body .mobile-page-area .area-summary-grid{gap:8px!important}html body .mobile-page-area .area-summary-grid>*{min-height:60px!important;padding:9px!important}html body .mobile-page-area .area-device-group{padding:12px!important}html body .mobile-page-area .area-group-header{grid-template-columns:38px 1fr!important;gap:9px!important}html body .mobile-page-area .area-group-icon{width:38px!important;height:38px!important}html body .mobile-page-area .area-clean-row{min-height:56px!important;padding:9px!important}}html body .mobile-page.mobile-page-akun{min-height:100dvh!important;padding-top:calc(84px + env(safe-area-inset-top,0px))!important;padding-left:16px!important;padding-right:16px!important;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;overflow-x:hidden!important}html body .mobile-page-akun .page-intro,html body .mobile-page-akun .account-intro{margin-top:4px!important;margin-bottom:10px!important;padding:16px!important}html body .mobile-page-akun .page-intro h2,html body .mobile-page-akun .account-intro h2{margin-top:0!important;margin-bottom:5px!important;font-size:23px!important;line-height:1.05!important}html body .mobile-page-akun .page-intro p,html body .mobile-page-akun .account-intro p{margin:0!important;font-size:12px!important;line-height:1.32!important}html body .mobile-page-akun .admin-profile-card,html body .mobile-page-akun .profile-card{margin-bottom:10px!important;padding:15px!important}html body .mobile-page-akun .admin-profile-top,html body .mobile-page-akun .profile-card{flex-direction:column!important;align-items:center!important;gap:6px!important;display:flex!important}html body .mobile-page-akun .admin-avatar,html body .mobile-page-akun .profile-avatar{place-items:center!important;width:62px!important;height:62px!important;margin-bottom:4px!important;display:grid!important}html body .mobile-page-akun .admin-avatar svg,html body .mobile-page-akun .profile-avatar svg{width:30px!important;height:30px!important}html body .mobile-page-akun .admin-profile-top h2,html body .mobile-page-akun .profile-card h2{margin-top:0!important;margin-bottom:2px!important;font-size:21px!important;line-height:1.08!important}html body .mobile-page-akun .admin-profile-top p,html body .mobile-page-akun .profile-card p{text-align:center!important;margin-top:0!important;margin-bottom:8px!important;font-size:12px!important;line-height:1.3!important}html body .mobile-page-akun .profile-edit-pill{justify-content:center!important;align-items:center!important;gap:7px!important;height:34px!important;margin-top:2px!important;padding-left:13px!important;padding-right:13px!important;font-size:11.5px!important;line-height:1!important;display:inline-flex!important}html body .mobile-page-akun .profile-edit-pill svg{width:15px!important;height:15px!important}html body .mobile-page-akun .admin-status-grid,html body .mobile-page-akun .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin-top:10px!important;display:grid!important}html body .mobile-page-akun .admin-status-grid>div,html body .mobile-page-akun .profile-grid>div{flex-direction:column!important;justify-content:center!important;gap:4px!important;min-height:54px!important;padding:10px!important;display:flex!important}html body .mobile-page-akun .admin-status-grid span,html body .mobile-page-akun .profile-grid span{font-size:10px!important;line-height:1!important}html body .mobile-page-akun .admin-status-grid strong,html body .mobile-page-akun .profile-grid strong{font-size:14px!important;line-height:1.1!important}html body .mobile-page-akun .admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-bottom:10px!important;display:grid!important}html body .mobile-page-akun .admin-summary-grid button{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-height:78px!important;padding:10px 8px!important;display:flex!important}html body .mobile-page-akun .admin-summary-grid button>div{place-items:center!important;width:32px!important;height:32px!important;display:grid!important}html body .mobile-page-akun .admin-summary-grid svg{width:17px!important;height:17px!important}html body .mobile-page-akun .admin-summary-grid strong{font-size:18px!important;line-height:1!important}html body .mobile-page-akun .admin-summary-grid span{text-align:center!important;font-size:10px!important;line-height:1.1!important}html body .mobile-page-akun .account-info-card{margin-bottom:10px!important;padding:14px!important}html body .mobile-page-akun .account-section-title{grid-template-columns:34px 1fr!important;align-items:center!important;gap:9px!important;margin-bottom:12px!important;display:grid!important}html body .mobile-page-akun .account-section-title>div{place-items:center!important;width:34px!important;height:34px!important;display:grid!important}html body .mobile-page-akun .account-section-title svg{width:17px!important;height:17px!important}html body .mobile-page-akun .account-section-title h3{margin:0!important;font-size:16px!important;line-height:1.1!important}html body .mobile-page-akun .account-info-list{grid-template-columns:1fr!important;gap:8px!important;display:grid!important}html body .mobile-page-akun .account-info-list>div{grid-template-columns:1fr auto!important;align-items:center!important;gap:10px!important;min-height:46px!important;padding:9px 10px!important;display:grid!important}html body .mobile-page-akun .account-info-list span{font-size:10.5px!important;line-height:1.1!important}html body .mobile-page-akun .account-info-list strong{text-align:right!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:170px!important;font-size:11.5px!important;line-height:1.2!important;overflow:hidden!important}html body .mobile-page-akun .admin-access-card{grid-template-columns:1fr auto!important;align-items:center!important;gap:12px!important;margin-bottom:10px!important;padding:14px!important;display:grid!important}html body .mobile-page-akun .admin-access-card h3{margin-top:0!important;margin-bottom:5px!important;font-size:16px!important;line-height:1.1!important}html body .mobile-page-akun .admin-access-card p{margin:0!important;font-size:11.5px!important;line-height:1.32!important}html body .mobile-page-akun .admin-access-card button{height:34px!important;padding-left:13px!important;padding-right:13px!important;font-size:11.5px!important;line-height:1!important}html body .mobile-page-akun .account-menu-card{margin-bottom:10px!important;padding:14px!important}html body .mobile-page-akun .account-menu-list{grid-template-columns:1fr!important;gap:8px!important;display:grid!important}html body .mobile-page-akun .account-menu-list button{text-align:left!important;grid-template-columns:38px 1fr 18px!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:9px!important;display:grid!important}html body .mobile-page-akun .account-menu-icon{place-items:center!important;width:38px!important;height:38px!important;display:grid!important}html body .mobile-page-akun .account-menu-icon svg{width:19px!important;height:19px!important}html body .mobile-page-akun .account-menu-list h4{margin-top:0!important;margin-bottom:4px!important;font-size:13px!important;line-height:1.15!important}html body .mobile-page-akun .account-menu-list p{-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;margin:0!important;font-size:10.5px!important;line-height:1.25!important;display:-webkit-box!important;overflow:hidden!important}html body .mobile-page-akun .account-menu-list button>span{justify-self:end!important;font-size:20px!important;line-height:1!important}html body .mobile-page-akun .account-logout-button{justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;height:48px!important;margin-top:0!important;margin-bottom:6px!important;font-size:13px!important;line-height:1!important;display:inline-flex!important}html body .mobile-page-akun .account-logout-button svg{width:18px!important;height:18px!important}html body .account-sheet,html body .account-sheet-card,html body .edit-profile-sheet,html body .about-app-sheet,html body .software-update-sheet{max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;overscroll-behavior:contain!important;overflow-y:auto!important}html body .account-sheet-header,html body .sheet-header{margin-bottom:12px!important}html body .account-sheet-header h2,html body .sheet-header h2{margin-top:0!important;margin-bottom:5px!important;font-size:21px!important;line-height:1.08!important}html body .account-sheet-header p,html body .sheet-header p{margin:0!important;font-size:12px!important;line-height:1.32!important}@media (width<=390px){html body .mobile-page.mobile-page-akun{padding-top:calc(82px + env(safe-area-inset-top,0px))!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}html body .mobile-page-akun .page-intro,html body .mobile-page-akun .account-intro{margin-top:2px!important;margin-bottom:9px!important;padding:15px!important}html body .mobile-page-akun .page-intro h2,html body .mobile-page-akun .account-intro h2{font-size:21px!important}html body .mobile-page-akun .admin-profile-card,html body .mobile-page-akun .profile-card{margin-bottom:9px!important;padding:13px!important}html body .mobile-page-akun .admin-avatar,html body .mobile-page-akun .profile-avatar{width:56px!important;height:56px!important}html body .mobile-page-akun .admin-profile-top h2,html body .mobile-page-akun .profile-card h2{font-size:19px!important}html body .mobile-page-akun .admin-profile-top p,html body .mobile-page-akun .profile-card p{font-size:11.3px!important}html body .mobile-page-akun .admin-status-grid>div,html body .mobile-page-akun .profile-grid>div{min-height:50px!important;padding:9px!important}html body .mobile-page-akun .admin-summary-grid{gap:8px!important;margin-bottom:9px!important}html body .mobile-page-akun .admin-summary-grid button{min-height:72px!important;padding:9px 6px!important}html body .mobile-page-akun .admin-summary-grid button>div{width:30px!important;height:30px!important}html body .mobile-page-akun .admin-summary-grid strong{font-size:16px!important}html body .mobile-page-akun .admin-summary-grid span{font-size:9.5px!important}html body .mobile-page-akun .account-info-card,html body .mobile-page-akun .admin-access-card,html body .mobile-page-akun .account-menu-card{margin-bottom:9px!important;padding:12px!important}html body .mobile-page-akun .account-section-title{grid-template-columns:32px 1fr!important;gap:8px!important;margin-bottom:10px!important}html body .mobile-page-akun .account-section-title>div{width:32px!important;height:32px!important}html body .mobile-page-akun .account-info-list>div{min-height:44px!important;padding:8px 9px!important}html body .mobile-page-akun .account-info-list strong{max-width:145px!important;font-size:11px!important}html body .mobile-page-akun .admin-access-card{grid-template-columns:1fr auto!important;gap:10px!important}html body .mobile-page-akun .admin-access-card h3{font-size:15px!important}html body .mobile-page-akun .admin-access-card p{font-size:10.8px!important}html body .mobile-page-akun .account-menu-list{gap:7px!important}html body .mobile-page-akun .account-menu-list button{grid-template-columns:36px 1fr 16px!important;gap:9px!important;min-height:54px!important;padding:8px!important}html body .mobile-page-akun .account-menu-icon{width:36px!important;height:36px!important}html body .mobile-page-akun .account-menu-list h4{font-size:12.5px!important}html body .mobile-page-akun .account-menu-list p{font-size:10px!important}html body .mobile-page-akun .account-logout-button{height:46px!important;margin-bottom:4px!important}}.manual-add-device-panel{gap:12px!important;display:grid!important}.add-device-field{gap:7px!important;display:grid!important}.add-device-field label{font-size:12px!important;font-weight:850!important;line-height:1!important}.add-device-field input,.add-device-field select,.add-device-field textarea{border-radius:16px!important;width:100%!important;min-height:46px!important;padding:10px 12px!important;font-size:13px!important;font-weight:750!important}.add-device-field textarea{resize:vertical!important;min-height:72px!important}.manual-component-section{gap:10px!important;margin-top:2px!important;display:grid!important}.manual-component-head{grid-template-columns:1fr auto!important;align-items:start!important;gap:10px!important;display:grid!important}.manual-component-head h3{margin:0 0 4px!important;font-size:15px!important;font-weight:950!important;line-height:1.1!important}.manual-component-head p{margin:0!important;font-size:11.2px!important;line-height:1.3!important}.manual-component-head>span{white-space:nowrap!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-height:26px!important;padding:0 9px!important;font-size:10.5px!important;font-weight:900!important;display:inline-flex!important}.manual-component-grid{grid-template-columns:1fr!important;gap:8px!important;display:grid!important}.manual-component-option{cursor:pointer!important;border-radius:18px!important;grid-template-columns:38px 1fr 26px!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:9px!important;display:grid!important;position:relative!important}.manual-component-option input{opacity:0!important;pointer-events:none!important;position:absolute!important}.manual-component-icon{border-radius:15px!important;place-items:center!important;width:38px!important;height:38px!important;display:grid!important}.manual-component-icon svg{width:19px!important;height:19px!important}.manual-component-text{gap:4px!important;min-width:0!important;display:grid!important}.manual-component-text strong{font-size:12.5px!important;font-weight:900!important;line-height:1.12!important}.manual-component-text small{font-size:10.5px!important;font-weight:750!important;line-height:1!important}.manual-component-option b{border-radius:999px!important;place-items:center!important;width:26px!important;height:26px!important;font-size:14px!important;font-weight:950!important;line-height:1!important;display:grid!important}.add-device-actions{grid-template-columns:1fr 1.25fr!important;gap:10px!important;margin-top:4px!important;display:grid!important}.add-device-actions button{border-radius:18px!important;min-height:48px!important;font-size:13px!important;font-weight:900!important}@media (width<=390px){.manual-add-device-panel{gap:11px!important}.add-device-field input,.add-device-field select,.add-device-field textarea{border-radius:15px!important;min-height:44px!important}.manual-component-option{border-radius:17px!important;grid-template-columns:35px 1fr 24px!important;gap:9px!important;min-height:54px!important;padding:8px!important}.manual-component-icon{border-radius:14px!important;width:35px!important;height:35px!important}.manual-component-text strong{font-size:12px!important}.manual-component-text small{font-size:10px!important}.add-device-actions button{min-height:46px!important}}html body .hiroshi-add-device-backdrop{z-index:3000000!important;-webkit-backdrop-filter:blur(10px)saturate(1.1)!important;background:#0f172a59!important;justify-content:center!important;align-items:flex-end!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}html body .hiroshi-add-device-sheet{width:100%!important;max-width:520px!important;height:auto!important;max-height:calc(92dvh - env(safe-area-inset-top,0px))!important;background:#fff!important;border-radius:32px 32px 0 0!important;margin:0!important;padding:0!important;animation:.22s cubic-bezier(.16,1,.3,1) both hiroshiAddDeviceIn!important;overflow:hidden!important;box-shadow:0 -24px 72px #0f172a38!important}html body .hiroshi-add-device-form{width:100%!important;max-height:calc(92dvh - env(safe-area-inset-top,0px))!important;padding:0 18px calc(18px + env(safe-area-inset-bottom,0px))!important;overscroll-behavior:contain!important;scrollbar-width:none!important;flex-direction:column!important;display:flex!important;overflow-y:auto!important}html body .hiroshi-add-device-form::-webkit-scrollbar{display:none!important}html body .hiroshi-add-device-grabber{background:#cfd5dc!important;border-radius:999px!important;flex:none!important;width:54px!important;height:6px!important;margin:14px auto 16px!important}html body .hiroshi-add-device-header{grid-template-columns:52px 1fr 52px!important;align-items:center!important;gap:8px!important;min-height:48px!important;margin-bottom:18px!important;display:grid!important;position:relative!important}html body .hiroshi-add-device-header h2{color:#064532!important;letter-spacing:-.04em!important;text-align:center!important;margin:0!important;font-size:24px!important;font-weight:950!important;line-height:1.1!important}html body .hiroshi-add-device-plus,html body .hiroshi-add-device-close{cursor:pointer!important;border:0!important;border-radius:16px!important;place-items:center!important;width:44px!important;height:44px!important;font-size:30px!important;font-weight:500!important;line-height:1!important;display:grid!important}html body .hiroshi-add-device-plus{color:#08723f!important;background:#e9f6ef!important;justify-self:start!important}html body .hiroshi-add-device-close{color:#1f2937!important;background:#f3f4f6!important;justify-self:end!important}html body .hiroshi-stepper{grid-template-columns:72px 1fr 72px 1fr 72px 1fr 72px!important;align-items:start!important;margin-bottom:22px!important;display:grid!important}html body .hiroshi-stepper div{justify-items:center!important;gap:7px!important;display:grid!important}html body .hiroshi-stepper div span{color:#8b95a1!important;background:#fff!important;border:1px solid #d8dde3!important;border-radius:999px!important;place-items:center!important;width:34px!important;height:34px!important;font-size:15px!important;font-weight:850!important;line-height:1!important;display:grid!important}html body .hiroshi-stepper div p{color:#8b95a1!important;text-align:center!important;margin:0!important;font-size:11px!important;font-weight:750!important;line-height:1.15!important}html body .hiroshi-stepper div.active span{color:#fff!important;background:#0b8f4d!important;border-color:#0b8f4d!important}html body .hiroshi-stepper div.active p{color:#0b8f4d!important}html body .hiroshi-stepper i{background-image:linear-gradient(90deg,#cfd5dc 45%,#fff0 0%)!important;background-position:bottom!important;background-repeat:repeat-x!important;background-size:10px 1px!important;width:100%!important;height:1px!important;margin-top:17px!important;display:block!important}html body .hiroshi-add-section{gap:9px!important;margin-bottom:18px!important;display:grid!important}html body .hiroshi-field-label{color:#073b2d!important;font-size:15px!important;font-weight:900!important;line-height:1!important}html body .hiroshi-input-shell{background:#fff!important;border:1px solid #d9dee5!important;border-radius:17px!important;grid-template-columns:30px 1fr auto!important;align-items:center!important;gap:8px!important;height:54px!important;padding:0 14px!important;display:grid!important}html body .hiroshi-input-shell span{color:#6b7280!important;place-items:center!important;width:24px!important;height:24px!important;font-size:18px!important;line-height:1!important;display:grid!important}html body .hiroshi-input-shell input{color:#0f172a!important;background:0 0!important;border:0!important;outline:0!important;width:100%!important;height:100%!important;font-size:14px!important;font-weight:750!important}html body .hiroshi-input-shell input::placeholder{color:#9aa4b2!important}html body .hiroshi-input-shell small{color:#7b8490!important;font-size:12px!important;font-weight:750!important;line-height:1!important}html body .hiroshi-device-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;display:grid!important}html body .hiroshi-device-type-card{text-align:left!important;cursor:pointer!important;background:#fff!important;border:1px solid #d9dee5!important;border-radius:18px!important;grid-template-columns:42px 1fr 28px!important;align-items:center!important;gap:10px!important;min-height:82px!important;padding:12px!important;display:grid!important}html body .hiroshi-device-type-card>span{color:#08723f!important;background:#eef3f1!important;border-radius:14px!important;place-items:center!important;width:40px!important;height:40px!important;font-size:20px!important;line-height:1!important;display:grid!important}html body .hiroshi-device-type-card strong{color:#0f172a!important;margin-bottom:5px!important;font-size:13px!important;font-weight:950!important;line-height:1.12!important;display:block!important}html body .hiroshi-device-type-card p{color:#6b7280!important;margin:0!important;font-size:11px!important;font-weight:700!important;line-height:1.25!important}html body .hiroshi-device-type-card b{color:#0000!important;border:1px solid #cfd5dc!important;border-radius:999px!important;place-items:center!important;width:26px!important;height:26px!important;font-size:14px!important;font-weight:950!important;line-height:1!important;display:grid!important}html body .hiroshi-device-type-card.selected{background:#f8fffb!important;border-color:#0b8f4d!important}html body .hiroshi-device-type-card.selected b{color:#fff!important;background:#0b8f4d!important;border-color:#0b8f4d!important}html body .hiroshi-section-title-row{justify-content:space-between!important;align-items:center!important;gap:10px!important;display:flex!important}html body .hiroshi-section-title-row h3{color:#073b2d!important;margin:0!important;font-size:15px!important;font-weight:950!important;line-height:1.1!important}html body .hiroshi-section-title-row h3 span{color:#56616f!important;font-weight:700!important}html body .hiroshi-section-title-row>b{color:#0b8f4d!important;white-space:nowrap!important;background:#e9f6ef!important;border-radius:999px!important;align-items:center!important;min-height:24px!important;padding:0 9px!important;font-size:10px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}html body .hiroshi-chip-grid{flex-wrap:wrap!important;gap:9px!important;display:flex!important}html body .hiroshi-option-chip{color:#073b2d!important;cursor:pointer!important;background:#fff!important;border:1px solid #d9dee5!important;border-radius:14px!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:0 12px!important;display:inline-flex!important}html body .hiroshi-option-chip span{color:#08723f!important;place-items:center!important;min-width:20px!important;height:20px!important;font-size:17px!important;font-weight:850!important;line-height:1!important;display:grid!important}html body .hiroshi-option-chip b{color:inherit!important;font-size:12px!important;font-weight:850!important;line-height:1!important}html body .hiroshi-option-chip.selected{background:#f6fffa!important;border-color:#0b8f4d!important;box-shadow:inset 0 0 0 1px #0b8f4d1a!important}html body .hiroshi-add-note{background:#eef8f3!important;border-radius:16px!important;grid-template-columns:28px 1fr!important;align-items:center!important;gap:10px!important;min-height:58px!important;margin:2px 0 18px!important;padding:12px!important;display:grid!important}html body .hiroshi-add-note span{color:#0b8f4d!important;border:1px solid #0b8f4d!important;border-radius:999px!important;place-items:center!important;width:24px!important;height:24px!important;font-size:13px!important;font-weight:950!important;line-height:1!important;display:grid!important}html body .hiroshi-add-note p{color:#0b5f43!important;margin:0!important;font-size:13px!important;font-weight:750!important;line-height:1.35!important}html body .hiroshi-hidden-description{display:none!important}html body .hiroshi-add-actions{grid-template-columns:1fr 1.25fr!important;gap:12px!important;margin-top:auto!important;display:grid!important}html body .hiroshi-add-actions button{cursor:pointer!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;gap:9px!important;height:56px!important;font-size:15px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important}html body .hiroshi-add-actions button:first-child{color:#0b8f4d!important;background:#fff!important;border:1px solid #0b8f4d!important}html body .hiroshi-add-actions button:last-child{color:#fff!important;background:linear-gradient(135deg,#10a65a,#08723f)!important;border:0!important;box-shadow:0 14px 26px #10a65a38!important}html body .hiroshi-add-actions button:last-child span{font-size:20px!important;line-height:1!important}@keyframes hiroshiAddDeviceIn{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@media (width<=390px){html body .hiroshi-add-device-sheet{border-radius:30px 30px 0 0!important;max-height:94dvh!important}html body .hiroshi-add-device-form{max-height:94dvh!important;padding-left:16px!important;padding-right:16px!important}html body .hiroshi-add-device-header{grid-template-columns:46px 1fr 46px!important;margin-bottom:16px!important}html body .hiroshi-add-device-header h2{font-size:22px!important}html body .hiroshi-add-device-plus,html body .hiroshi-add-device-close{border-radius:15px!important;width:40px!important;height:40px!important}html body .hiroshi-stepper{grid-template-columns:62px 1fr 62px 1fr 62px 1fr 62px!important;margin-bottom:20px!important}html body .hiroshi-stepper div span{width:31px!important;height:31px!important;font-size:14px!important}html body .hiroshi-stepper div p{font-size:10px!important}html body .hiroshi-add-section{margin-bottom:16px!important}html body .hiroshi-input-shell{border-radius:16px!important;height:52px!important}html body .hiroshi-device-type-grid{gap:10px!important}html body .hiroshi-device-type-card{border-radius:17px!important;grid-template-columns:38px 1fr 24px!important;gap:8px!important;min-height:78px!important;padding:10px!important}html body .hiroshi-device-type-card>span{width:36px!important;height:36px!important}html body .hiroshi-device-type-card strong{font-size:12px!important}html body .hiroshi-device-type-card p{font-size:10px!important}html body .hiroshi-chip-grid{gap:8px!important}html body .hiroshi-option-chip{border-radius:13px!important;min-height:41px!important;padding:0 10px!important}html body .hiroshi-option-chip b{font-size:11.2px!important}html body .hiroshi-add-note{min-height:54px!important;margin-bottom:16px!important}html body .hiroshi-add-note p{font-size:12px!important}html body .hiroshi-add-actions{gap:10px!important}html body .hiroshi-add-actions button{border-radius:17px!important;height:52px!important;font-size:14px!important}}html body .hi-add-v2-backdrop{z-index:3000000!important;-webkit-backdrop-filter:blur(12px)saturate(1.08)!important;background:#0f172a52!important;justify-content:center!important;align-items:flex-end!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}html body .hi-add-v2-sheet{width:100%!important;max-width:520px!important;max-height:calc(92dvh - env(safe-area-inset-top,0px))!important;background:#fff!important;border-radius:32px 32px 0 0!important;margin:0!important;padding:0!important;animation:.22s cubic-bezier(.16,1,.3,1) both hiAddV2In!important;overflow:hidden!important;box-shadow:0 -24px 72px #0f172a38!important}html body .hi-add-v2-form{width:100%!important;max-height:calc(92dvh - env(safe-area-inset-top,0px))!important;padding:0 18px calc(18px + env(safe-area-inset-bottom,0px))!important;overscroll-behavior:contain!important;scrollbar-width:none!important;flex-direction:column!important;display:flex!important;overflow-y:auto!important}html body .hi-add-v2-form::-webkit-scrollbar{display:none!important}html body .hi-add-v2-grabber{background:#cfd5dc!important;border-radius:999px!important;flex:none!important;width:54px!important;height:6px!important;margin:14px auto 16px!important}html body .hi-add-v2-header{grid-template-columns:52px 1fr 52px!important;align-items:center!important;gap:8px!important;min-height:48px!important;margin-bottom:18px!important;display:grid!important}html body .hi-add-v2-header h2{color:#064532!important;letter-spacing:-.04em!important;text-align:center!important;margin:0!important;font-size:24px!important;font-weight:950!important;line-height:1.1!important}html body .hi-add-v2-plus,html body .hi-add-v2-close{cursor:pointer!important;border:0!important;border-radius:16px!important;place-items:center!important;width:44px!important;height:44px!important;font-size:30px!important;font-weight:500!important;line-height:1!important;display:grid!important}html body .hi-add-v2-plus{color:#08723f!important;background:#e9f6ef!important;justify-self:start!important}html body .hi-add-v2-close{color:#1f2937!important;background:#f3f4f6!important;justify-self:end!important}html body .hi-add-v2-stepper{grid-template-columns:72px 1fr 72px 1fr 72px 1fr 72px!important;align-items:start!important;margin-bottom:22px!important;display:grid!important}html body .hi-add-v2-stepper div{justify-items:center!important;gap:7px!important;display:grid!important}html body .hi-add-v2-stepper div span{color:#8b95a1!important;background:#fff!important;border:1px solid #d8dde3!important;border-radius:999px!important;place-items:center!important;width:34px!important;height:34px!important;font-size:15px!important;font-weight:850!important;line-height:1!important;display:grid!important}html body .hi-add-v2-stepper div p{color:#8b95a1!important;text-align:center!important;margin:0!important;font-size:11px!important;font-weight:750!important;line-height:1.15!important}html body .hi-add-v2-stepper div.is-active span{color:#fff!important;background:#0b8f4d!important;border-color:#0b8f4d!important}html body .hi-add-v2-stepper div.is-active p{color:#0b8f4d!important}html body .hi-add-v2-stepper i{background-image:linear-gradient(90deg,#cfd5dc 45%,#fff0 0%)!important;background-position:bottom!important;background-repeat:repeat-x!important;background-size:10px 1px!important;width:100%!important;height:1px!important;margin-top:17px!important;display:block!important}html body .hi-add-v2-field{gap:9px!important;margin-bottom:18px!important;display:grid!important}html body .hi-add-v2-field>label{color:#073b2d!important;font-size:15px!important;font-weight:900!important;line-height:1!important}html body .hi-add-v2-input{background:#fff!important;border:1px solid #d9dee5!important;border-radius:17px!important;grid-template-columns:30px 1fr auto!important;align-items:center!important;gap:8px!important;height:54px!important;padding:0 14px!important;display:grid!important}html body .hi-add-v2-input span{color:#6b7280!important;place-items:center!important;width:24px!important;height:24px!important;font-size:18px!important;line-height:1!important;display:grid!important}html body .hi-add-v2-input input{color:#0f172a!important;background:0 0!important;border:0!important;outline:0!important;width:100%!important;height:100%!important;font-size:14px!important;font-weight:750!important}html body .hi-add-v2-input input::placeholder{color:#9aa4b2!important}html body .hi-add-v2-input small{color:#7b8490!important;font-size:12px!important;font-weight:750!important;line-height:1!important}html body .hi-add-v2-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;display:grid!important}html body .hi-add-v2-type-card{text-align:left!important;cursor:pointer!important;background:#fff!important;border:1px solid #d9dee5!important;border-radius:18px!important;grid-template-columns:42px 1fr 28px!important;align-items:center!important;gap:10px!important;min-height:82px!important;padding:12px!important;display:grid!important}html body .hi-add-v2-type-card>span{color:#08723f!important;background:#eef3f1!important;border-radius:14px!important;place-items:center!important;width:40px!important;height:40px!important;display:grid!important}html body .hi-add-v2-type-card>span svg{width:20px!important;height:20px!important}html body .hi-add-v2-type-card strong{color:#0f172a!important;margin-bottom:5px!important;font-size:13px!important;font-weight:950!important;line-height:1.12!important;display:block!important}html body .hi-add-v2-type-card p{color:#6b7280!important;margin:0!important;font-size:11px!important;font-weight:700!important;line-height:1.25!important}html body .hi-add-v2-type-card b{color:#0000!important;border:1px solid #cfd5dc!important;border-radius:999px!important;place-items:center!important;width:26px!important;height:26px!important;font-size:14px!important;font-weight:950!important;line-height:1!important;display:grid!important}html body .hi-add-v2-type-card.is-selected{background:#f8fffb!important;border-color:#0b8f4d!important}html body .hi-add-v2-type-card.is-selected b{color:#fff!important;background:#0b8f4d!important;border-color:#0b8f4d!important}html body .hi-add-v2-hidden-select{display:none!important}html body .hi-add-v2-section-title{justify-content:space-between!important;align-items:center!important;gap:10px!important;display:flex!important}html body .hi-add-v2-section-title h3{color:#073b2d!important;margin:0!important;font-size:15px!important;font-weight:950!important;line-height:1.1!important}html body .hi-add-v2-section-title h3 span{color:#56616f!important;font-weight:700!important}html body .hi-add-v2-section-title>b{color:#0b8f4d!important;white-space:nowrap!important;background:#e9f6ef!important;border-radius:999px!important;align-items:center!important;min-height:24px!important;padding:0 9px!important;font-size:10px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}html body .hi-add-v2-chip-list{flex-wrap:wrap!important;gap:9px!important;display:flex!important}html body .hi-add-v2-chip{color:#073b2d!important;cursor:pointer!important;background:#fff!important;border:1px solid #d9dee5!important;border-radius:14px!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:0 12px!important;display:inline-flex!important}html body .hi-add-v2-chip-icon{color:#08723f!important;place-items:center!important;min-width:20px!important;height:20px!important;font-size:17px!important;font-weight:850!important;line-height:1!important;display:grid!important}html body .hi-add-v2-chip-icon svg{width:18px!important;height:18px!important}html body .hi-add-v2-chip-text{color:inherit!important;font-size:12px!important;font-weight:850!important;line-height:1!important}html body .hi-add-v2-chip.is-selected{background:#f6fffa!important;border-color:#0b8f4d!important;box-shadow:inset 0 0 0 1px #0b8f4d1a!important}html body .hi-add-v2-note{background:#eef8f3!important;border-radius:16px!important;grid-template-columns:28px 1fr!important;align-items:center!important;gap:10px!important;min-height:58px!important;margin:2px 0 18px!important;padding:12px!important;display:grid!important}html body .hi-add-v2-note span{color:#0b8f4d!important;border:1px solid #0b8f4d!important;border-radius:999px!important;place-items:center!important;width:24px!important;height:24px!important;font-size:13px!important;font-weight:950!important;line-height:1!important;display:grid!important}html body .hi-add-v2-note p{color:#0b5f43!important;margin:0!important;font-size:13px!important;font-weight:750!important;line-height:1.35!important}html body .hi-add-v2-hidden-description{display:none!important}html body .hi-add-v2-actions{grid-template-columns:1fr 1.25fr!important;gap:12px!important;margin-top:auto!important;display:grid!important}html body .hi-add-v2-actions button{cursor:pointer!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;gap:9px!important;height:56px!important;font-size:15px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important}html body .hi-add-v2-actions button:first-child{color:#0b8f4d!important;background:#fff!important;border:1px solid #0b8f4d!important}html body .hi-add-v2-actions button:last-child{color:#fff!important;background:linear-gradient(135deg,#10a65a,#08723f)!important;border:0!important;box-shadow:0 14px 26px #10a65a38!important}html body .hi-add-v2-actions button:last-child span{font-size:20px!important;line-height:1!important}@keyframes hiAddV2In{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@media (width<=390px){html body .hi-add-v2-sheet{border-radius:30px 30px 0 0!important;max-height:94dvh!important}html body .hi-add-v2-form{max-height:94dvh!important;padding-left:16px!important;padding-right:16px!important}html body .hi-add-v2-header{grid-template-columns:46px 1fr 46px!important;margin-bottom:16px!important}html body .hi-add-v2-header h2{font-size:22px!important}html body .hi-add-v2-plus,html body .hi-add-v2-close{border-radius:15px!important;width:40px!important;height:40px!important}html body .hi-add-v2-stepper{grid-template-columns:62px 1fr 62px 1fr 62px 1fr 62px!important;margin-bottom:20px!important}html body .hi-add-v2-stepper div span{width:31px!important;height:31px!important;font-size:14px!important}html body .hi-add-v2-stepper div p{font-size:10px!important}html body .hi-add-v2-field{margin-bottom:16px!important}html body .hi-add-v2-input{border-radius:16px!important;height:52px!important}html body .hi-add-v2-type-grid{gap:10px!important}html body .hi-add-v2-type-card{border-radius:17px!important;grid-template-columns:38px 1fr 24px!important;gap:8px!important;min-height:78px!important;padding:10px!important}html body .hi-add-v2-type-card>span{width:36px!important;height:36px!important}html body .hi-add-v2-type-card strong{font-size:12px!important}html body .hi-add-v2-type-card p{font-size:10px!important}html body .hi-add-v2-chip-list{gap:8px!important}html body .hi-add-v2-chip{border-radius:13px!important;min-height:41px!important;padding:0 10px!important}html body .hi-add-v2-chip-text{font-size:11.2px!important}html body .hi-add-v2-note{min-height:54px!important;margin-bottom:16px!important}html body .hi-add-v2-note p{font-size:12px!important}html body .hi-add-v2-actions{gap:10px!important}html body .hi-add-v2-actions button{border-radius:17px!important;height:52px!important;font-size:14px!important}}html body .add-device-basic-backdrop{z-index:3000000!important;padding:12px!important;padding-top:calc(12px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;-webkit-backdrop-filter:blur(14px)saturate(1.12)!important;background:#0f172a42!important;justify-content:center!important;align-items:flex-end!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}html body .add-device-basic-sheet{width:100%!important;max-width:520px!important;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;background:radial-gradient(circle at 88% 10%,#10a65a1a,#0000 34%),#fffffffb!important;border:1px solid #ffffffb8!important;border-radius:30px!important;margin:0!important;padding:0!important;animation:.22s cubic-bezier(.16,1,.3,1) both addDeviceBasicIn!important;overflow:hidden!important;box-shadow:0 28px 70px #0f172a33,inset 0 1px #ffffffe6!important}html body .add-device-basic-form{width:100%!important;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;padding:0 16px calc(18px + env(safe-area-inset-bottom,0px))!important;overscroll-behavior:contain!important;scrollbar-width:none!important;overflow-y:auto!important}html body .add-device-basic-form::-webkit-scrollbar{display:none!important}html body .add-device-basic-grabber{background:#94a3b861!important;border-radius:999px!important;width:46px!important;height:5px!important;margin:12px auto 14px!important}html body .add-device-basic-header{grid-template-columns:1fr 42px!important;align-items:start!important;gap:12px!important;margin-bottom:14px!important;display:grid!important}html body .add-device-basic-header span{color:#0b8f4d!important;letter-spacing:.02em!important;font-size:11px!important;font-weight:950!important;line-height:1!important;display:block!important}html body .add-device-basic-header h2{color:#0f172a!important;letter-spacing:-.045em!important;margin:5px 0 6px!important;font-size:23px!important;font-weight:950!important;line-height:1.05!important}html body .add-device-basic-header p{color:#64748b!important;margin:0!important;font-size:12px!important;font-weight:650!important;line-height:1.35!important}html body .add-device-basic-header>button{color:#0f172a!important;background:#f1f5f9!important;border:0!important;border-radius:16px!important;place-items:center!important;width:42px!important;height:42px!important;font-size:23px!important;font-weight:850!important;line-height:1!important;display:grid!important}html body .add-device-basic-image-row{grid-template-columns:132px 1fr!important;gap:12px!important;margin-bottom:13px!important;display:grid!important}html body .add-device-basic-image-picker{cursor:pointer!important;background:#f3fbf6!important;border:1px dashed #10a65a47!important;border-radius:20px!important;align-content:center!important;place-items:center!important;gap:7px!important;min-height:132px!important;padding:12px!important;display:grid!important;position:relative!important;overflow:hidden!important}html body .add-device-basic-image-picker input{display:none!important}html body .add-device-basic-image-picker img{object-fit:contain!important;object-position:center!important;border-radius:16px!important;width:68px!important;height:68px!important}html body .add-device-basic-image-picker>span{color:#0b8f4d!important;background:#ffffffdb!important;border-radius:16px!important;place-items:center!important;width:42px!important;height:42px!important;font-size:22px!important;line-height:1!important;display:grid!important}html body .add-device-basic-image-picker b{color:#0b8f4d!important;text-align:center!important;font-size:11.5px!important;font-weight:950!important;line-height:1.15!important}html body .add-device-basic-image-picker small{color:#64748b!important;font-size:10px!important;font-weight:700!important;line-height:1!important}html body .add-device-basic-preview-info{background:#ffffffc7!important;border:1px solid #0f172a0f!important;border-radius:20px!important;flex-direction:column!important;justify-content:center!important;min-height:132px!important;padding:13px!important;display:flex!important}html body .add-device-basic-preview-info span{color:#64748b!important;font-size:10.5px!important;font-weight:800!important;line-height:1!important}html body .add-device-basic-preview-info strong{color:#0f172a!important;margin-top:6px!important;font-size:15px!important;font-weight:950!important;line-height:1.15!important}html body .add-device-basic-preview-info p{color:#64748b!important;margin:8px 0 0!important;font-size:11px!important;font-weight:650!important;line-height:1.32!important}html body .add-device-basic-field{gap:7px!important;margin-bottom:12px!important;display:grid!important}html body .add-device-basic-field label{color:#0f172a!important;font-size:12px!important;font-weight:900!important;line-height:1!important}html body .add-device-basic-input,html body .add-device-basic-select,html body .add-device-basic-code-input{background:#ffffffe6!important;border:1px solid #0f172a1a!important;border-radius:17px!important;grid-template-columns:28px 1fr auto!important;align-items:center!important;gap:8px!important;height:48px!important;padding:0 12px!important;display:grid!important}html body .add-device-basic-input>span,html body .add-device-basic-select>span,html body .add-device-basic-code-input>span{color:#64748b!important;place-items:center!important;width:24px!important;height:24px!important;font-size:16px!important;line-height:1!important;display:grid!important}html body .add-device-basic-input input,html body .add-device-basic-select select,html body .add-device-basic-code-input input{color:#0f172a!important;background:0 0!important;border:0!important;outline:0!important;width:100%!important;height:100%!important;font-size:12.5px!important;font-weight:750!important}html body .add-device-basic-input input::placeholder,html body .add-device-basic-code-input input::placeholder{color:#94a3b8!important}html body .add-device-basic-select select{appearance:none!important}html body .add-device-basic-input small,html body .add-device-basic-select small{color:#64748b!important;font-size:11px!important;font-weight:800!important;line-height:1!important}html body .add-device-basic-code-input button{color:#0b8f4d!important;background:#e8f8ef!important;border:0!important;border-radius:12px!important;height:30px!important;padding:0 10px!important;font-size:10.5px!important;font-weight:950!important;line-height:1!important}html body .add-device-basic-two-column{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:12px!important;display:grid!important}html body .add-device-basic-two-column .add-device-basic-field{margin-bottom:0!important}html body .add-device-basic-connection{grid-template-columns:1fr 1fr!important;gap:7px!important;height:48px!important;display:grid!important}html body .add-device-basic-connection button{color:#334155!important;background:#ffffffe0!important;border:1px solid #0f172a1a!important;border-radius:16px!important;height:48px!important;font-size:11px!important;font-weight:900!important;line-height:1.1!important}html body .add-device-basic-connection button.active{color:#0b8f4d!important;background:#e8f8ef!important;border-color:#10a65a6b!important}html body .add-device-basic-textarea{background:#ffffffe6!important;border:1px solid #0f172a1a!important;border-radius:17px!important;min-height:82px!important;padding:11px 12px 24px!important;position:relative!important}html body .add-device-basic-textarea textarea{resize:none!important;color:#0f172a!important;background:0 0!important;border:0!important;outline:0!important;width:100%!important;min-height:46px!important;font-size:12.5px!important;font-weight:700!important;line-height:1.35!important}html body .add-device-basic-textarea textarea::placeholder{color:#94a3b8!important}html body .add-device-basic-textarea small{color:#64748b!important;font-size:10px!important;font-weight:800!important;line-height:1!important;position:absolute!important;bottom:9px!important;right:12px!important}html body .add-device-basic-note{background:#eef8f3!important;border-radius:17px!important;grid-template-columns:26px 1fr!important;align-items:center!important;gap:10px!important;min-height:52px!important;margin:2px 0 14px!important;padding:11px 12px!important;display:grid!important}html body .add-device-basic-note span{color:#0b8f4d!important;border:1px solid #0b8f4d!important;border-radius:999px!important;place-items:center!important;width:23px!important;height:23px!important;font-size:12px!important;font-weight:950!important;line-height:1!important;display:grid!important}html body .add-device-basic-note p{color:#0b5f43!important;margin:0!important;font-size:11.5px!important;font-weight:750!important;line-height:1.35!important}html body .add-device-basic-actions{grid-template-columns:1fr 1.35fr!important;gap:10px!important;display:grid!important}html body .add-device-basic-actions button{border-radius:18px!important;justify-content:center!important;align-items:center!important;gap:8px!important;height:50px!important;font-size:13px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important}html body .add-device-basic-actions button:first-child{color:#0b8f4d!important;background:#fff!important;border:1px solid #0b8f4d!important}html body .add-device-basic-actions button:last-child{color:#fff!important;background:linear-gradient(135deg,#10a65a,#08723f)!important;border:0!important;box-shadow:0 13px 24px #10a65a38!important}html body .add-device-basic-actions button:last-child span{font-size:17px!important;line-height:1!important}@keyframes addDeviceBasicIn{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=390px){html body .add-device-basic-backdrop{padding:10px!important;padding-top:calc(10px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}html body .add-device-basic-sheet,html body .add-device-basic-form{max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important}html body .add-device-basic-sheet{border-radius:28px!important}html body .add-device-basic-form{padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}html body .add-device-basic-header{grid-template-columns:1fr 40px!important;margin-bottom:12px!important}html body .add-device-basic-header h2{font-size:21px!important}html body .add-device-basic-header p{font-size:11.4px!important}html body .add-device-basic-header>button{border-radius:15px!important;width:40px!important;height:40px!important}html body .add-device-basic-image-row{grid-template-columns:116px 1fr!important;gap:10px!important}html body .add-device-basic-image-picker,html body .add-device-basic-preview-info{border-radius:18px!important;min-height:116px!important}html body .add-device-basic-image-picker img{width:58px!important;height:58px!important}html body .add-device-basic-preview-info strong{font-size:13.5px!important}html body .add-device-basic-preview-info p{font-size:10.4px!important}html body .add-device-basic-two-column{grid-template-columns:1fr!important;gap:12px!important}html body .add-device-basic-input,html body .add-device-basic-select,html body .add-device-basic-code-input,html body .add-device-basic-connection,html body .add-device-basic-connection button{height:46px!important}html body .add-device-basic-actions button{height:48px!important}}html body .notification-popover-backdrop,html body .notification-popup-backdrop,html body .notification-modal-backdrop{z-index:3000000!important;padding:18px!important;padding-top:calc(18px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;-webkit-backdrop-filter:blur(14px)saturate(1.12)!important;background:#0f172a42!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}html body .notification-popover,html body .notification-popup,html body .notification-popup-card,html body .notification-panel{width:100%!important;max-width:390px!important;max-height:calc(82dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;overscroll-behavior:contain!important;border-radius:28px!important;margin:0 auto!important;animation:.18s cubic-bezier(.16,1,.3,1) both notificationCenterIn!important;position:relative!important;inset:auto!important;overflow-y:auto!important;transform:translate(0,0)!important}html body .notification-popover[style],html body .notification-popup[style],html body .notification-popup-card[style],html body .notification-panel[style]{inset:auto!important;transform:none!important}html body .notification-popover header,html body .notification-popup header,html body .notification-popup-card header,html body .notification-panel header{z-index:2!important;position:sticky!important;top:0!important}html body .notification-popover ul,html body .notification-popup ul,html body .notification-popup-card ul,html body .notification-panel ul,html body .notification-list{overscroll-behavior:contain!important;max-height:58dvh!important;overflow-y:auto!important}@keyframes notificationCenterIn{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=390px){html body .notification-popover-backdrop,html body .notification-popup-backdrop,html body .notification-modal-backdrop{padding:14px!important;padding-top:calc(14px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}html body .notification-popover,html body .notification-popup,html body .notification-popup-card,html body .notification-panel{max-width:360px!important;max-height:calc(84dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;border-radius:26px!important}html body .notification-popover ul,html body .notification-popup ul,html body .notification-popup-card ul,html body .notification-panel ul,html body .notification-list{max-height:60dvh!important}}html body .device-detail-header,html body .device-detail-appbar,html body .device-detail-topbar,html body .detail-device-header,html body .detail-device-appbar{z-index:9999!important;-webkit-backdrop-filter:blur(16px)saturate(1.12)!important;background:#f8fafcf5!important;border-bottom:1px solid #0f172a0f!important;position:sticky!important;top:0!important;box-shadow:0 10px 24px #0f172a0a!important}html body .device-detail-page,html body .device-detail-screen,html body .detail-device-page{padding-bottom:16px!important}html body .mobile-page.device-detail-mode .device-detail-fixed-appbar,html body .mobile-page.device-detail-mode .device-detail-v2-header,html body .mobile-page.device-detail-mode .international-detail-header{z-index:999999!important;-webkit-backdrop-filter:blur(18px)saturate(1.12)!important;background:#f8fafcf5!important;border-bottom:1px solid #0f172a0f!important;width:min(100%,480px)!important;max-width:480px!important;margin:0!important;position:fixed!important;inset:0 auto auto 50%!important;transform:translate(-50%)!important;box-shadow:0 12px 28px #0f172a11!important}html body .mobile-page.device-detail-mode .device-detail-fixed-appbar button,html body .mobile-page.device-detail-mode .device-detail-fixed-appbar .detail-appbar-actions,html body .mobile-page.device-detail-mode .device-detail-v2-header button,html body .mobile-page.device-detail-mode .device-detail-v2-header .detail-appbar-actions,html body .mobile-page.device-detail-mode .international-detail-header button,html body .mobile-page.device-detail-mode .international-detail-header .detail-appbar-actions{z-index:2!important;position:relative!important}html body .mobile-page.device-detail-mode .device-visual-hero,html body .mobile-page.device-detail-mode .international-hero{margin-top:0!important}@media (width<=390px){html body .mobile-page.device-detail-mode{padding-top:calc(82px + env(safe-area-inset-top,0px))!important}html body .mobile-page.device-detail-mode .device-detail-fixed-appbar,html body .mobile-page.device-detail-mode .device-detail-v2-header,html body .mobile-page.device-detail-mode .international-detail-header{width:100%!important;max-width:100%!important}}html body .mobile-page.device-detail-mode{min-height:100dvh!important;padding-top:calc(96px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;position:relative!important;overflow-x:hidden!important}html body .mobile-page.device-detail-mode .device-detail-fixed-appbar,html body .mobile-page.device-detail-mode .device-detail-v2-header,html body .mobile-page.device-detail-mode .international-detail-header{top:calc(12px + env(safe-area-inset-top,0px))!important;z-index:999999!important;-webkit-backdrop-filter:blur(22px)saturate(1.2)!important;background:linear-gradient(135deg,#fffffff0,#f4fdf8e0)!important;border:1px solid #ffffffd1!important;border-radius:24px!important;width:calc(100% - 24px)!important;max-width:456px!important;min-height:64px!important;margin:0!important;padding:10px 12px!important;position:fixed!important;bottom:auto!important;left:50%!important;right:auto!important;overflow:hidden!important;transform:translate(-50%)!important;box-shadow:0 18px 42px #0f172a24,0 4px 14px #0f172a0f,inset 0 1px #fffffff2!important}html body .mobile-page.device-detail-mode .device-detail-fixed-appbar:before,html body .mobile-page.device-detail-mode .device-detail-v2-header:before,html body .mobile-page.device-detail-mode .international-detail-header:before{content:""!important;pointer-events:none!important;background:#10a65a1f!important;border-radius:999px!important;width:110px!important;height:110px!important;position:absolute!important;top:-40px!important;left:-34px!important}html body .mobile-page.device-detail-mode .device-detail-fixed-appbar:after,html body .mobile-page.device-detail-mode .device-detail-v2-header:after,html body .mobile-page.device-detail-mode .international-detail-header:after{content:""!important;pointer-events:none!important;background:#22c55e14!important;border-radius:999px!important;width:96px!important;height:96px!important;position:absolute!important;top:-28px!important;right:-22px!important}html body .mobile-page.device-detail-mode .device-detail-back{color:#064532!important;background:#ffffffd1!important;border:0!important;border-radius:16px!important;place-items:center!important;width:42px!important;height:42px!important;font-size:30px!important;font-weight:700!important;line-height:1!important;display:grid!important;box-shadow:0 8px 18px #0f172a14,inset 0 1px #ffffffe6!important}html body .mobile-page.device-detail-mode .device-detail-fixed-appbar h1,html body .mobile-page.device-detail-mode .device-detail-v2-header h1,html body .mobile-page.device-detail-mode .international-detail-header h1{z-index:2!important;color:#063d2e!important;letter-spacing:-.035em!important;margin:0!important;font-size:17px!important;font-weight:950!important;line-height:1.1!important;position:relative!important}html body .mobile-page.device-detail-mode .detail-appbar-actions{z-index:2!important;align-items:center!important;gap:8px!important;display:flex!important;position:relative!important}html body .mobile-page.device-detail-mode .detail-update-button{color:#08723f!important;background:#e8f8efeb!important;border:0!important;border-radius:999px!important;align-items:center!important;gap:6px!important;height:38px!important;padding:0 10px!important;font-size:11px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important;box-shadow:inset 0 0 0 1px #10a65a1f!important}html body .mobile-page.device-detail-mode .detail-update-button svg{width:15px!important;height:15px!important}html body .mobile-page.device-detail-mode .device-detail-status{color:#0b8f4d!important;background:#ffffffd1!important;border-radius:999px!important;align-items:center!important;gap:6px!important;height:34px!important;padding:0 10px!important;font-size:11px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important;box-shadow:inset 0 0 0 1px #10a65a24!important}html body .mobile-page.device-detail-mode .device-detail-status i{background:#16a34a!important;border-radius:999px!important;width:7px!important;height:7px!important;box-shadow:0 0 0 4px #22c55e29!important}html body .mobile-page.device-detail-mode .device-detail-fixed-appbar *,html body .mobile-page.device-detail-mode .device-detail-v2-header *,html body .mobile-page.device-detail-mode .international-detail-header *{z-index:2!important;position:relative!important}html body .mobile-page.device-detail-mode .bottom-nav,html body .mobile-page.device-detail-mode .bottom-nav-final,html body .mobile-page.device-detail-mode nav.bottom-nav{opacity:0!important;pointer-events:none!important;visibility:hidden!important;display:none!important}@media (width<=390px){html body .mobile-page.device-detail-mode{padding-top:calc(92px + env(safe-area-inset-top,0px))!important}html body .mobile-page.device-detail-mode .device-detail-fixed-appbar,html body .mobile-page.device-detail-mode .device-detail-v2-header,html body .mobile-page.device-detail-mode .international-detail-header{top:calc(10px + env(safe-area-inset-top,0px))!important;border-radius:22px!important;width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;min-height:60px!important;padding:9px 10px!important}html body .mobile-page.device-detail-mode .device-detail-back{border-radius:15px!important;width:39px!important;height:39px!important;font-size:28px!important}html body .mobile-page.device-detail-mode .device-detail-fixed-appbar h1,html body .mobile-page.device-detail-mode .device-detail-v2-header h1,html body .mobile-page.device-detail-mode .international-detail-header h1{font-size:15.5px!important}html body .mobile-page.device-detail-mode .detail-update-button{height:35px!important;padding:0 8px!important;font-size:10px!important}html body .mobile-page.device-detail-mode .device-detail-status{height:32px!important;padding:0 8px!important;font-size:10px!important}}html body .area-status-pro-section{gap:10px!important;width:100%!important;margin:12px 0 18px!important;display:grid!important}html body .area-status-pro-card{background:radial-gradient(circle at 88% 18%,#67e8953d,#0000 32%),radial-gradient(circle at 6% 95%,#10b98138,#0000 34%),linear-gradient(135deg,#064532 0%,#047044 48%,#06402f 100%)!important;border-radius:24px!important;grid-template-columns:1fr 126px!important;align-items:center!important;gap:12px!important;min-height:150px!important;padding:18px!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 38px #0645323d,inset 0 1px #ffffff24!important}html body .area-status-pro-card:before{content:""!important;background:#ffffff14!important;border-radius:999px!important;width:120px!important;height:120px!important;position:absolute!important;top:-42px!important;left:-34px!important}html body .area-status-pro-card:after{content:""!important;background:#ffffff0f!important;border-radius:999px!important;width:140px!important;height:140px!important;position:absolute!important;bottom:-48px!important;right:-42px!important}html body .area-status-pro-left,html body .area-status-pro-donut-wrap{z-index:2!important;position:relative!important}html body .area-status-pro-left{gap:18px!important;display:grid!important}html body .area-status-pro-left h2{color:#fff!important;letter-spacing:-.04em!important;margin:0 0 4px!important;font-size:18px!important;font-weight:950!important;line-height:1.05!important}html body .area-status-pro-left p{color:#ffffffc2!important;margin:0!important;font-size:11px!important;font-weight:700!important;line-height:1.25!important}html body .area-status-pro-legend{gap:8px!important;display:grid!important}html body .area-status-pro-legend div{grid-template-columns:10px 1fr auto!important;align-items:center!important;gap:7px!important;width:112px!important;display:grid!important}html body .area-status-pro-legend i{border-radius:999px!important;width:8px!important;height:8px!important;box-shadow:0 0 0 4px #ffffff14!important}html body .area-status-pro-legend i.normal{background:#8df0a7!important}html body .area-status-pro-legend i.warning{background:#facc15!important}html body .area-status-pro-legend i.offline{background:#fb7185!important}html body .area-status-pro-legend span{color:#ffffffdb!important;font-size:10px!important;font-weight:800!important;line-height:1!important}html body .area-status-pro-legend strong{color:#fff!important;text-align:right!important;font-size:12px!important;font-weight:950!important;line-height:1!important}html body .area-status-pro-donut-wrap{place-items:center!important;display:grid!important}html body .area-status-pro-donut{border-radius:999px!important;place-items:center!important;width:112px!important;height:112px!important;display:grid!important;position:relative!important;box-shadow:0 16px 30px #00000029,inset 0 1px #ffffff52!important}html body .area-status-pro-donut:before{content:""!important;background:radial-gradient(circle at 40% 32%,#ffffff1f,#0000 34%),#064532!important;border-radius:999px!important;position:absolute!important;inset:14px!important;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 8px 18px #0000001f!important}html body .area-status-pro-donut div{z-index:2!important;justify-items:center!important;gap:3px!important;display:grid!important;position:relative!important}html body .area-status-pro-donut strong{color:#fff!important;letter-spacing:-.05em!important;font-size:25px!important;font-weight:950!important;line-height:1!important}html body .area-status-pro-donut span{color:#ffffffb8!important;font-size:9px!important;font-weight:800!important;line-height:1!important}html body .area-status-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;display:grid!important}html body .area-status-mini-grid article{background:#fffffff5!important;border:1px solid #0f172a0e!important;border-radius:18px!important;align-content:center!important;justify-items:center!important;gap:6px!important;min-height:88px!important;padding:10px 6px!important;display:grid!important;box-shadow:0 10px 22px #0f172a0f,inset 0 1px #ffffffe6!important}html body .area-status-mini-grid article div{border-radius:13px!important;place-items:center!important;width:30px!important;height:30px!important;display:grid!important}html body .area-status-mini-grid article div svg{width:16px!important;height:16px!important}html body .area-status-mini-grid article div.green{color:#0b8f4d!important;background:#e8f8ef!important}html body .area-status-mini-grid article div.blue{color:#2563eb!important;background:#eef6ff!important}html body .area-status-mini-grid article div.red{color:#ef4444!important;background:#fff1f2!important}html body .area-status-mini-grid article strong{color:#0f172a!important;letter-spacing:-.04em!important;font-size:18px!important;font-weight:950!important;line-height:1!important}html body .area-status-mini-grid article span{color:#64748b!important;text-align:center!important;font-size:9px!important;font-weight:800!important;line-height:1.15!important}@media (width<=390px){html body .area-status-pro-card{border-radius:22px!important;grid-template-columns:1fr 104px!important;min-height:140px!important;padding:16px!important}html body .area-status-pro-left h2{font-size:17px!important}html body .area-status-pro-donut{width:100px!important;height:100px!important}html body .area-status-pro-donut:before{inset:13px!important}html body .area-status-pro-donut strong{font-size:22px!important}html body .area-status-mini-grid{gap:7px!important}html body .area-status-mini-grid article{border-radius:16px!important;min-height:82px!important;padding:9px 5px!important}html body .area-status-mini-grid article div{border-radius:12px!important;width:28px!important;height:28px!important}html body .area-status-mini-grid article strong{font-size:16px!important}html body .area-status-mini-grid article span{font-size:8.5px!important}}html body .mobile-page-beranda{background:radial-gradient(circle at 16% 0,#10a65a17,#0000 30%),radial-gradient(circle at 95% 18%,#0645320f,#0000 32%),#f8fafc!important}html body .home-e-hero{background:radial-gradient(circle at 76% 10%,#7de7a047,#0000 32%),radial-gradient(circle at 4% 96%,#10b9812e,#0000 30%),linear-gradient(135deg,#0b8f4d 0%,#067445 42%,#064532 100%)!important;border-radius:28px!important;grid-template-columns:1.15fr .85fr!important;align-items:center!important;gap:10px!important;min-height:188px!important;margin:14px 0!important;padding:18px!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 22px 46px #0645323d,inset 0 1px #ffffff2e!important}html body .home-e-hero:before{content:""!important;background:#ffffff14!important;border-radius:999px!important;width:180px!important;height:180px!important;position:absolute!important;inset:auto -36px -54px auto!important}html body .home-e-hero-text{z-index:2!important;position:relative!important}html body .home-e-hero-text>span{color:#ffffffe6!important;background:#ffffff26!important;border-radius:999px!important;margin-bottom:8px!important;padding:6px 10px!important;font-size:10px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}html body .home-e-hero-text h2{color:#fff!important;letter-spacing:-.05em!important;margin:0 0 7px!important;font-size:24px!important;font-weight:950!important;line-height:1.05!important}html body .home-e-hero-text p{color:#ffffffc7!important;max-width:230px!important;margin:0!important;font-size:11.5px!important;font-weight:650!important;line-height:1.42!important}html body .home-e-hero-actions{align-items:center!important;gap:8px!important;margin-top:14px!important;display:flex!important}html body .home-e-hero-actions button{border:0!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:7px!important;height:38px!important;font-size:11px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}html body .home-e-hero-actions button:first-child{color:#064532!important;background:#fff!important;padding:0 12px!important}html body .home-e-hero-actions button:last-child{color:#fff!important;background:#ffffff24!important;padding:0 11px!important}html body .home-e-hero-actions svg{width:15px!important;height:15px!important}html body .home-e-hero-visual{z-index:2!important;min-height:138px!important;position:relative!important}html body .home-e-building{width:132px!important;height:116px!important;position:absolute!important;bottom:0!important;right:0!important}html body .home-e-roof{background:linear-gradient(135deg,#d8f6e3,#fff)!important;border-radius:10px!important;width:68px!important;height:42px!important;position:absolute!important;top:4px!important;left:26px!important;transform:skewY(-18deg)rotate(-4deg)!important;box-shadow:0 10px 22px #0000001f!important}html body .home-e-house{background:linear-gradient(145deg,#f7fffb,#d9f7e5)!important;border-radius:18px!important;grid-template-columns:repeat(2,1fr)!important;gap:9px!important;width:92px!important;height:66px!important;padding:16px!important;display:grid!important;position:absolute!important;bottom:18px!important;left:18px!important;box-shadow:0 18px 28px #00000029,inset 0 1px #ffffffe6!important}html body .home-e-house span{background:#06453229!important;border-radius:7px!important}html body .home-e-solar{background:linear-gradient(135deg,#2563eb,#0f766e)!important;border-radius:12px!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;width:54px!important;height:38px!important;padding:7px!important;display:grid!important;position:absolute!important;top:38px!important;right:0!important;box-shadow:0 12px 20px #00000024!important}html body .home-e-solar i{background:#ffffff61!important;border-radius:4px!important}html body .home-e-plant{width:24px!important;height:26px!important;position:absolute!important;bottom:8px!important}html body .home-e-plant.left{left:2px!important}html body .home-e-plant.right{right:8px!important}html body .home-e-plant b{background:#8df0a7!important;border-radius:999px 999px 4px 4px!important;width:15px!important;height:22px!important;position:absolute!important;bottom:0!important}html body .home-e-plant b:first-child{left:0!important;transform:rotate(-28deg)!important}html body .home-e-plant b:nth-child(2){right:0!important;transform:rotate(28deg)!important}html body .home-e-shield{color:#fff!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffff29!important;border-radius:16px!important;place-items:center!important;width:42px!important;height:42px!important;display:grid!important;position:absolute!important;top:12px!important;left:4px!important}html body .home-e-shield svg{width:21px!important;height:21px!important}html body .home-e-signal{align-items:flex-end!important;gap:3px!important;display:flex!important;position:absolute!important;top:8px!important;right:2px!important}html body .home-e-signal i{background:#ffffffc7!important;border-radius:999px!important;width:4px!important}html body .home-e-signal i:first-child{height:10px!important}html body .home-e-signal i:nth-child(2){height:15px!important}html body .home-e-signal i:nth-child(3){height:21px!important}html body .home-e-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-bottom:14px!important;display:grid!important}html body .home-e-summary-grid button{background:#fffffff0!important;border:1px solid #0f172a0f!important;border-radius:20px!important;align-content:center!important;justify-items:center!important;gap:6px!important;min-height:88px!important;padding:10px 7px!important;display:grid!important;box-shadow:0 12px 24px #0f172a0f,inset 0 1px #ffffffeb!important}html body .home-e-summary-grid span{border-radius:14px!important;place-items:center!important;width:32px!important;height:32px!important;display:grid!important}html body .home-e-summary-grid span.green{color:#0b8f4d!important;background:#e8f8ef!important}html body .home-e-summary-grid span.yellow{color:#f59e0b!important;background:#fffbeb!important}html body .home-e-summary-grid span.red{color:#ef4444!important;background:#fff1f2!important}html body .home-e-summary-grid svg{width:17px!important;height:17px!important}html body .home-e-summary-grid strong{color:#0f172a!important;font-size:20px!important;font-weight:950!important;line-height:1!important}html body .home-e-summary-grid p{color:#64748b!important;text-align:center!important;margin:0!important;font-size:9.5px!important;font-weight:800!important;line-height:1.1!important}html body .home-e-system-card{background:#fffffff5!important;border:1px solid #0f172a0f!important;border-radius:24px!important;grid-template-columns:116px 1fr!important;align-items:center!important;gap:14px!important;margin-bottom:16px!important;padding:14px!important;display:grid!important;box-shadow:0 14px 30px #0f172a11,inset 0 1px #fffffff2!important}html body .home-e-system-left{place-items:center!important;display:grid!important}html body .home-e-system-ring{border-radius:999px!important;place-items:center!important;width:104px!important;height:104px!important;display:grid!important;position:relative!important}html body .home-e-system-ring:before{content:""!important;background:#fff!important;border-radius:999px!important;position:absolute!important;inset:12px!important;box-shadow:inset 0 0 0 1px #0f172a0d,0 8px 18px #0f172a0f!important}html body .home-e-system-ring div{z-index:2!important;justify-items:center!important;gap:3px!important;display:grid!important;position:relative!important}html body .home-e-system-ring strong{color:#064532!important;letter-spacing:-.05em!important;font-size:24px!important;font-weight:950!important;line-height:1!important}html body .home-e-system-ring span{color:#64748b!important;font-size:9px!important;font-weight:850!important;line-height:1!important}html body .home-e-system-info>span{color:#0b8f4d!important;font-size:10px!important;font-weight:950!important;line-height:1!important}html body .home-e-system-info h2{color:#0f172a!important;letter-spacing:-.04em!important;margin:5px 0 6px!important;font-size:17px!important;font-weight:950!important;line-height:1.1!important}html body .home-e-system-info p{color:#64748b!important;margin:0!important;font-size:11px!important;font-weight:650!important;line-height:1.35!important}html body .home-e-system-info>div{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:12px!important;display:grid!important}html body .home-e-system-info section{background:#f8fafc!important;border-radius:14px!important;place-items:center!important;min-height:48px!important;display:grid!important}html body .home-e-system-info section b{color:#0f172a!important;font-size:15px!important;font-weight:950!important;line-height:1!important}html body .home-e-system-info section small{color:#64748b!important;font-size:8.5px!important;font-weight:800!important;line-height:1!important}html body .home-e-section-head{justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:11px!important;display:flex!important}html body .home-e-section-head h2{color:#0f172a!important;letter-spacing:-.04em!important;margin:0 0 4px!important;font-size:17px!important;font-weight:950!important;line-height:1.05!important}html body .home-e-section-head p{color:#64748b!important;margin:0!important;font-size:11px!important;font-weight:650!important;line-height:1.25!important}html body .home-e-section-head button{color:#0b8f4d!important;background:0 0!important;border:0!important;align-items:center!important;gap:5px!important;min-width:max-content!important;font-size:11px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}html body .home-e-device-section{margin-bottom:16px!important}html body .home-e-device-scroll{scroll-snap-type:x mandatory!important;scrollbar-width:none!important;gap:12px!important;margin:0 -16px!important;padding:0 16px 4px!important;display:flex!important;overflow-x:auto!important}html body .home-e-device-scroll::-webkit-scrollbar{display:none!important}html body .home-e-device-card{scroll-snap-align:start!important;background:#fffffff5!important;border:1px solid #0f172a0f!important;border-radius:24px!important;justify-items:center!important;width:132px!important;min-width:132px!important;min-height:166px!important;padding:12px!important;display:grid!important;box-shadow:0 12px 26px #0f172a11,inset 0 1px #fffffff0!important}html body .home-e-device-image{background:radial-gradient(circle at 72% 14%,#10a65a24,#0000 30%),#f1fbf5!important;border-radius:24px!important;place-items:center!important;width:82px!important;height:82px!important;margin-bottom:10px!important;display:grid!important;overflow:hidden!important}html body .home-e-device-image img{object-fit:contain!important;object-position:center!important;width:76px!important;height:76px!important}html body .home-e-device-image svg{color:#0b8f4d!important;width:34px!important;height:34px!important}html body .home-e-device-card h3{color:#0f172a!important;text-align:center!important;width:100%!important;margin:0 0 5px!important;font-size:12px!important;font-weight:950!important;line-height:1.2!important}html body .home-e-device-card p{color:#0b8f4d!important;margin:0 0 8px!important;font-size:10px!important;font-weight:900!important;line-height:1!important}html body .home-e-device-card span{color:#64748b!important;text-align:center!important;font-size:9px!important;font-weight:750!important;line-height:1.25!important}html body .home-e-environment-card,html body .home-e-activity-card{background:#fffffff5!important;border:1px solid #0f172a0f!important;border-radius:24px!important;margin-bottom:16px!important;padding:14px!important;box-shadow:0 14px 28px #0f172a0f,inset 0 1px #fffffff0!important}html body .home-e-environment-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;display:grid!important}html body .home-e-environment-grid button{background:#f8fafc!important;border:0!important;border-radius:18px!important;align-content:center!important;justify-items:center!important;gap:5px!important;min-height:92px!important;padding:8px 5px!important;display:grid!important}html body .home-e-environment-grid span{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:13px!important;place-items:center!important;width:30px!important;height:30px!important;display:grid!important}html body .home-e-environment-grid svg{width:16px!important;height:16px!important}html body .home-e-environment-grid strong{color:#0f172a!important;font-size:13px!important;font-weight:950!important;line-height:1!important}html body .home-e-environment-grid p{color:#0f172a!important;margin:0!important;font-size:9.5px!important;font-weight:850!important;line-height:1!important}html body .home-e-environment-grid small{color:#64748b!important;text-align:center!important;font-size:8px!important;font-weight:700!important;line-height:1.1!important}html body .home-e-activity-list{gap:8px!important;display:grid!important}html body .home-e-activity-list button{text-align:left!important;background:#f8fafc!important;border:0!important;border-radius:18px!important;grid-template-columns:38px 1fr auto!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:9px!important;display:grid!important}html body .home-e-activity-list>button>span{border-radius:15px!important;place-items:center!important;width:36px!important;height:36px!important;display:grid!important}html body .home-e-activity-list>button>span.success{color:#0b8f4d!important;background:#e8f8ef!important}html body .home-e-activity-list>button>span.warning{color:#f59e0b!important;background:#fffbeb!important}html body .home-e-activity-list>button>span.info{color:#2563eb!important;background:#eef6ff!important}html body .home-e-activity-list svg{width:17px!important;height:17px!important}html body .home-e-activity-list h3{color:#0f172a!important;margin:0 0 3px!important;font-size:11.5px!important;font-weight:900!important;line-height:1.2!important}html body .home-e-activity-list p{color:#64748b!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;margin:0!important;font-size:10px!important;font-weight:650!important;line-height:1.25!important;display:-webkit-box!important;overflow:hidden!important}html body .home-e-activity-list small{color:#94a3b8!important;white-space:nowrap!important;font-size:9px!important;font-weight:800!important;line-height:1!important}@media (width<=390px){html body .home-e-hero{border-radius:26px!important;grid-template-columns:1.1fr .9fr!important;min-height:176px!important;padding:16px!important}html body .home-e-hero-text h2{font-size:22px!important}html body .home-e-hero-text p{font-size:10.8px!important}html body .home-e-building{width:118px!important;height:108px!important}html body .home-e-summary-grid{gap:8px!important}html body .home-e-summary-grid button{border-radius:18px!important;min-height:82px!important}html body .home-e-system-card{border-radius:22px!important;grid-template-columns:102px 1fr!important;gap:12px!important}html body .home-e-system-ring{width:92px!important;height:92px!important}html body .home-e-system-ring strong{font-size:21px!important}html body .home-e-device-card{width:124px!important;min-width:124px!important}html body .home-e-environment-grid{gap:7px!important}html body .home-e-environment-grid button{border-radius:16px!important;min-height:88px!important}html body .home-e-environment-grid strong{font-size:12px!important}html body .home-e-environment-grid p{font-size:8.8px!important}}html body .mobile-page-beranda{padding-bottom:calc(98px + env(safe-area-inset-bottom,0px))!important;background:radial-gradient(circle at 12% 0,#10a65a14,#0000 28%),radial-gradient(circle at 96% 14%,#0645320f,#0000 32%),#f8fafc!important}html body .mobile-page-beranda .hiroshi-hero-card,html body .mobile-page-beranda .hiroshi-activity-card,html body .mobile-page-beranda .home-area-premium-section,html body .mobile-page-beranda .home-e-hero,html body .mobile-page-beranda .home-e-summary-grid,html body .mobile-page-beranda .home-e-system-card,html body .mobile-page-beranda .home-e-device-section,html body .mobile-page-beranda .home-e-environment-card,html body .mobile-page-beranda .home-e-activity-card,html body .mobile-page-beranda .home-e-final-hero,html body .mobile-page-beranda .home-e-final-stats,html body .mobile-page-beranda .home-e-final-section,html body .mobile-page-beranda .home-e-final-panel-card{display:none!important}html body .mobile-page-beranda .hiroshi-global-appbar{-webkit-backdrop-filter:blur(18px)saturate(1.12)!important;background:#ffffffeb!important;border-radius:26px!important;min-height:78px!important;margin:8px 0 18px!important;padding:12px 14px!important;box-shadow:0 18px 36px #0f172a14,inset 0 1px #fffffff2!important}html body .mobile-page-beranda .hiroshi-brand h1{color:#0f172a!important;letter-spacing:-.04em!important;font-size:20px!important;font-weight:950!important;line-height:1.05!important}html body .mobile-page-beranda .hiroshi-brand p{color:#64748b!important;margin-top:4px!important;font-size:11.5px!important;font-weight:750!important;line-height:1.15!important}html body .mobile-page-beranda .hiroshi-notif-button{background:#fff!important;border-radius:18px!important;width:54px!important;height:54px!important;box-shadow:0 12px 24px #0f172a14,inset 0 1px #ffffffe6!important}html body .hiroshi-home-premium-hero:after{content:""!important;background:#10a65a1a!important;border-radius:999px!important;width:210px!important;height:210px!important;position:absolute!important;bottom:-74px!important;right:-60px!important}html body .hiroshi-home-premium-hero-text{z-index:3!important;position:relative!important}html body .hiroshi-home-premium-hero-text h2{color:#064532!important;letter-spacing:-.06em!important;margin:0 0 8px!important;font-size:33px!important;font-weight:950!important;line-height:.95!important}html body .hiroshi-home-premium-hero-badge{color:#0b8f4d!important;background:#e8f8ef!important;border:0!important;border-radius:999px!important;align-items:center!important;gap:8px!important;min-height:38px!important;margin-top:16px!important;padding:0 13px!important;font-size:11px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important;box-shadow:0 10px 22px #10a65a1f,inset 0 1px #ffffffeb!important}html body .hiroshi-home-premium-hero-visual{z-index:2!important;height:152px!important;position:relative!important}html body .hiroshi-home-premium-house{width:178px!important;height:136px!important;position:absolute!important;bottom:2px!important;right:-4px!important}html body .hiroshi-house-main{background:linear-gradient(145deg,#fff,#dceee6)!important;border-radius:18px!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:102px!important;height:72px!important;padding:15px!important;display:grid!important;position:absolute!important;bottom:18px!important;left:25px!important;box-shadow:0 18px 30px #0f172a24,inset 0 1px #fffffffa!important}html body .hiroshi-house-main span{background:#06453229!important;border-radius:7px!important}html body .hiroshi-house-side{background:linear-gradient(145deg,#f8fffb,#d7efe3)!important;border-radius:16px!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important;width:66px!important;height:58px!important;padding:13px!important;display:grid!important;position:absolute!important;bottom:16px!important;right:12px!important;box-shadow:0 16px 24px #0f172a1f,inset 0 1px #fffffff5!important}html body .hiroshi-house-side span{background:#06453229!important;border-radius:6px!important}html body .hiroshi-house-roof-main{background:#fff!important;border-radius:12px!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;width:92px!important;height:40px!important;padding:7px!important;display:grid!important;position:absolute!important;top:16px!important;left:32px!important;transform:skewY(-12deg)rotate(-4deg)!important;box-shadow:0 14px 24px #0f172a21!important}html body .hiroshi-house-roof-main i,html body .hiroshi-house-roof-side i{background:linear-gradient(135deg,#123f68,#2f6ea3)!important;border-radius:4px!important}html body .hiroshi-house-roof-side{background:#fff!important;border-radius:10px!important;grid-template-columns:repeat(2,1fr)!important;gap:4px!important;width:56px!important;height:30px!important;padding:6px!important;display:grid!important;position:absolute!important;top:40px!important;right:17px!important;transform:skewY(-12deg)rotate(-4deg)!important;box-shadow:0 12px 20px #0f172a1f!important}html body .hiroshi-house-garage{background:linear-gradient(#334155,#64748b)!important;border-radius:9px 9px 6px 6px!important;width:34px!important;height:25px!important;position:absolute!important;bottom:10px!important;right:30px!important}html body .hiroshi-house-tree{width:22px!important;height:32px!important;position:absolute!important}html body .hiroshi-house-tree.tree-left{bottom:12px!important;left:10px!important}html body .hiroshi-house-tree.tree-right{bottom:8px!important;right:4px!important}html body .hiroshi-house-tree b{background:#70d685!important;border-radius:999px 999px 6px 6px!important;width:15px!important;height:24px!important;position:absolute!important;bottom:0!important}html body .hiroshi-house-tree b:first-child{left:0!important;transform:rotate(-24deg)!important}html body .hiroshi-house-tree b:nth-child(2){right:0!important;transform:rotate(24deg)!important}html body .hiroshi-hero-float-icon{color:#0b8f4d!important;background:#ffffffe6!important;border-radius:999px!important;place-items:center!important;width:36px!important;height:36px!important;display:grid!important;position:absolute!important;box-shadow:0 10px 20px #0f172a1a!important}html body .hiroshi-home-premium-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important;display:grid!important}html body .hiroshi-home-premium-quick-card{text-align:left!important;background:#fffffff5!important;border:1px solid #0f172a0e!important;border-radius:22px!important;gap:8px!important;min-height:100px!important;padding:12px!important;display:grid!important;box-shadow:0 14px 26px #0f172a0f,inset 0 1px #fffffff2!important}html body .quick-icon{border-radius:15px!important;place-items:center!important;width:34px!important;height:34px!important;display:grid!important}html body .quick-icon svg{width:17px!important;height:17px!important}html body .quick-icon.green{color:#0b8f4d!important;background:#e8f8ef!important}html body .quick-icon.blue{color:#0ea5e9!important;background:#eaf5ff!important}html body .quick-icon.yellow{color:#f59e0b!important;background:#fff7ed!important}html body .hiroshi-home-premium-quick-card span{color:#334155!important;font-size:10.5px!important;font-weight:850!important;line-height:1.1!important;display:block!important}html body .hiroshi-home-premium-quick-card strong{color:#0f172a!important;letter-spacing:-.045em!important;margin:5px 0 3px!important;font-size:19px!important;font-weight:950!important;line-height:1!important;display:block!important}html body .hiroshi-home-premium-quick-card p{color:#0b8f4d!important;margin:0!important;font-size:9px!important;font-weight:800!important;line-height:1.2!important}html body .hiroshi-home-premium-system-card{background:#fffffff5!important;border:1px solid #0f172a0e!important;border-radius:28px!important;grid-template-columns:130px 1fr!important;align-items:center!important;gap:16px!important;margin-bottom:16px!important;padding:16px!important;display:grid!important;box-shadow:0 16px 32px #0f172a11,inset 0 1px #fffffff5!important}html body .premium-system-left{justify-items:center!important;gap:8px!important;display:grid!important}html body .premium-system-ring{border-radius:999px!important;place-items:center!important;width:112px!important;height:112px!important;display:grid!important;position:relative!important}html body .premium-system-ring:before{content:""!important;background:#fff!important;border-radius:999px!important;position:absolute!important;inset:13px!important;box-shadow:inset 0 0 0 1px #0f172a0a,0 8px 18px #0f172a0f!important}html body .premium-system-ring div{z-index:2!important;justify-items:center!important;gap:4px!important;display:grid!important;position:relative!important}html body .premium-system-ring strong{color:#064532!important;letter-spacing:-.06em!important;font-size:28px!important;font-weight:950!important;line-height:1!important}html body .premium-system-ring span{color:#64748b!important;font-size:10px!important;font-weight:850!important;line-height:1!important}html body .premium-system-left>p{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:999px!important;align-items:center!important;gap:6px!important;min-height:25px!important;margin:0!important;padding:0 11px!important;font-size:10px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important}html body .premium-system-left>p i{background:#0b8f4d!important;border-radius:999px!important;width:7px!important;height:7px!important}html body .premium-system-right{min-width:0!important}html body .premium-system-head{justify-content:space-between!important;align-items:flex-start!important;gap:10px!important;margin-bottom:12px!important;display:flex!important}html body .premium-system-head h2{color:#0f172a!important;letter-spacing:-.04em!important;margin:0 0 5px!important;font-size:17px!important;font-weight:950!important;line-height:1.05!important}html body .premium-system-head p{color:#64748b!important;margin:0!important;font-size:11px!important;font-weight:650!important;line-height:1.32!important}html body .premium-system-head button,html body .premium-section-head button,html body .premium-mini-panel-head button{color:#0b8f4d!important;white-space:nowrap!important;background:0 0!important;border:0!important;font-size:11px!important;font-weight:950!important;line-height:1!important}html body .premium-system-grid{background:#0f172a0f!important;border-radius:18px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;display:grid!important;overflow:hidden!important}html body .premium-system-grid article{background:#fff!important;grid-template-columns:38px 1fr!important;align-items:center!important;gap:8px!important;min-height:64px!important;padding:9px!important;display:grid!important}html body .premium-system-grid article>span{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:14px!important;place-items:center!important;width:34px!important;height:34px!important;display:grid!important}html body .premium-system-grid small{color:#64748b!important;font-size:9px!important;font-weight:750!important;line-height:1.15!important;display:block!important}html body .premium-system-grid strong{color:#0f172a!important;margin:3px 0!important;font-size:16px!important;font-weight:950!important;line-height:1!important;display:block!important}html body .premium-system-grid p{color:#64748b!important;margin:0!important;font-size:8.5px!important;font-weight:700!important;line-height:1.15!important}html body .premium-section-head{justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;margin-bottom:12px!important;display:flex!important}html body .premium-section-head h2,html body .premium-mini-panel-head h2{color:#0f172a!important;letter-spacing:-.04em!important;margin:0 0 4px!important;font-size:17px!important;font-weight:950!important;line-height:1.05!important}html body .premium-section-head p{color:#64748b!important;margin:0!important;font-size:11px!important;font-weight:700!important;line-height:1.25!important}html body .premium-device-scroll{scroll-snap-type:x mandatory!important;scrollbar-width:none!important;gap:12px!important;margin:0 -18px!important;padding:0 18px 6px!important;display:flex!important;overflow-x:auto!important}html body .premium-device-scroll::-webkit-scrollbar{display:none!important}html body .premium-device-card{scroll-snap-align:start!important;text-align:left!important;background:#fffffff5!important;border:1px solid #0f172a0e!important;border-radius:22px!important;align-content:start!important;gap:6px!important;width:122px!important;min-width:122px!important;min-height:164px!important;padding:10px!important;display:grid!important;box-shadow:0 14px 26px #0f172a0f,inset 0 1px #fffffff0!important}html body .premium-device-image{background:#f1fbf5!important;border-radius:18px!important;place-items:center!important;width:100%!important;height:76px!important;margin-bottom:4px!important;display:grid!important;overflow:hidden!important}html body .premium-device-image img{object-fit:contain!important;object-position:center!important;width:88px!important;height:72px!important}html body .premium-device-image svg{color:#0b8f4d!important;width:32px!important;height:32px!important}html body .premium-device-card h3{color:#0f172a!important;min-height:30px!important;margin:0!important;font-size:11px!important;font-weight:950!important;line-height:1.2!important}html body .premium-device-card p{color:#0b8f4d!important;align-items:center!important;gap:5px!important;margin:0!important;font-size:9.5px!important;font-weight:850!important;line-height:1!important;display:inline-flex!important}html body .premium-device-card p i{background:#0b8f4d!important;border-radius:999px!important;width:6px!important;height:6px!important}html body .premium-device-card strong{color:#0f172a!important;margin-top:2px!important;font-size:12px!important;font-weight:950!important;line-height:1!important}html body .premium-current-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;display:grid!important}html body .premium-current-grid button{text-align:left!important;background:#fffffff5!important;border:1px solid #0f172a0e!important;border-radius:21px!important;grid-template-columns:34px 1fr!important;align-items:center!important;gap:8px!important;min-height:92px!important;padding:11px!important;display:grid!important;box-shadow:0 12px 24px #0f172a0e,inset 0 1px #fffffff2!important}html body .premium-current-grid button>span{border-radius:15px!important;place-items:center!important;width:34px!important;height:34px!important;display:grid!important}html body .premium-current-grid button>span.green{color:#0b8f4d!important;background:#e8f8ef!important}html body .premium-current-grid button>span.blue{color:#0ea5e9!important;background:#eaf5ff!important}html body .premium-current-grid button>span.purple{color:#8b5cf6!important;background:#f3e8ff!important}html body .premium-current-grid button>span.yellow{color:#f59e0b!important;background:#fffbeb!important}html body .premium-current-grid svg{width:17px!important;height:17px!important}html body .premium-current-grid small{color:#64748b!important;font-size:9px!important;font-weight:750!important;line-height:1!important;display:block!important}html body .premium-current-grid strong{color:#0f172a!important;margin:5px 0 4px!important;font-size:15px!important;font-weight:950!important;line-height:1!important;display:block!important}html body .premium-current-grid p{color:#0b8f4d!important;margin:0!important;font-size:9px!important;font-weight:850!important;line-height:1!important}html body .hiroshi-home-premium-bottom-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;margin-bottom:18px!important;display:grid!important}html body .premium-mini-panel{background:#fffffff5!important;border:1px solid #0f172a0e!important;border-radius:24px!important;min-height:188px!important;padding:14px!important;box-shadow:0 14px 28px #0f172a0f,inset 0 1px #fffffff2!important}html body .premium-mini-panel-head{justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important;display:flex!important}html body .premium-mini-panel-head h2{margin:0!important}html body .premium-area-list,html body .premium-activity-list{gap:8px!important;display:grid!important}html body .premium-area-list button{text-align:left!important;background:#f4fbf7!important;border:0!important;border-radius:14px!important;grid-template-columns:30px 1fr auto!important;align-items:center!important;gap:8px!important;min-height:38px!important;padding:6px!important;display:grid!important}html body .premium-area-list button>span{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:12px!important;place-items:center!important;width:28px!important;height:28px!important;display:grid!important}html body .premium-area-list svg{width:14px!important;height:14px!important}html body .premium-area-list strong{color:#064532!important;font-size:11px!important;font-weight:900!important;line-height:1!important}html body .premium-area-list small{color:#0b8f4d!important;align-items:center!important;gap:5px!important;font-size:10px!important;font-weight:850!important;line-height:1!important;display:inline-flex!important}html body .premium-area-list small i{background:#0b8f4d!important;border-radius:999px!important;width:6px!important;height:6px!important}html body .premium-activity-list button{text-align:left!important;background:#f8fafc!important;border:0!important;border-radius:14px!important;grid-template-columns:30px 1fr 6px!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:6px!important;display:grid!important}html body .premium-activity-list button>span{border-radius:999px!important;place-items:center!important;width:28px!important;height:28px!important;display:grid!important}html body .premium-activity-list button>span.success{color:#0b8f4d!important;background:#e8f8ef!important}html body .premium-activity-list button>span.warning{color:#f59e0b!important;background:#fffbeb!important}html body .premium-activity-list button>span.info{color:#0ea5e9!important;background:#eaf5ff!important}html body .premium-activity-list svg{width:14px!important;height:14px!important}html body .premium-activity-list strong{color:#0f172a!important;font-size:10px!important;font-weight:900!important;line-height:1.15!important;display:block!important}html body .premium-activity-list p{color:#64748b!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;margin:3px 0 0!important;font-size:8.5px!important;font-weight:650!important;line-height:1.15!important;display:-webkit-box!important;overflow:hidden!important}html body .premium-activity-list button>i{background:#22c55e!important;border-radius:999px!important;width:6px!important;height:6px!important}@media (width<=430px){html body .hiroshi-home-premium-quick-grid,html body .premium-current-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body .hiroshi-home-premium-quick-card{min-height:94px!important}html body .hiroshi-home-premium-system-card{grid-template-columns:112px 1fr!important;gap:12px!important;padding:14px!important}html body .premium-system-ring{width:96px!important;height:96px!important}html body .premium-system-ring strong{font-size:24px!important}html body .premium-system-grid article{grid-template-columns:32px 1fr!important;min-height:58px!important;padding:8px!important}html body .premium-system-grid article>span{border-radius:13px!important;width:30px!important;height:30px!important}html body .premium-system-grid strong{font-size:14px!important}html body .hiroshi-home-premium-bottom-grid{grid-template-columns:1fr!important}}@media (width<=390px){html body .hiroshi-home-premium-hero{border-radius:26px!important;grid-template-columns:.95fr 1.05fr!important;min-height:176px!important;padding:16px!important}html body .hiroshi-home-premium-hero-text h2{font-size:29px!important}html body .hiroshi-home-premium-hero-text p{max-width:156px!important;font-size:11.3px!important}html body .hiroshi-home-premium-hero-badge{min-height:34px!important;margin-top:13px!important;padding:0 10px!important;font-size:10px!important}html body .hiroshi-home-premium-house{transform-origin:100% 100%!important;right:-18px!important;transform:scale(.88)!important}html body .hiroshi-hero-float-icon{width:32px!important;height:32px!important}html body .hiroshi-home-premium-quick-grid{gap:9px!important}html body .hiroshi-home-premium-system-card{border-radius:24px!important}html body .premium-device-card{width:116px!important;min-width:116px!important}html body .premium-current-grid{gap:9px!important}html body .premium-current-grid button{border-radius:19px!important;min-height:86px!important}}html body .mobile-page-beranda{padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;background:radial-gradient(circle at 18% 0,#10a65a13,#0000 28%),linear-gradient(#f8fbfa 0%,#f3f7f6 100%)!important;gap:0!important}html body .mobile-page-beranda .hiroshi-global-appbar{border-radius:24px!important;min-height:70px!important;margin:6px 0 14px!important;padding:10px 12px!important;box-shadow:0 14px 28px #0f172a12,inset 0 1px #fffffff5!important}html body .mobile-page-beranda .hiroshi-logo-mark{border-radius:17px!important;width:50px!important;height:50px!important}html body .mobile-page-beranda .hiroshi-brand h1{font-size:18px!important}html body .mobile-page-beranda .hiroshi-brand p{font-size:10.5px!important}html body .mobile-page-beranda .hiroshi-notif-button{border-radius:17px!important;width:50px!important;height:50px!important}html body .hiroshi-home-premium-hero{background:radial-gradient(circle at 78% 12%,#10a65a33,#0000 34%),radial-gradient(circle at 90% 84%,#0645321a,#0000 35%),linear-gradient(135deg,#f6fff9 0%,#e9f9f0 54%,#dff6ea 100%)!important;border-radius:26px!important;grid-template-columns:.92fr 1.08fr!important;gap:4px!important;min-height:176px!important;margin:0 0 12px!important;padding:16px!important;box-shadow:0 16px 34px #0f172a13,inset 0 1px #fffffff5!important}html body .hiroshi-home-premium-hero-text>span{margin-bottom:7px!important;font-size:10px!important}html body .hiroshi-home-premium-hero-text h2{letter-spacing:-.06em!important;margin-bottom:7px!important;font-size:29px!important;line-height:.95!important}html body .hiroshi-home-premium-hero-text p{max-width:165px!important;font-size:11px!important;line-height:1.36!important}html body .hiroshi-home-premium-hero-badge{border-radius:999px!important;min-height:34px!important;margin-top:13px!important;padding:0 11px!important;font-size:9.6px!important}html body .hiroshi-home-premium-hero-visual{height:140px!important;overflow:visible!important}html body .hiroshi-home-premium-house{transform-origin:100% 100%!important;bottom:-2px!important;right:-18px!important;transform:scale(.86)!important}html body .hiroshi-hero-float-icon{width:30px!important;height:30px!important;box-shadow:0 8px 18px #0f172a14!important}html body .hiroshi-hero-float-icon svg{width:14px!important;height:14px!important}html body .hiroshi-hero-float-icon.wifi{top:4px!important;left:54px!important}html body .hiroshi-hero-float-icon.water{top:5px!important;right:12px!important}html body .hiroshi-hero-float-icon.shield{bottom:42px!important;right:18px!important}html body .hiroshi-home-premium-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}html body .hiroshi-home-premium-quick-card{border-radius:22px!important;grid-template-columns:38px 1fr!important;align-items:center!important;gap:10px!important;min-height:94px!important;padding:12px!important}html body .quick-icon{border-radius:15px!important;width:36px!important;height:36px!important}html body .hiroshi-home-premium-quick-card span{font-size:10px!important}html body .hiroshi-home-premium-quick-card strong{margin:4px 0 3px!important;font-size:17px!important}html body .hiroshi-home-premium-quick-card p{font-size:8.6px!important}html body .hiroshi-home-premium-system-card{border-radius:26px!important;grid-template-columns:108px 1fr!important;gap:12px!important;margin-bottom:15px!important;padding:14px!important}html body .premium-system-ring{width:92px!important;height:92px!important}html body .premium-system-ring:before{inset:11px!important}html body .premium-system-ring strong{font-size:23px!important}html body .premium-system-ring span{font-size:8.5px!important}html body .premium-system-left>p{min-height:23px!important;padding:0 10px!important;font-size:9px!important}html body .premium-system-head{margin-bottom:9px!important}html body .premium-system-head h2{font-size:15px!important}html body .premium-system-head p{font-size:9.6px!important;line-height:1.25!important}html body .premium-system-head button{font-size:9.5px!important}html body .premium-system-grid{border-radius:16px!important}html body .premium-system-grid article{grid-template-columns:30px 1fr!important;gap:7px!important;min-height:54px!important;padding:7px!important}html body .premium-system-grid article>span{border-radius:12px!important;width:28px!important;height:28px!important}html body .premium-system-grid svg{width:14px!important;height:14px!important}html body .premium-system-grid small{font-size:8px!important}html body .premium-system-grid strong{margin:2px 0!important;font-size:13px!important}html body .premium-system-grid p{font-size:7.5px!important}html body .premium-section-head{margin-bottom:10px!important}html body .premium-section-head h2,html body .premium-mini-panel-head h2{font-size:16px!important}html body .premium-section-head p,html body .premium-section-head button,html body .premium-mini-panel-head button{font-size:10px!important}html body .hiroshi-home-premium-device-section{margin-bottom:15px!important}html body .premium-device-scroll{gap:10px!important;margin:0 -14px!important;padding:0 14px 5px!important}html body .premium-device-card{border-radius:22px!important;width:116px!important;min-width:116px!important;min-height:150px!important;padding:9px!important}html body .premium-device-image{border-radius:18px!important;height:70px!important;margin-bottom:5px!important}html body .premium-device-image img{width:76px!important;height:66px!important}html body .premium-device-card h3{min-height:28px!important;font-size:10px!important;line-height:1.2!important}html body .premium-device-card p{font-size:8.6px!important}html body .premium-device-card strong{font-size:10.5px!important}html body .hiroshi-home-premium-current-section{margin-bottom:15px!important}html body .premium-current-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html body .premium-current-grid button{border-radius:22px!important;grid-template-columns:38px 1fr!important;gap:9px!important;min-height:84px!important;padding:11px!important}html body .premium-current-grid button>span{border-radius:15px!important;width:36px!important;height:36px!important}html body .premium-current-grid small{font-size:8.5px!important}html body .premium-current-grid strong{font-size:14px!important}html body .premium-current-grid p{font-size:8.5px!important}html body .hiroshi-home-premium-bottom-grid{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:18px!important}html body .premium-mini-panel{border-radius:24px!important;min-height:auto!important;padding:14px!important}html body .premium-mini-panel-head{margin-bottom:10px!important}html body .premium-area-list{gap:7px!important}html body .premium-area-list button{border-radius:15px!important;grid-template-columns:32px 1fr auto!important;min-height:44px!important;padding:7px 8px!important}html body .premium-area-list button>span{width:30px!important;height:30px!important}html body .premium-area-list strong{font-size:10.5px!important}html body .premium-area-list small{font-size:9px!important}html body .premium-activity-list{gap:7px!important}html body .premium-activity-list button{border-radius:15px!important;grid-template-columns:32px 1fr 7px!important;min-height:48px!important;padding:7px 8px!important}html body .premium-activity-list button>span{width:30px!important;height:30px!important}html body .premium-activity-list strong{font-size:9.8px!important;line-height:1.15!important}html body .premium-activity-list p{-webkit-line-clamp:1!important;margin-top:3px!important;font-size:8.2px!important;line-height:1.15!important}html body .bottom-nav,html body .bottom-nav-final{border-radius:26px 26px 0 0!important;min-height:74px!important}@media (width<=390px){html body .mobile-page-beranda{padding-left:12px!important;padding-right:12px!important}html body .hiroshi-home-premium-hero{border-radius:24px!important;min-height:164px!important;padding:14px!important}html body .hiroshi-home-premium-hero-text h2{font-size:27px!important}html body .hiroshi-home-premium-hero-text p{max-width:150px!important;font-size:10.5px!important}html body .hiroshi-home-premium-house{transform-origin:100% 100%!important;bottom:-8px!important;right:-26px!important;transform:scale(.78)!important}html body .hiroshi-home-premium-system-card{grid-template-columns:96px 1fr!important;gap:10px!important;padding:12px!important}html body .premium-system-ring{width:84px!important;height:84px!important}html body .premium-system-ring strong{font-size:21px!important}html body .premium-system-grid article{grid-template-columns:28px 1fr!important;min-height:50px!important;padding:6px!important}html body .premium-system-grid article>span{width:26px!important;height:26px!important}html body .premium-device-card{width:108px!important;min-width:108px!important}}html body .hiroshi-home-premium-hero{background:radial-gradient(circle at 85% 18%,#16a34a1f,#0000 32%),radial-gradient(circle at 78% 82%,#22c55e1a,#0000 38%),linear-gradient(135deg,#eefaf3 0%,#e4f6ea 45%,#d9f2e3 100%);border:1px solid #10b9811a;border-radius:28px;grid-template-columns:1.05fr .95fr;align-items:center;gap:8px;min-height:210px;margin:0 0 16px;padding:22px 20px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 36px #0f172a14,inset 0 1px #ffffffe6}html body .hiroshi-home-premium-hero-text{flex-direction:column;justify-content:center;padding-top:14px;padding-bottom:6px;display:flex}html body .hiroshi-home-premium-hero-text>span{color:#14804a;margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.2;display:inline-block}html body .hiroshi-home-premium-hero-text h2{letter-spacing:-.04em;color:#063b2b;margin:0 0 12px;font-size:34px;font-weight:900;line-height:1}html body .hiroshi-home-premium-hero-text p{color:#475569;max-width:280px;margin:0;font-size:17px;font-weight:600;line-height:1.45}html body .hiroshi-home-premium-hero-badge{background:#ffffffb8;border:1px solid #10b9811f;border-radius:999px;align-items:center;gap:10px;width:fit-content;min-height:48px;margin-top:20px;padding:0 18px;display:inline-flex;box-shadow:0 10px 24px #0f172a0d,inset 0 1px #ffffffe6}html body .hiroshi-home-premium-hero-badge svg{color:#18a058;width:20px;height:20px}html body .hiroshi-home-premium-hero-badge strong{color:#14804a;font-size:16px;font-weight:700}html body .hiroshi-home-premium-hero-visual{justify-content:center;align-items:flex-end;min-height:180px;padding-top:12px;display:flex;position:relative}html body .hiroshi-home-premium-hero-image{object-fit:contain;width:100%;max-width:285px;height:auto;display:block;transform:translateY(10px)}html body .mobile-page-beranda h1,html body .mobile-page-beranda h2,html body .mobile-page-beranda h3{color:#0f172a;letter-spacing:-.02em}html body .mobile-page-beranda h2{font-size:22px;font-weight:800}html body .mobile-page-beranda h3{font-size:18px;font-weight:700}html body .mobile-page-beranda p,html body .mobile-page-beranda span,html body .mobile-page-beranda small,html body .mobile-page-beranda strong,html body .mobile-page-beranda button{font-size:14px}html body .mobile-page-beranda .premium-section-head h2,html body .mobile-page-beranda .premium-mini-panel-head h2{font-size:20px;font-weight:800}html body .mobile-page-beranda .premium-section-head p,html body .mobile-page-beranda .premium-mini-panel-head p{color:#64748b;font-size:14px}html body .mobile-page-beranda .premium-section-head button,html body .mobile-page-beranda .premium-mini-panel-head button{font-size:14px;font-weight:700}@media (width<=768px){html body .hiroshi-home-premium-hero{border-radius:24px;grid-template-columns:1fr 1fr;min-height:190px;padding:20px 16px 16px}html body .hiroshi-home-premium-hero-text{padding-top:12px}html body .hiroshi-home-premium-hero-text>span{margin-bottom:8px;font-size:14px}html body .hiroshi-home-premium-hero-text h2{margin-bottom:10px;font-size:28px}html body .hiroshi-home-premium-hero-text p{max-width:220px;font-size:15px}html body .hiroshi-home-premium-hero-badge{min-height:42px;margin-top:16px;padding:0 14px}html body .hiroshi-home-premium-hero-badge strong{font-size:14px}html body .hiroshi-home-premium-hero-image{max-width:220px;transform:translateY(8px)}}@media (width<=420px){html body .hiroshi-home-premium-hero{gap:4px;min-height:176px;padding:18px 14px 14px}html body .hiroshi-home-premium-hero-text{padding-top:10px}html body .hiroshi-home-premium-hero-text>span{font-size:13px}html body .hiroshi-home-premium-hero-text h2{font-size:24px}html body .hiroshi-home-premium-hero-text p{max-width:180px;font-size:14px;line-height:1.38}html body .hiroshi-home-premium-hero-badge{min-height:38px;padding:0 12px}html body .hiroshi-home-premium-hero-badge strong{font-size:13px}html body .hiroshi-home-premium-hero-image{max-width:180px;transform:translateY(8px)}}html body .hiroshi-home-premium-hero{min-height:196px!important;margin-top:14px!important;margin-bottom:16px!important;padding-top:22px!important;padding-bottom:18px!important}html body .hiroshi-home-premium-hero-text{padding-top:16px!important}html body .hiroshi-home-premium-hero-text>span{font-size:14px!important;font-weight:800!important;line-height:1.2!important}html body .hiroshi-home-premium-hero-text h2{font-size:30px!important;font-weight:950!important;line-height:1!important}html body .hiroshi-home-premium-hero-text p{max-width:210px!important;font-size:14px!important;font-weight:700!important;line-height:1.42!important}html body .hiroshi-home-premium-hero-badge{border-radius:999px!important;align-items:center!important;gap:9px!important;min-height:42px!important;margin-top:18px!important;padding:0 15px!important;display:inline-flex!important}html body .hiroshi-home-premium-hero-badge svg{width:18px!important;height:18px!important}html body .hiroshi-home-premium-hero-badge strong{font-size:14px!important;font-weight:850!important;line-height:1!important}html body .hiroshi-home-premium-hero-visual{justify-content:center!important;align-items:flex-end!important;min-height:160px!important;display:flex!important}html body .hiroshi-home-premium-hero-image{object-fit:contain!important;width:100%!important;max-width:210px!important;height:auto!important;transform:translateY(12px)!important}html body .hiroshi-home-premium-house,html body .hiroshi-hero-float-icon{display:none!important}html body .area-device-card-upgraded{background:#fffffff5!important;border:1px solid #0f172a0e!important;border-radius:26px!important;position:relative!important;overflow:hidden!important;box-shadow:0 16px 34px #0f172a11,inset 0 1px #fffffff2!important}html body .area-device-title-block{min-width:0!important}html body .area-device-title-row{align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important}html body .area-device-title-row h3{color:#0f172a!important;letter-spacing:-.04em!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin:0!important;font-size:18px!important;font-weight:950!important;line-height:1.08!important;overflow:hidden!important}html body .area-rename-button{color:#0b8f4d!important;background:#e8f8ef!important;border:0!important;border-radius:12px!important;flex:none!important;place-items:center!important;width:30px!important;height:30px!important;font-size:14px!important;font-weight:950!important;line-height:1!important;display:grid!important;box-shadow:0 8px 16px #10a65a14,inset 0 1px #ffffffe6!important}html body .area-device-card-head{align-items:flex-start!important}html body .area-device-card-head span{color:#0b8f4d!important;font-size:10px!important;font-weight:900!important;line-height:1!important}html body .area-device-card-head p{color:#64748b!important;margin-top:6px!important;font-size:11px!important;font-weight:650!important;line-height:1.3!important}html body .area-device-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:14px 0!important;display:grid!important}html body .area-device-summary-strip>div{background:#f8fafc!important;border:1px solid #0f172a0b!important;border-radius:18px!important;align-content:center!important;justify-items:center!important;gap:5px!important;min-height:78px!important;padding:8px 5px!important;display:grid!important}html body .area-device-summary-strip>div>span{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:13px!important;place-items:center!important;width:30px!important;height:30px!important;display:grid!important}html body .area-device-summary-strip>div>span.danger{color:#ef4444!important;background:#fff1f2!important}html body .area-device-summary-strip svg{width:15px!important;height:15px!important}html body .area-device-summary-strip strong{color:#0f172a!important;letter-spacing:-.04em!important;font-size:17px!important;font-weight:950!important;line-height:1!important}html body .area-device-summary-strip small{color:#64748b!important;text-align:center!important;font-size:8.5px!important;font-weight:800!important;line-height:1.1!important}html body .area-device-row-upgraded{min-height:68px!important;box-shadow:none!important;background:#f8fafc!important;border:1px solid #0f172a0b!important;border-radius:18px!important}html body .area-device-row-upgraded .area-device-thumb{background:#e8f8ef!important;border-radius:16px!important;width:48px!important;height:48px!important}html body .area-device-row-upgraded .area-device-thumb img{object-fit:contain!important;object-position:center!important;width:44px!important;height:44px!important}html body .area-device-row-upgraded h4{color:#0f172a!important;margin:0 0 5px!important;font-size:13px!important;font-weight:900!important;line-height:1.1!important}html body .area-device-row-upgraded p{color:#64748b!important;margin:0!important;font-size:10.5px!important;font-weight:700!important;line-height:1.2!important}html body .area-empty-device{color:#64748b!important;background:#f8fafc!important;border-radius:18px!important;place-items:center!important;gap:8px!important;min-height:92px!important;display:grid!important}html body .area-empty-device svg{color:#0b8f4d!important;width:28px!important;height:28px!important}html body .area-empty-device p{margin:0!important;font-size:11px!important;font-weight:700!important}@media (width<=390px){html body .area-device-summary-strip{gap:7px!important}html body .area-device-summary-strip>div{border-radius:16px!important;min-height:72px!important}html body .area-device-summary-strip>div>span{border-radius:12px!important;width:28px!important;height:28px!important}html body .area-device-summary-strip strong{font-size:15px!important}html body .area-device-summary-strip small{font-size:8px!important}html body .area-device-title-row h3{font-size:17px!important}html body .area-rename-button{border-radius:11px!important;width:28px!important;height:28px!important}}html body .mobile-page-beranda .hiroshi-home-premium-hero,html body .mobile-page-beranda .hiroshi-home-premium-quick-grid,html body .mobile-page-beranda .hiroshi-home-premium-system-card,html body .mobile-page-beranda .hiroshi-home-premium-device-section,html body .mobile-page-beranda .hiroshi-home-premium-current-section,html body .mobile-page-beranda .hiroshi-home-premium-bottom-grid,html body .mobile-page-beranda .home-e-hero,html body .mobile-page-beranda .home-e-summary-grid,html body .mobile-page-beranda .home-e-system-card,html body .mobile-page-beranda .home-e-device-section,html body .mobile-page-beranda .home-e-environment-card,html body .mobile-page-beranda .home-e-activity-card,html body .mobile-page-beranda .home-e-final-hero,html body .mobile-page-beranda .home-e-final-stats,html body .mobile-page-beranda .home-e-final-section,html body .mobile-page-beranda .home-e-final-panel-card{display:none!important}html body .home-simple-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:8px 0 12px!important;display:grid!important}html body .home-simple-summary-grid button{background:#fffffff5!important;border:1px solid #0f172a0e!important;border-radius:20px!important;align-content:center!important;justify-items:center!important;gap:6px!important;min-height:92px!important;padding:10px 5px!important;display:grid!important;box-shadow:0 12px 24px #0f172a0e,inset 0 1px #fffffff2!important}html body .home-simple-summary-grid button>span{border-radius:14px!important;place-items:center!important;width:34px!important;height:34px!important;display:grid!important}html body .home-simple-summary-grid button>span.green{color:#0b8f4d!important;background:#e8f8ef!important}html body .home-simple-summary-grid button>span.orange{color:#f59e0b!important;background:#fff7ed!important}html body .home-simple-summary-grid svg{width:16px!important;height:16px!important}html body .home-simple-summary-grid strong{color:#0f172a!important;letter-spacing:-.04em!important;font-size:18px!important;font-weight:950!important;line-height:1!important}html body .home-simple-summary-grid p{color:#475569!important;text-align:center!important;margin:0!important;font-size:8.5px!important;font-weight:850!important;line-height:1.15!important}html body .home-simple-panel{background:#fffffff5!important;border:1px solid #0f172a0e!important;border-radius:24px!important;margin-bottom:12px!important;padding:14px!important;box-shadow:0 14px 28px #0f172a0e,inset 0 1px #fffffff2!important}html body .home-simple-section-head{justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important;display:flex!important}html body .home-simple-section-head h2{color:#0f172a!important;letter-spacing:-.035em!important;margin:0!important;font-size:16px!important;font-weight:950!important;line-height:1.1!important}html body .home-simple-section-head button{color:#0b8f4d!important;background:0 0!important;border:0!important;align-items:center!important;gap:5px!important;font-size:10px!important;font-weight:950!important;line-height:1!important;display:inline-flex!important}html body .home-simple-device-list{background:#f8fafc!important;border-radius:18px!important;gap:0!important;display:grid!important;overflow:hidden!important}html body .home-simple-device-row{text-align:left!important;background:#fff!important;border:0!important;border-bottom:1px solid #0f172a0e!important;grid-template-columns:46px 1fr auto!important;align-items:center!important;gap:10px!important;min-height:62px!important;padding:8px 10px!important;display:grid!important}html body .home-simple-device-row:last-child{border-bottom:0!important}html body .home-simple-device-thumb{background:#e8f8ef!important;border-radius:14px!important;place-items:center!important;width:42px!important;height:42px!important;display:grid!important;overflow:hidden!important}html body .home-simple-device-thumb img{object-fit:contain!important;object-position:center!important;width:38px!important;height:38px!important}html body .home-simple-device-thumb svg{color:#0b8f4d!important;width:21px!important;height:21px!important}html body .home-simple-device-row h3{color:#0f172a!important;margin:0 0 4px!important;font-size:12px!important;font-weight:900!important;line-height:1.15!important}html body .home-simple-device-row p{color:#64748b!important;margin:0!important;font-size:10px!important;font-weight:700!important;line-height:1.1!important}html body .home-simple-device-row small{color:#0b8f4d!important;align-items:center!important;gap:5px!important;font-size:10px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}html body .home-simple-device-row small i{background:#0b8f4d!important;border-radius:999px!important;width:7px!important;height:7px!important}html body .home-simple-environment-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;display:grid!important}html body .home-simple-environment-grid button{background:#f8fafc!important;border:0!important;border-radius:18px!important;align-content:center!important;justify-items:center!important;gap:5px!important;min-height:88px!important;padding:8px 4px!important;display:grid!important}html body .home-simple-environment-grid button>span{border-radius:15px!important;place-items:center!important;width:34px!important;height:34px!important;display:grid!important}html body .home-simple-environment-grid span.green{color:#0b8f4d!important;background:#e8f8ef!important}html body .home-simple-environment-grid span.blue{color:#0ea5e9!important;background:#eaf5ff!important}html body .home-simple-environment-grid span.purple{color:#8b5cf6!important;background:#f3e8ff!important}html body .home-simple-environment-grid span.orange{color:#f59e0b!important;background:#fffbeb!important}html body .home-simple-environment-grid svg{width:16px!important;height:16px!important}html body .home-simple-environment-grid strong{color:#0f172a!important;font-size:12px!important;font-weight:950!important;line-height:1!important}html body .home-simple-environment-grid p{color:#0f172a!important;margin:0!important;font-size:8.5px!important;font-weight:850!important;line-height:1!important}html body .home-simple-environment-grid small{color:#0b8f4d!important;font-size:8px!important;font-weight:850!important;line-height:1!important}html body .home-simple-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;display:grid!important}html body .home-simple-area-grid button{text-align:left!important;background:#fff!important;border:1px solid #0f172a0e!important;border-radius:18px!important;grid-template-columns:38px 1fr!important;align-items:center!important;gap:9px!important;min-height:76px!important;padding:10px!important;display:grid!important}html body .home-simple-area-grid button>span{color:#0b8f4d!important;background:#e8f8ef!important;border-radius:14px!important;place-items:center!important;width:36px!important;height:36px!important;display:grid!important}html body .home-simple-area-grid svg{width:17px!important;height:17px!important}html body .home-simple-area-grid h3{color:#0f172a!important;margin:0 0 4px!important;font-size:11.5px!important;font-weight:900!important;line-height:1.1!important}html body .home-simple-area-grid p{color:#64748b!important;margin:0!important;font-size:9px!important;font-weight:700!important;line-height:1.1!important}html body .home-simple-area-grid small{color:#0b8f4d!important;grid-column:1/-1!important;justify-self:end!important;font-size:9px!important;font-weight:900!important;line-height:1!important}html body .home-simple-activity-panel{margin-bottom:18px!important}html body .home-simple-activity-list{gap:7px!important;display:grid!important}html body .home-simple-activity-list button{text-align:left!important;background:#f8fafc!important;border:0!important;border-radius:16px!important;grid-template-columns:34px 1fr auto!important;align-items:center!important;gap:9px!important;min-height:52px!important;padding:8px!important;display:grid!important}html body .home-simple-activity-list button>span{border-radius:14px!important;place-items:center!important;width:32px!important;height:32px!important;display:grid!important}html body .home-simple-activity-list button>span.success{color:#0b8f4d!important;background:#e8f8ef!important}html body .home-simple-activity-list button>span.warning{color:#f59e0b!important;background:#fff7ed!important}html body .home-simple-activity-list button>span.info{color:#0ea5e9!important;background:#eaf5ff!important}html body .home-simple-activity-list svg{width:15px!important;height:15px!important}html body .home-simple-activity-list h3{color:#0f172a!important;margin:0 0 3px!important;font-size:10.5px!important;font-weight:900!important;line-height:1.15!important}html body .home-simple-activity-list p{color:#64748b!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;margin:0!important;font-size:8.5px!important;font-weight:650!important;line-height:1.15!important;display:-webkit-box!important;overflow:hidden!important}html body .home-simple-activity-list small{color:#64748b!important;white-space:nowrap!important;font-size:9px!important;font-weight:800!important;line-height:1!important}@media (width<=390px){html body .mobile-page-beranda{padding-left:12px!important;padding-right:12px!important}html body .home-simple-summary-grid{gap:7px!important}html body .home-simple-summary-grid button{border-radius:18px!important;min-height:84px!important}html body .home-simple-summary-grid button>span{width:31px!important;height:31px!important}html body .home-simple-summary-grid strong{font-size:16px!important}html body .home-simple-summary-grid p{font-size:7.8px!important}html body .home-simple-panel{border-radius:22px!important;padding:12px!important}html body .home-simple-environment-grid{gap:7px!important}html body .home-simple-environment-grid button{border-radius:16px!important;min-height:82px!important}html body .home-simple-area-grid{gap:8px!important}html body .home-simple-area-grid button{min-height:72px!important}}html body .mobile-page-beranda .home-simple-hero-preserved{background:radial-gradient(circle at 78% 14%,#10a65a29,#0000 34%),radial-gradient(circle at 84% 88%,#10b9811f,#0000 38%),linear-gradient(135deg,#f2fbf6 0%,#e6f8ef 48%,#dff4e8 100%)!important;border:1px solid #10a65a1a!important;border-radius:26px!important;grid-template-columns:1fr .95fr!important;align-items:center!important;gap:8px!important;min-height:188px!important;margin:10px 0 12px!important;padding:20px 16px 16px!important;display:grid!important;overflow:hidden!important;box-shadow:0 16px 34px #0f172a13,inset 0 1px #fffffff5!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-hero-text{flex-direction:column!important;justify-content:center!important;padding-top:10px!important;display:flex!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-hero-text>span{color:#0b8f4d!important;margin-bottom:8px!important;font-size:13px!important;font-weight:850!important;line-height:1.2!important;display:block!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-hero-text h2{color:#064532!important;letter-spacing:-.055em!important;margin:0 0 9px!important;font-size:30px!important;font-weight:950!important;line-height:1!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-hero-text p{color:#475569!important;max-width:190px!important;margin:0!important;font-size:13.5px!important;font-weight:700!important;line-height:1.4!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-hero-badge{color:#0b8f4d!important;background:#ffffffb8!important;border:1px solid #10a65a1f!important;border-radius:999px!important;align-items:center!important;gap:8px!important;width:fit-content!important;min-height:40px!important;margin-top:16px!important;padding:0 14px!important;display:inline-flex!important;box-shadow:0 10px 22px #0f172a0d,inset 0 1px #ffffffeb!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-hero-badge svg{width:17px!important;height:17px!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-hero-badge strong{color:#0b8f4d!important;font-size:13px!important;font-weight:900!important;line-height:1!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-hero-visual{justify-content:center!important;align-items:flex-end!important;min-height:150px!important;display:flex!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-hero-image{object-fit:contain!important;width:100%!important;max-width:205px!important;height:auto!important;display:block!important;transform:translateY(10px)!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-house,html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-hero-float-icon{display:none!important}html body .mobile-page-beranda .home-simple-summary-grid{margin-top:0!important}@media (width<=390px){html body .mobile-page-beranda .home-simple-hero-preserved{border-radius:24px!important;grid-template-columns:.96fr 1.04fr!important;min-height:176px!important;padding:18px 14px 14px!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-hero-text h2{font-size:26px!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-hero-text p{max-width:160px!important;font-size:12px!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-hero-badge{min-height:36px!important;margin-top:13px!important;padding:0 11px!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-hero-badge strong{font-size:11.5px!important}html body .mobile-page-beranda .home-simple-hero-preserved .hiroshi-home-premium-hero-image{max-width:180px!important;transform:translateY(9px)!important}}html body .area-polygon-section{box-sizing:border-box!important;gap:12px!important;width:100%!important;min-width:0!important;display:grid!important}html body .area-polygon-map-wrap{box-sizing:border-box!important;isolation:isolate!important;background:#dfe7ef!important;border-radius:22px!important;width:100%!important;min-width:0!important;height:clamp(300px,52vw,430px)!important;min-height:300px!important;max-height:430px!important;margin:0!important;padding:0!important;position:relative!important;overflow:hidden!important}html body .area-polygon-map{border-radius:inherit!important;box-sizing:border-box!important;background:#dfe7ef!important;width:100%!important;min-width:100%!important;height:100%!important;min-height:100%!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;inset:0!important;overflow:hidden!important}html body .area-polygon-map.leaflet-container{background:#dfe7ef!important;width:100%!important;min-width:100%!important;height:100%!important;min-height:100%!important;font-family:inherit!important}html body .area-polygon-map .leaflet-tile-container{width:auto!important;height:auto!important}html body .area-polygon-map img.leaflet-tile{object-fit:initial!important;opacity:1!important;visibility:visible!important;width:256px!important;min-width:256px!important;max-width:none!important;height:256px!important;min-height:256px!important;max-height:none!important;margin:0!important;padding:0!important}html body .area-polygon-map .leaflet-map-pane,html body .area-polygon-map .leaflet-tile-pane,html body .area-polygon-map .leaflet-overlay-pane,html body .area-polygon-map .leaflet-marker-pane,html body .area-polygon-map .leaflet-shadow-pane{visibility:visible!important}html body .area-polygon-map-actions{z-index:900!important;pointer-events:auto!important;flex-direction:column!important;gap:7px!important;width:auto!important;display:flex!important;position:absolute!important;top:12px!important;right:12px!important}html body .area-polygon-map-actions button{color:#475569!important;-webkit-backdrop-filter:blur(10px)!important;background:#fffffff0!important;border:0!important;border-radius:13px!important;min-width:72px!important;min-height:36px!important;padding:0 10px!important;font-size:10.5px!important;font-weight:850!important;box-shadow:0 8px 20px #0f172a1f!important}html body .area-polygon-map .leaflet-control-container{visibility:visible!important}html body .area-polygon-map .leaflet-control-zoom{border:0!important;margin-bottom:12px!important;margin-left:12px!important;box-shadow:0 8px 20px #0f172a24!important}html body .area-polygon-map .leaflet-control-zoom a{background:#fffffff5!important;border:0!important;width:34px!important;height:34px!important;line-height:34px!important}html body .hiroshi-device-map-icon{background:0 0!important;border:0!important}html body .hiroshi-device-map-dot{color:#fff!important;background:#0b8f4d!important;border:3px solid #fff!important;border-radius:999px!important;place-items:center!important;width:28px!important;height:28px!important;font-size:10px!important;font-weight:950!important;display:grid!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 6px 16px #0b8f4d52!important}html body .hiroshi-device-map-pulse{background:#22c55e38!important;border-radius:999px!important;position:absolute!important;inset:0!important}html body .hiroshi-polygon-vertex-icon span{background:#16a34a!important;border:3px solid #fff!important;border-radius:999px!important;width:18px!important;height:18px!important;display:block!important;box-shadow:0 5px 14px #0f172a47!important}@media (width<=768px){html body .area-polygon-map-wrap{border-radius:20px!important;height:clamp(300px,55vw,390px)!important;min-height:300px!important}}@media (width<=520px){html body .area-polygon-map-wrap{border-radius:20px!important;width:100%!important;height:340px!important;min-height:340px!important;max-height:none!important}html body .area-polygon-map{width:100%!important;height:100%!important}html body .area-polygon-map-actions{gap:6px!important;top:10px!important;right:10px!important}html body .area-polygon-map-actions button{border-radius:12px!important;min-width:68px!important;min-height:34px!important;padding:0 9px!important;font-size:10px!important}}@media (width<=390px){html body .area-polygon-map-wrap{border-radius:18px!important;height:320px!important;min-height:320px!important}}@media (width<=350px){html body .area-polygon-map-wrap{height:300px!important;min-height:300px!important}}@media (height<=520px) and (orientation:landscape){html body .area-polygon-map-wrap{height:280px!important;min-height:280px!important}}html body .area-polygon-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;margin-top:10px!important;display:grid!important}html body .area-polygon-dimensions>div{background:#f4fbf7!important;border:1px solid #10a65a1f!important;border-radius:17px!important;grid-template-columns:38px 1fr!important;align-items:center!important;gap:10px!important;min-height:62px!important;padding:10px 12px!important;display:grid!important}html body .area-polygon-dimensions>div>span{color:#0b8f4d!important;background:#e4f7eb!important;border-radius:13px!important;place-items:center!important;width:36px!important;height:36px!important;font-size:18px!important;font-weight:950!important;display:grid!important}html body .area-polygon-dimensions section{gap:4px!important;min-width:0!important;display:grid!important}html body .area-polygon-dimensions small{color:#64748b!important;font-size:10px!important;font-weight:800!important;line-height:1!important}html body .area-polygon-dimensions strong{color:#064532!important;font-size:16px!important;font-weight:950!important;line-height:1!important}@media (width<=390px){html body .area-polygon-dimensions{gap:8px!important}html body .area-polygon-dimensions>div{border-radius:16px!important;grid-template-columns:34px 1fr!important;gap:8px!important;min-height:58px!important;padding:9px 10px!important}html body .area-polygon-dimensions>div>span{border-radius:12px!important;width:32px!important;height:32px!important}html body .area-polygon-dimensions strong{font-size:14.5px!important}}html body .polygon-pro{box-sizing:border-box!important;background:#fffffffa!important;border:1px solid #0f172a12!important;border-radius:24px!important;gap:12px!important;width:100%!important;min-width:0!important;padding:14px!important;display:grid!important;box-shadow:0 12px 30px #0f172a0b,inset 0 1px #fffffff5!important}html body .polygon-pro-header{justify-content:space-between!important;align-items:center!important;gap:10px!important;display:flex!important}html body .polygon-pro-header h3{color:#172033!important;letter-spacing:-.025em!important;margin:0!important;font-size:17px!important;font-weight:950!important;line-height:1!important}html body .polygon-pro-badges{flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;display:flex!important}html body .polygon-pro-point-badge,html body .polygon-pro-ready-badge{white-space:nowrap!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-height:30px!important;padding:0 11px!important;font-size:10.5px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}html body .polygon-pro-point-badge{color:#087b43!important;background:#e7f8ed!important}html body .polygon-pro-ready-badge{color:#138653!important;background:#eaf8ef!important}html body .polygon-pro-ready-badge b{color:#fff!important;background:#22a863!important;border-radius:999px!important;place-items:center!important;width:16px!important;height:16px!important;font-size:9px!important;display:grid!important}html body .polygon-pro-search{grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;width:100%!important;display:grid!important}html body .polygon-pro-search>div{box-sizing:border-box!important;background:#fbfcfd!important;border:1px solid #0f172a1a!important;border-radius:17px!important;grid-template-columns:26px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;min-width:0!important;height:48px!important;padding:0 13px!important;display:grid!important}html body .polygon-pro-search>div>span{color:#7f8a9a!important;font-size:21px!important;line-height:1!important}html body .polygon-pro-search input{color:#1e293b!important;background:0 0!important;border:0!important;outline:0!important;width:100%!important;min-width:0!important;height:100%!important;font-size:11.5px!important;font-weight:750!important}html body .polygon-pro-search input::placeholder{color:#8792a2!important}html body .polygon-pro-search>button{color:#fff!important;background:linear-gradient(135deg,#10a65a,#087d44)!important;border:0!important;border-radius:17px!important;min-width:76px!important;height:48px!important;padding:0 16px!important;font-size:12px!important;font-weight:950!important;box-shadow:0 9px 18px #10a65a2e!important}html body .polygon-pro-search>button:disabled{opacity:.58!important}html body .polygon-pro-search-error{color:#b91c1c!important;margin:-3px 4px 0!important;font-size:10.5px!important;font-weight:750!important}html body .polygon-pro-search-results{background:#fff!important;border:1px solid #0f172a14!important;border-radius:16px!important;gap:5px!important;padding:6px!important;display:grid!important;box-shadow:0 12px 25px #0f172a14!important}html body .polygon-pro-search-results button{color:#334155!important;text-align:left!important;background:#f8fafc!important;border:0!important;border-radius:12px!important;grid-template-columns:28px 1fr!important;align-items:center!important;gap:7px!important;width:100%!important;padding:8px 9px!important;display:grid!important}html body .polygon-pro-search-results p{margin:0!important;font-size:10px!important;line-height:1.25!important}html body .polygon-pro-map-wrap{isolation:isolate!important;box-sizing:border-box!important;background:#dbe4eb!important;border-radius:18px!important;width:100%!important;height:clamp(340px,68vw,450px)!important;min-height:340px!important;position:relative!important;overflow:hidden!important}html body .polygon-pro-map{border-radius:inherit!important;background:#dbe4eb!important;width:100%!important;min-width:100%!important;height:100%!important;min-height:100%!important;position:absolute!important;inset:0!important;overflow:hidden!important}html body .polygon-pro-map.leaflet-container{background:#dbe4eb!important;width:100%!important;height:100%!important;font-family:inherit!important}html body .polygon-pro-map img.leaflet-tile{object-fit:initial!important;opacity:1!important;visibility:visible!important;width:256px!important;min-width:256px!important;max-width:none!important;height:256px!important;min-height:256px!important;max-height:none!important}html body .polygon-pro-map-actions{z-index:700!important;gap:7px!important;display:grid!important;position:absolute!important;top:12px!important;right:12px!important}html body .polygon-pro-map-actions button{color:#4b5565!important;-webkit-backdrop-filter:blur(8px)!important;background:#fffffff5!important;border:0!important;border-radius:13px!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-width:74px!important;height:40px!important;padding:0 11px!important;font-size:10.5px!important;font-weight:850!important;display:inline-flex!important;box-shadow:0 7px 18px #0f172a26!important}html body .polygon-pro-map-actions button span{font-size:16px!important}html body .polygon-pro-map-actions button:disabled{opacity:.5!important}html body .polygon-pro-focus{z-index:700!important;color:#09a255!important;background:#fffffff7!important;border:0!important;border-radius:999px!important;place-items:center!important;width:48px!important;height:48px!important;padding:0!important;font-size:29px!important;line-height:1!important;display:grid!important;position:absolute!important;top:134px!important;right:13px!important;box-shadow:0 7px 18px #0f172a29!important}html body .polygon-pro-loading{z-index:800!important;color:#334155!important;pointer-events:none!important;background:#fffffff0!important;border-radius:999px!important;align-items:center!important;gap:7px!important;width:max-content!important;padding:9px 12px!important;font-size:10px!important;font-weight:800!important;display:inline-flex!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 8px 22px #0f172a29!important}html body .polygon-pro-loading span{border:2px solid #10a65a38!important;border-top-color:#10a65a!important;border-radius:999px!important;width:12px!important;height:12px!important}html body .polygon-pro-error{z-index:800!important;color:#b91c1c!important;background:#fffffff2!important;border-radius:12px!important;padding:9px 12px!important;font-size:10px!important;font-weight:850!important;position:absolute!important;bottom:16px!important;left:50%!important;transform:translate(-50%)!important}html body .hiroshi-polygon-vertex-icon{background:0 0!important;border:0!important}html body .hiroshi-polygon-vertex-icon span{color:#069750!important;background:#fff!important;border:3px solid #fff!important;border-radius:999px!important;place-items:center!important;width:30px!important;height:30px!important;font-size:10px!important;font-weight:950!important;line-height:1!important;display:grid!important;box-shadow:0 5px 15px #0f172a47,inset 0 0 0 2px #18b968!important}html body .polygon-pro-map .leaflet-control-attribution{color:#fff!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#0f172a9e!important;border-radius:8px!important;margin:0 0 8px 8px!important;padding:4px 7px!important;font-size:8px!important}html body .polygon-pro-map .leaflet-control-attribution a{color:#fff!important}html body .polygon-pro-metrics{box-sizing:border-box!important;background:#fff!important;border:1px solid #0f172a14!important;border-radius:18px!important;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr)!important;align-items:center!important;gap:0!important;width:100%!important;min-height:76px!important;padding:9px 10px!important;display:grid!important}html body .polygon-pro-metrics>div{grid-template-columns:36px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-width:0!important;padding:2px 7px!important;display:grid!important}html body .polygon-pro-metrics>i{background:#0f172a14!important;width:1px!important;height:44px!important}html body .polygon-pro-metric-icon{color:#0ca35a!important;background:#eaf9f0!important;border-radius:12px!important;place-items:center!important;width:34px!important;height:34px!important;font-size:17px!important;font-weight:950!important;display:grid!important}html body .polygon-pro-metrics section{gap:4px!important;min-width:0!important;display:grid!important}html body .polygon-pro-metrics small{color:#667085!important;font-size:9.5px!important;font-weight:800!important;line-height:1!important}html body .polygon-pro-metrics strong{color:#172033!important;letter-spacing:-.025em!important;white-space:nowrap!important;font-size:16px!important;font-weight:950!important;line-height:1!important}html body .polygon-pro-helper{align-items:center!important;gap:8px!important;padding:3px 4px 1px!important;display:flex!important}html body .polygon-pro-helper>span{color:#0ca35a!important;background:#e9f9ef!important;border-radius:999px!important;flex:0 0 24px!important;place-items:center!important;width:24px!important;height:24px!important;font-size:11px!important;font-weight:950!important;display:grid!important;box-shadow:inset 0 0 0 1px #0ca35a1f!important}html body .polygon-pro-helper p{color:#687386!important;margin:0!important;font-size:10.2px!important;font-weight:750!important;line-height:1.35!important}html body .area-popup-save{color:#fff!important;background:linear-gradient(135deg,#0faf60,#078b49)!important;border:0!important;border-radius:18px!important;width:100%!important;min-height:54px!important;font-size:14px!important;font-weight:950!important;box-shadow:0 13px 25px #10a65a38!important}@media (width<=520px){html body .polygon-pro{border-radius:22px!important;gap:10px!important;padding:12px!important}html body .polygon-pro-map-wrap{border-radius:17px!important;height:370px!important;min-height:370px!important}html body .polygon-pro-header h3{font-size:16px!important}html body .polygon-pro-point-badge,html body .polygon-pro-ready-badge{min-height:27px!important;padding:0 9px!important;font-size:9.5px!important}html body .polygon-pro-search>div,html body .polygon-pro-search>button{height:45px!important}html body .polygon-pro-search>button{min-width:66px!important;padding:0 12px!important}html body .polygon-pro-metrics{min-height:70px!important;padding:7px 5px!important}html body .polygon-pro-metrics>div{grid-template-columns:30px minmax(0,1fr)!important;gap:5px!important;padding:2px 5px!important}html body .polygon-pro-metric-icon{border-radius:10px!important;width:29px!important;height:29px!important;font-size:14px!important}html body .polygon-pro-metrics strong{font-size:13.5px!important}html body .polygon-pro-metrics small{font-size:8.7px!important}}@media (width<=390px){html body .polygon-pro{padding:11px!important}html body .polygon-pro-map-wrap{height:350px!important;min-height:350px!important}html body .polygon-pro-header{align-items:flex-start!important}html body .polygon-pro-badges{gap:5px!important}html body .polygon-pro-ready-badge{padding:0 7px!important}html body .polygon-pro-map-actions{top:9px!important;right:9px!important}html body .polygon-pro-map-actions button{min-width:68px!important;height:36px!important;font-size:9.5px!important}html body .polygon-pro-focus{width:44px!important;height:44px!important;font-size:26px!important;top:118px!important;right:10px!important}}html body .add-device-component-box{background:#fff!important;border:1px solid #0f172a12!important;border-radius:20px!important;margin-bottom:14px!important;padding:13px!important;box-shadow:0 8px 20px #0f172a09!important}html body .add-device-component-label{color:#0b8f4d!important;letter-spacing:.07em!important;margin-bottom:5px!important;font-size:9.5px!important;font-weight:950!important;line-height:1!important;display:inline-block!important}html body .manual-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;display:grid!important}html body .manual-component-option{color:#0f172a!important;text-align:left!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #0f172a16!important;border-radius:17px!important;grid-template-columns:38px minmax(0,1fr) 26px!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;min-height:62px!important;padding:9px!important;display:grid!important}html body .manual-component-option.selected{background:#f2fbf6!important;border-color:#10a65a!important;box-shadow:inset 0 0 0 1px #10a65a14!important}html body .manual-component-icon{color:#0b8f4d!important;background:#ecf8f1!important;border-radius:13px!important;place-items:center!important;width:36px!important;height:36px!important;font-size:15px!important;font-weight:950!important;display:grid!important}html body .manual-component-text{gap:4px!important;min-width:0!important;display:grid!important}html body .manual-component-text strong{color:#172033!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:11px!important;font-weight:900!important;line-height:1.15!important;overflow:hidden!important}html body .manual-component-text small{color:#7a8493!important;font-size:9px!important;font-weight:700!important;line-height:1!important}html body .manual-component-option>b{color:#667085!important;background:#eef2f4!important;border-radius:999px!important;place-items:center!important;width:25px!important;height:25px!important;font-size:13px!important;font-weight:950!important;line-height:1!important;display:grid!important}html body .manual-component-option.selected>b{color:#fff!important;background:#0b8f4d!important}html body .manual-component-custom{background:#f4fbf7!important;border:1px dashed #10a65a4d!important;border-radius:17px!important;gap:9px!important;margin-top:2px!important;padding:11px!important;display:grid!important}html body .manual-component-custom-title{grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;display:grid!important}html body .manual-component-custom-title>span{color:#0b8f4d!important;background:#e3f7eb!important;border-radius:10px!important;place-items:center!important;width:28px!important;height:28px!important;font-size:18px!important;font-weight:900!important;display:grid!important}html body .manual-component-custom-title>div{gap:3px!important;min-width:0!important;display:grid!important}html body .manual-component-custom-title strong{color:#0b6f42!important;font-size:10.5px!important;font-weight:900!important;line-height:1.1!important}html body .manual-component-custom-title small{color:#708090!important;font-size:8.8px!important;font-weight:700!important;line-height:1.2!important}html body .manual-component-custom-fields{grid-template-columns:minmax(0,1fr) 90px auto!important;gap:7px!important;display:grid!important}html body .manual-component-custom-fields input,html body .manual-component-custom-fields select{color:#0f172a!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #0f172a1a!important;border-radius:12px!important;outline:0!important;width:100%!important;min-width:0!important;height:40px!important;padding:0 9px!important;font-size:10.5px!important;font-weight:750!important}html body .manual-component-custom-fields button{color:#fff!important;background:#0b8f4d!important;border:0!important;border-radius:12px!important;height:40px!important;padding:0 11px!important;font-size:10px!important;font-weight:900!important}html body .manual-component-custom-fields button:disabled{opacity:.45!important}@media (width<=520px){html body .manual-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body .manual-component-option{grid-template-columns:34px minmax(0,1fr) 24px!important;gap:6px!important;min-height:58px!important;padding:8px!important}html body .manual-component-icon{border-radius:12px!important;width:33px!important;height:33px!important}html body .manual-component-text strong{font-size:10.5px!important}}@media (width<=390px){html body .add-device-component-box{padding:11px!important}html body .manual-component-custom-fields{grid-template-columns:minmax(0,1fr) 82px!important}html body .manual-component-custom-fields button{grid-column:1/-1!important}}html body .mobile-page-beranda{padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;background:linear-gradient(#fff 0%,#fbfdfc 42%,#f7faf8 100%)!important}html body .hiroshi-modern-add-button{color:#172033!important;background:#fff!important;border:1px solid #0f172a12!important;border-radius:17px!important;place-items:center!important;width:46px!important;height:46px!important;padding:0!important;display:grid!important;box-shadow:0 8px 22px #0f172a12!important}html body .hiroshi-modern-add-button svg{width:20px!important;height:20px!important}html body .home-modern-greeting h2 strong{color:#159447!important;font-weight:850!important}html body .home-modern-hero{background:radial-gradient(circle at 82% 40%,#60dc8430,#0000 34%),linear-gradient(135deg,#fff 0%,#f8fdf9 47%,#eefaf2 100%)!important;border:1px solid #15944717!important;border-radius:28px!important;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important;align-items:center!important;gap:4px!important;width:100%!important;min-height:220px!important;margin-bottom:12px!important;padding:19px!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 15px 38px #0f172a0e!important}html body .home-modern-hero-label{color:#148143!important;letter-spacing:.075em!important;background:#edfaf1cc!important;border:1px solid #15944729!important;border-radius:999px!important;align-items:center!important;min-height:27px!important;margin-bottom:13px!important;padding:0 11px!important;font-size:9px!important;font-weight:850!important;display:inline-flex!important}html body .home-modern-shield{z-index:6!important;color:#fff!important;background:linear-gradient(145deg,#65dc83,#159447)!important;border:3px solid #ffffffeb!important;border-radius:15px!important;place-items:center!important;width:44px!important;height:44px!important;display:grid!important;position:absolute!important;top:8px!important;right:22px!important;box-shadow:0 11px 24px #15944745!important}html body .home-modern-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important;display:grid!important}html body .home-modern-kpi-grid>button>span{color:#159447!important;background:#edf9f1!important;border-radius:13px!important;place-items:center!important;width:34px!important;height:34px!important;margin-bottom:3px!important;display:grid!important}html body .home-modern-kpi-grid p{color:#667085!important;min-height:24px!important;margin:0!important;font-size:8.5px!important;font-weight:600!important;line-height:1.2!important}html body .home-modern-kpi-grid strong{color:#101828!important;letter-spacing:-.03em!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:16px!important;font-weight:850!important;line-height:1!important;overflow:hidden!important}html body .home-modern-kpi-grid small{color:#159447!important;font-size:7.7px!important;font-weight:650!important}html body .home-modern-actions{background:#fff!important;border:1px solid #0f172a0e!important;border-radius:22px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;min-height:78px!important;margin-bottom:15px!important;padding:8px!important;display:grid!important;box-shadow:0 10px 24px #0f172a09!important}html body .home-modern-actions button{text-align:left!important;background:0 0!important;border:0!important;border-right:1px solid #0f172a0e!important;grid-template-columns:34px 1fr!important;align-items:center!important;gap:7px!important;min-width:0!important;min-height:60px!important;padding:5px 8px!important;display:grid!important}html body .home-modern-actions p{color:#344054!important;margin:0!important;font-size:8.8px!important;font-weight:700!important;line-height:1.18!important}html body .home-modern-actions span>i{color:#fff!important;background:#159447!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:7px!important;font-style:normal!important;font-weight:850!important;display:inline-flex!important;position:absolute!important;top:-5px!important;right:-5px!important}html body .home-modern-section-head{justify-content:space-between!important;align-items:center!important;gap:10px!important;margin:3px 3px 10px!important;display:flex!important}html body .home-modern-section-head h2{color:#101828!important;letter-spacing:-.025em!important;margin:0!important;font-size:16px!important;font-weight:850!important}html body .home-modern-section-head button span{font-size:18px!important;line-height:1!important}html body .home-modern-area-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-bottom:12px!important;display:grid!important}html body .home-modern-area-card{text-align:left!important;background:#fff!important;border:1px solid #0f172a0e!important;border-radius:21px!important;flex-direction:column!important;min-width:0!important;min-height:190px!important;padding:10px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 11px 25px #0f172a0a!important}html body .home-modern-area-status{z-index:5!important;color:#667085!important;align-items:center!important;gap:4px!important;display:inline-flex!important;position:absolute!important;top:9px!important;right:9px!important}html body .home-modern-area-status i{background:#25a856!important;border-radius:999px!important;width:7px!important;height:7px!important}html body .home-modern-area-status i.warning{background:#f59e0b!important}html body .home-modern-area-status i.offline{background:#98a2b3!important}html body .home-modern-area-status span{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:55px!important;font-size:7.7px!important;font-weight:650!important;overflow:hidden!important}html body .home-modern-area-image{place-items:center!important;height:82px!important;margin:7px 0!important;display:grid!important}html body .home-modern-area-image img{object-fit:contain!important;filter:drop-shadow(0 9px 10px #0f172a1c)!important;width:94px!important;height:75px!important}html body .home-modern-area-image svg{color:#159447!important;width:45px!important;height:45px!important}html body .home-modern-area-name{justify-content:space-between!important;align-items:center!important;gap:5px!important;min-width:0!important;display:flex!important}html body .home-modern-area-name h3{color:#101828!important;white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important;margin:0!important;font-size:11px!important;font-weight:820!important;line-height:1.15!important;overflow:hidden!important}html body .home-modern-area-name span{color:#101828!important;font-size:17px!important}html body .home-modern-area-divider{background:#0f172a0f!important;width:100%!important;height:1px!important;margin:8px 0!important}html body .home-modern-area-metrics>div{align-items:center!important;gap:3px!important;min-width:0!important;display:inline-flex!important;overflow:hidden!important}html body .home-modern-area-metrics svg{color:#344054!important;width:11px!important;min-width:11px!important;height:11px!important}html body .home-modern-area-metrics span{color:#475467!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:7.4px!important;font-weight:620!important;overflow:hidden!important}html body .home-modern-solar{text-align:left!important;background:#fff!important;border:1px solid #0f172a0e!important;border-radius:22px!important;grid-template-columns:92px minmax(0,.82fr) minmax(110px,1.25fr)!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:122px!important;margin-bottom:18px!important;padding:13px!important;display:grid!important;box-shadow:0 12px 26px #0f172a0a!important}html body .home-modern-solar-image{place-items:center!important;height:90px!important;display:grid!important}html body .home-modern-solar-image img{object-fit:contain!important;filter:drop-shadow(0 10px 10px #0f172a1f)!important;width:94px!important;height:80px!important}html body .home-modern-solar-info{gap:3px!important;min-width:0!important;display:grid!important}html body .home-modern-solar-info h3{color:#101828!important;margin:0!important;font-size:12px!important;font-weight:820!important}html body .home-modern-solar-info>strong{color:#101828!important;letter-spacing:-.035em!important;font-size:20px!important;font-weight:850!important;line-height:1.05!important}html body .home-modern-solar-chart{align-items:flex-end!important;gap:2px!important;height:82px!important;padding:8px 2px 19px!important;display:flex!important;position:relative!important}html body .home-modern-solar-chart>i{background:#3fba65!important;border-radius:999px 999px 2px 2px!important;flex:auto!important;min-width:2px!important;max-width:6px!important}html body .home-modern-solar-chart>i:nth-child(-n+5),html body .home-modern-solar-chart>i:nth-last-child(-n+5){opacity:.22!important}html body .home-modern-solar-time{color:#667085!important;justify-content:space-between!important;font-size:6.7px!important;font-weight:600!important;display:flex!important;position:absolute!important;bottom:1px!important;left:0!important;right:0!important}@media (width<=520px){html body .mobile-page-beranda{padding-left:12px!important;padding-right:12px!important}html body .home-modern-greeting{margin:6px 3px 13px!important}html body .home-modern-greeting h2{font-size:20px!important}html body .home-modern-hero{border-radius:25px!important;grid-template-columns:1.03fr .97fr!important;min-height:190px!important;padding:15px!important}html body .home-modern-hero-label{min-height:24px!important;margin-bottom:9px!important;font-size:7.7px!important}html body .home-modern-hero-copy h2{margin-bottom:11px!important;font-size:20px!important}html body .home-modern-score{margin-bottom:10px!important}html body .home-modern-score>strong{font-size:30px!important}html body .home-modern-score>span{font-size:9px!important}html body .home-modern-hero-visual{height:150px!important}html body .home-modern-hero-visual img{max-width:158px!important;height:130px!important}html body .home-modern-shield{width:37px!important;height:37px!important;top:9px!important;right:8px!important}html body .home-modern-kpi-grid{gap:6px!important}html body .home-modern-kpi-grid>button{border-radius:18px!important;min-height:104px!important;padding:9px 7px!important}html body .home-modern-kpi-grid>button>span{border-radius:11px!important;width:30px!important;height:30px!important}html body .home-modern-kpi-grid strong{font-size:13.5px!important}html body .home-modern-kpi-grid p{font-size:7.5px!important}html body .home-modern-actions{padding:6px!important}html body .home-modern-actions button{text-align:center!important;grid-template-columns:1fr!important;justify-items:center!important;gap:4px!important;padding:4px!important}html body .home-modern-actions button>span{width:31px!important;height:31px!important}html body .home-modern-actions p{font-size:7.5px!important}html body .home-modern-area-grid{gap:7px!important}html body .home-modern-area-card{border-radius:18px!important;min-height:176px!important;padding:8px!important}html body .home-modern-area-image{height:70px!important}html body .home-modern-area-image img{width:80px!important;height:64px!important}html body .home-modern-area-name h3{font-size:9.4px!important}html body .home-modern-area-status span{display:none!important}html body .home-modern-solar{grid-template-columns:72px minmax(0,.8fr) minmax(90px,1.2fr)!important;padding:10px!important}html body .home-modern-solar-image img{width:75px!important;height:64px!important}html body .home-modern-solar-info h3{font-size:10px!important}html body .home-modern-solar-info>strong{font-size:17px!important}}@media (width<=390px){html body .mobile-page-beranda{padding-left:10px!important;padding-right:10px!important}html body .home-modern-hero{min-height:182px!important;padding:13px!important}html body .home-modern-hero-copy h2{font-size:18px!important}html body .home-modern-score>strong{font-size:27px!important}html body .home-modern-hero-visual img{max-width:142px!important}html body .home-modern-area-name h3{font-size:8.8px!important}html body .home-modern-area-metrics span{font-size:6.6px!important}}html body .mobile-page-beranda .hiroshi-global-appbar{background:#fffffff7!important;border-bottom:1px solid #0f172a0b!important;border-radius:0 0 24px 24px!important;min-height:72px!important;padding:9px 12px!important;box-shadow:0 10px 28px #0f172a0e!important}html body .mobile-page-beranda .hiroshi-logo-mark.hiroshi-logo-image{border-radius:17px!important;flex:0 0 50px!important;width:50px!important;min-width:50px!important;height:50px!important;padding:6px!important}html body .home-modern-greeting{margin:6px 3px 15px!important}html body .home-modern-greeting h2{color:#101828!important;letter-spacing:-.04em!important;margin:0 0 5px!important;font-size:20px!important;font-weight:900!important;line-height:1.08!important}html body .home-modern-greeting h2 strong{color:#159447!important;font-size:inherit!important;font-weight:900!important}html body .home-modern-greeting p{color:#667085!important;margin:0!important;font-size:11px!important;font-weight:600!important;line-height:1.4!important}html body .home-modern-hero-label{color:#137d41!important;letter-spacing:.075em!important;background:#ebf9f0f0!important;border:1px solid #15944721!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-height:25px!important;margin:0 0 10px!important;padding:0 10px!important;font-size:7.8px!important;font-weight:850!important;display:inline-flex!important}html body .home-modern-hero-copy h2 strong{color:#159447!important;font-weight:900!important}html body .home-modern-score>span{color:#475467!important;font-size:8.5px!important;font-weight:650!important}html body .home-modern-shield{border:3px solid #ffffffe6!important;border-radius:13px!important;width:38px!important;height:38px!important;top:8px!important;right:6px!important;box-shadow:0 9px 20px #1594473d!important}html body .home-modern-kpi-grid>button>span{color:#159447!important;background:#edf9f1!important;border-radius:12px!important;flex:none!important;place-items:center!important;width:32px!important;height:32px!important;display:grid!important}html body .home-modern-kpi-grid p{color:#667085!important;width:100%!important;min-height:23px!important;margin:0!important;font-size:8px!important;font-weight:650!important;line-height:1.18!important}html body .home-modern-kpi-grid strong{color:#101828!important;letter-spacing:-.035em!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;font-size:14.5px!important;font-weight:900!important;line-height:1!important;overflow:hidden!important}html body .home-modern-kpi-grid small{color:#159447!important;margin-top:auto!important;font-size:7.2px!important;font-weight:650!important;line-height:1.1!important}html body .home-modern-actions{background:#fff!important;border:1px solid #0f172a0d!important;border-radius:22px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:0!important;width:100%!important;min-height:82px!important;margin:0 0 18px!important;padding:7px!important;display:grid!important;box-shadow:0 10px 24px #0f172a0a!important}html body .home-modern-actions button{text-align:center!important;background:0 0!important;border:0!important;border-right:1px solid #0f172a0e!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-width:0!important;min-height:66px!important;padding:4px!important;display:flex!important;position:relative!important}html body .home-modern-area-grid{scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;grid-template-columns:none!important;gap:10px!important;width:calc(100% + 28px)!important;margin:0 -14px 14px!important;padding:0 14px 4px!important;display:flex!important;overflow:auto hidden!important}html body .home-modern-area-status{top:10px!important;right:10px!important}html body .home-modern-area-status span{max-width:62px!important;font-size:7.8px!important;display:inline!important}html body .home-modern-area-image{width:100%!important;height:92px!important;margin:8px 0!important}html body .home-modern-area-name h3{white-space:normal!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;font-size:11px!important;font-weight:850!important;line-height:1.18!important;display:-webkit-box!important;overflow:hidden!important}html body .home-modern-area-metrics>div{text-align:center!important;justify-items:center!important;gap:3px!important;display:grid!important}html body .home-modern-area-metrics span{text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important;font-size:7.2px!important;line-height:1!important;overflow:hidden!important}html body .home-modern-solar{background:#fff!important;border:1px solid #0f172a0e!important;border-radius:22px!important;grid-template-columns:82px minmax(0,.85fr) minmax(118px,1.25fr)!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:122px!important;margin:0 0 14px!important;padding:12px!important;display:grid!important;box-shadow:0 10px 26px #0f172a0b!important}html body .home-modern-solar-image{width:82px!important;height:82px!important}html body .home-modern-solar-info>span{color:#667085!important;margin-top:2px!important;font-size:7.5px!important}html body .home-modern-solar-info>strong{color:#101828!important;letter-spacing:-.04em!important;margin-top:3px!important;font-size:18px!important;font-weight:900!important;line-height:1!important}html body .home-modern-solar-info>small{color:#159447!important;margin-top:3px!important;font-size:7.2px!important}html body .home-modern-solar-chart{gap:2px!important;height:75px!important;padding:8px 1px 17px!important}html body .home-modern-solar-chart>i{border-radius:999px 999px 2px 2px!important;min-width:2px!important;max-width:5px!important}html body .home-modern-solar-time{font-size:6.5px!important;bottom:0!important}html body nav.bottom-nav.bottom-nav-final{height:calc(78px + env(safe-area-inset-bottom,0px))!important;min-height:calc(78px + env(safe-area-inset-bottom,0px))!important;padding:7px 12px calc(7px + env(safe-area-inset-bottom,0px))!important;background:#fffffffb!important;border-radius:25px 25px 0 0!important;box-shadow:0 -8px 26px #0f172a11!important}html body nav.bottom-nav.bottom-nav-final button{row-gap:5px!important;width:66px!important;min-width:66px!important;height:56px!important;min-height:56px!important}html body nav.bottom-nav.bottom-nav-final button.active{width:68px!important;height:59px!important;min-height:59px!important;padding-bottom:9px!important;transform:translateY(-2px)!important}html body nav.bottom-nav.bottom-nav-final button svg{width:22px!important;height:22px!important}html body nav.bottom-nav.bottom-nav-final button span{font-size:10px!important}@media (width<=370px){html body .mobile-page.mobile-page-beranda{padding-left:11px!important;padding-right:11px!important}html body .home-modern-hero{border-radius:23px!important;grid-template-columns:1.05fr .95fr!important;min-height:184px!important;padding:13px!important}html body .home-modern-hero-copy h2{font-size:17px!important}html body .home-modern-score>strong{font-size:26px!important}html body .home-modern-hero-visual img{max-width:142px!important;height:120px!important}html body .home-modern-kpi-grid{gap:5px!important}html body .home-modern-kpi-grid>button{border-radius:17px!important;min-height:108px!important;padding:9px 6px!important}html body .home-modern-kpi-grid p{font-size:7.3px!important}html body .home-modern-kpi-grid strong{font-size:13px!important}html body .home-modern-area-grid{width:calc(100% + 22px)!important;margin-left:-11px!important;margin-right:-11px!important;padding-left:11px!important;padding-right:11px!important}html body .home-modern-area-card{flex-basis:146px!important;width:146px!important;min-width:146px!important;max-width:146px!important}html body .home-modern-solar{grid-template-columns:72px minmax(0,.9fr) minmax(96px,1.15fr)!important;padding:10px!important}html body .home-modern-solar-image,html body .home-modern-solar-image img{width:72px!important}}html body .mobile-page.mobile-page-beranda{width:100%!important;min-height:100dvh!important;padding-top:calc(92px + env(safe-area-inset-top,0px))!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;background:linear-gradient(#fff 0%,#f9fcfa 48%,#f5f9f7 100%)!important;overflow-x:hidden!important}html body .home-modern-greeting{display:none!important}html body .mobile-page-beranda .hiroshi-global-appbar{background:#fffffff7!important;border-bottom:1px solid #0f172a0b!important;min-height:70px!important;padding:9px 12px!important;box-shadow:0 9px 24px #0f172a0d!important}html body .mobile-page-beranda .hiroshi-logo-mark.hiroshi-logo-image{border-radius:16px!important;width:48px!important;min-width:48px!important;height:48px!important;padding:5px!important}html body .mobile-page-beranda .hiroshi-logo-mark.hiroshi-logo-image img{object-fit:contain!important;width:100%!important;height:100%!important}html body .mobile-page-beranda .hiroshi-brand{gap:10px!important}html body .mobile-page-beranda .hiroshi-brand h1{color:#101828!important;letter-spacing:-.035em!important;margin:0!important;font-size:18px!important;font-weight:900!important;line-height:1.05!important}html body .mobile-page-beranda .hiroshi-brand p{color:#667085!important;margin:4px 0 0!important;font-size:10px!important;font-weight:600!important;line-height:1.15!important}html body .hiroshi-modern-appbar-actions{align-items:center!important;gap:7px!important;display:flex!important}html body .mobile-page-beranda .hiroshi-notif-button svg,html body .mobile-page-beranda .hiroshi-modern-add-button svg{width:19px!important;height:19px!important}html body .home-modern-hero{background:radial-gradient(circle at 84% 38%,#48cd6d30,#0000 38%),linear-gradient(135deg,#fff 0%,#f7fcf9 46%,#eaf8ef 100%)!important;border:1px solid #15944716!important;border-radius:26px!important;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;align-items:center!important;gap:5px!important;width:100%!important;min-height:196px!important;margin:4px 0 14px!important;padding:16px!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 13px 32px #0f172a0e!important}html body .home-modern-hero-copy{z-index:4!important;min-width:0!important;position:relative!important}html body .home-modern-hero-label{color:#137d41!important;letter-spacing:.06em!important;background:#edf9f1!important;border:1px solid #15944721!important;border-radius:999px!important;align-items:center!important;min-height:26px!important;margin-bottom:10px!important;padding:0 10px!important;font-size:10px!important;font-weight:800!important;line-height:1!important;display:inline-flex!important}html body .home-modern-hero-copy h2{color:#101828!important;letter-spacing:-.04em!important;margin:0 0 11px!important;font-size:20px!important;font-weight:900!important;line-height:1.12!important}html body .home-modern-hero-copy h2 strong{color:#159447!important;font-size:inherit!important;font-weight:inherit!important}html body .home-modern-score{gap:3px!important;margin-bottom:11px!important;display:grid!important}html body .home-modern-score>strong{color:#159447!important;letter-spacing:-.045em!important;font-size:30px!important;font-weight:900!important;line-height:1!important}html body .home-modern-score>span{color:#475467!important;font-size:10px!important;font-weight:600!important;line-height:1.2!important}html body .home-modern-update{align-items:center!important;gap:7px!important;display:inline-flex!important}html body .home-modern-update>svg{color:#159447!important;width:16px!important;height:16px!important}html body .home-modern-update>div{gap:2px!important;display:grid!important}html body .home-modern-update span{color:#667085!important;font-size:10px!important}html body .home-modern-update strong{color:#344054!important;font-size:10px!important;font-weight:700!important}html body .home-modern-hero-visual{justify-content:center!important;align-items:flex-end!important;height:150px!important;display:flex!important;position:relative!important}html body .home-modern-hero-visual img{z-index:3!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 11px 12px #0f172a1f)!important;width:100%!important;max-width:165px!important;height:132px!important;position:relative!important}html body .home-modern-hero-glow{background:radial-gradient(circle,#39c26233,#39c2620a 56%,#0000 72%)!important;border-radius:999px!important;width:155px!important;height:155px!important;position:absolute!important;bottom:-30px!important;right:-10px!important}html body .home-modern-shield{border-radius:13px!important;width:38px!important;height:38px!important;top:7px!important;right:5px!important}html body .home-modern-shield svg{width:18px!important;height:18px!important}html body .home-modern-kpi-grid>button{text-align:left!important;background:#fff!important;border:1px solid #0f172a0e!important;border-radius:20px!important;grid-template-rows:auto auto!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:3px 10px!important;min-width:0!important;min-height:88px!important;padding:11px!important;display:grid!important;box-shadow:0 8px 22px #0f172a0a!important}html body .home-modern-kpi-grid>button>span{color:#159447!important;background:#edf9f1!important;border-radius:13px!important;grid-area:1/1/3!important;place-items:center!important;width:38px!important;height:38px!important;margin:0!important;display:grid!important}html body .home-modern-kpi-grid svg{width:18px!important;height:18px!important}html body .home-modern-kpi-grid p{color:#667085!important;grid-column:2!important;min-height:0!important;margin:0!important;font-size:10px!important;font-weight:600!important;line-height:1.2!important}html body .home-modern-kpi-grid strong{color:#101828!important;white-space:nowrap!important;text-overflow:ellipsis!important;grid-column:2!important;width:100%!important;font-size:18px!important;font-weight:900!important;line-height:1.05!important;overflow:hidden!important}html body .home-modern-kpi-grid small{display:none!important}html body .home-modern-actions{background:#fff!important;border:1px solid #0f172a0e!important;border-radius:21px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;min-height:82px!important;margin-bottom:18px!important;padding:7px!important;display:grid!important;box-shadow:0 9px 22px #0f172a0a!important}html body .home-modern-actions button{text-align:center!important;background:0 0!important;border:0!important;border-right:1px solid #0f172a0e!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-width:0!important;min-height:66px!important;padding:4px!important;display:flex!important}html body .home-modern-actions button:last-child{border-right:0!important}html body .home-modern-actions button>span{color:#159447!important;background:#edf9f1!important;border-radius:12px!important;place-items:center!important;width:34px!important;height:34px!important;display:grid!important;position:relative!important}html body .home-modern-actions svg{width:17px!important;height:17px!important}html body .home-modern-actions p{color:#344054!important;text-align:center!important;margin:0!important;font-size:10px!important;font-weight:700!important;line-height:1.18!important}html body .home-modern-actions .with-badge i{min-width:16px!important;height:16px!important;font-size:8px!important;top:-5px!important;right:-5px!important}html body .home-modern-section-head{justify-content:space-between!important;align-items:center!important;gap:10px!important;min-height:32px!important;margin:0 2px 10px!important;display:flex!important}html body .home-modern-section-head h2{color:#101828!important;letter-spacing:-.03em!important;margin:0!important;font-size:16px!important;font-weight:900!important;line-height:1.1!important}html body .home-modern-section-head button{color:#159447!important;background:0 0!important;border:0!important;align-items:center!important;gap:4px!important;padding:5px 0!important;font-size:10px!important;font-weight:800!important;display:inline-flex!important}html body .home-modern-area-grid{scroll-snap-type:x mandatory!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;gap:10px!important;width:calc(100% + 28px)!important;margin:0 -14px 15px!important;padding:0 14px 4px!important;display:flex!important;overflow:auto hidden!important}html body .home-modern-area-grid::-webkit-scrollbar{display:none!important}html body .home-modern-area-card{scroll-snap-align:start!important;background:#fff!important;border:1px solid #0f172a0e!important;border-radius:21px!important;flex:0 0 168px!important;width:168px!important;min-width:168px!important;max-width:168px!important;min-height:208px!important;padding:11px!important;box-shadow:0 9px 22px #0f172a0a!important}html body .home-modern-area-status{gap:4px!important;top:10px!important;right:10px!important}html body .home-modern-area-status span{color:#667085!important;font-size:10px!important;font-weight:600!important;display:inline-block!important}html body .home-modern-area-image{height:96px!important;margin:8px 0 9px!important}html body .home-modern-area-image img{object-fit:contain!important;width:110px!important;height:86px!important}html body .home-modern-area-name{min-height:30px!important}html body .home-modern-area-name h3{color:#101828!important;white-space:normal!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;margin:0!important;font-size:13px!important;font-weight:850!important;line-height:1.2!important;display:-webkit-box!important;overflow:hidden!important}html body .home-modern-area-divider{margin:8px 0!important}html body .home-modern-area-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;display:grid!important}html body .home-modern-area-metrics>div{justify-items:center!important;gap:4px!important;min-width:0!important;display:grid!important}html body .home-modern-area-metrics svg{color:#475467!important;width:13px!important;height:13px!important}html body .home-modern-area-metrics span{color:#475467!important;text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;font-size:10px!important;font-weight:600!important;line-height:1.1!important;overflow:hidden!important}html body .home-modern-solar{text-align:left!important;background:#fff!important;border:1px solid #0f172a0e!important;border-radius:22px!important;grid-template-rows:auto 72px!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:center!important;gap:8px 12px!important;width:100%!important;min-height:168px!important;margin-bottom:16px!important;padding:13px!important;display:grid!important;box-shadow:0 10px 25px #0f172a0a!important}html body .home-modern-solar-image{grid-area:1/1!important;width:82px!important;height:82px!important}html body .home-modern-solar-image img{object-fit:contain!important;width:82px!important;height:72px!important}html body .home-modern-solar-info{grid-area:1/2!important;gap:3px!important;display:grid!important}html body .home-modern-solar-info h3{color:#101828!important;margin:0!important;font-size:13px!important;font-weight:850!important;line-height:1.15!important}html body .home-modern-solar-info>span{color:#667085!important;font-size:10px!important}html body .home-modern-solar-info>strong{color:#101828!important;font-size:20px!important;font-weight:900!important;line-height:1.05!important}html body .home-modern-solar-info>small{color:#159447!important;font-size:10px!important;font-weight:600!important}html body .home-modern-solar-chart{grid-area:2/1/auto/-1!important;gap:3px!important;width:100%!important;height:72px!important;padding:6px 2px 18px!important}html body .home-modern-solar-chart>i{min-width:3px!important;max-width:none!important}html body .home-modern-solar-time{font-size:9px!important}@media (width<=370px){html body .mobile-page.mobile-page-beranda{padding-left:11px!important;padding-right:11px!important}html body .home-modern-hero{border-radius:23px!important;min-height:184px!important;padding:13px!important}html body .home-modern-hero-copy h2{font-size:18px!important}html body .home-modern-score>strong{font-size:27px!important}html body .home-modern-hero-visual img{max-width:143px!important}html body .home-modern-kpi-grid{gap:7px!important}html body .home-modern-kpi-grid>button{padding:9px!important}html body .home-modern-kpi-grid strong{font-size:16px!important}html body .home-modern-area-grid{width:calc(100% + 22px)!important;margin-left:-11px!important;margin-right:-11px!important;padding-left:11px!important;padding-right:11px!important}html body .home-modern-area-card{flex-basis:158px!important;width:158px!important;min-width:158px!important;max-width:158px!important}}html body .mobile-page-beranda .hiroshi-global-appbar{top:calc(env(safe-area-inset-top,0px) + 8px)!important;-webkit-backdrop-filter:blur(18px)!important;background:#fffffff7!important;border:1px solid #0f172a0e!important;border-radius:24px!important;width:auto!important;min-height:70px!important;padding:9px 12px!important;position:fixed!important;left:12px!important;right:12px!important;overflow:visible!important;box-shadow:0 10px 28px #0f172a12!important}html body .mobile-page-beranda .hiroshi-global-appbar:before,html body .mobile-page-beranda .hiroshi-global-appbar:after{display:none!important}html body .mobile-page-beranda .hiroshi-logo-mark.hiroshi-logo-image{background:#fff!important;border-radius:16px!important;flex:0 0 48px!important;width:48px!important;min-width:48px!important;height:48px!important;padding:5px!important}html body .mobile-page-beranda .hiroshi-brand{align-items:center!important;gap:10px!important;min-width:0!important;display:flex!important}html body .mobile-page-beranda .hiroshi-brand h1{margin:0!important;font-size:18px!important;font-weight:900!important;line-height:1.05!important}html body .mobile-page-beranda .hiroshi-brand p{margin:4px 0 0!important;font-size:10px!important;line-height:1.15!important}html body .mobile-page-beranda .hiroshi-modern-appbar-actions{align-items:center!important;gap:7px!important;display:flex!important}html body .mobile-page-beranda .hiroshi-notif-button,html body .mobile-page-beranda .hiroshi-modern-add-button{color:#101828!important;background:#fff!important;border:1px solid #0f172a0f!important;border-radius:15px!important;place-items:center!important;width:43px!important;min-width:43px!important;height:43px!important;padding:0!important;display:grid!important;box-shadow:0 6px 16px #0f172a0e!important}html body .mobile-page.mobile-page-beranda{padding-top:calc(94px + env(safe-area-inset-top,0px))!important}html body .home-modern-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;margin-bottom:14px!important;display:grid!important}html body .home-modern-kpi-grid>button{text-align:center!important;background:#fff!important;border:1px solid #0f172a0e!important;border-radius:20px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-width:0!important;min-height:108px!important;padding:11px 9px!important;display:flex!important;box-shadow:0 8px 22px #0f172a0a!important}html body .home-modern-kpi-grid>button>span{color:#159447!important;background:#edf9f1!important;border-radius:13px!important;flex:0 0 38px!important;place-items:center!important;width:38px!important;height:38px!important;margin:0 auto 2px!important;display:grid!important}html body .home-modern-kpi-grid>button>span svg{width:18px!important;height:18px!important}html body .home-modern-kpi-grid p{color:#667085!important;text-align:center!important;width:100%!important;min-height:0!important;margin:0!important;font-size:10px!important;font-weight:600!important;line-height:1.2!important}html body .home-modern-kpi-grid strong{color:#101828!important;letter-spacing:-.035em!important;text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;margin:1px 0 0!important;font-size:19px!important;font-weight:900!important;line-height:1.05!important;overflow:hidden!important}html body .home-modern-kpi-grid small{color:#159447!important;text-align:center!important;width:100%!important;margin:1px 0 0!important;font-size:9px!important;font-weight:650!important;line-height:1.1!important;display:block!important}@media (width<=390px){html body .mobile-page-beranda .hiroshi-global-appbar{border-radius:22px!important;min-height:68px!important;padding:8px 10px!important;left:10px!important;right:10px!important}html body .mobile-page-beranda .hiroshi-logo-mark.hiroshi-logo-image{flex-basis:46px!important;width:46px!important;min-width:46px!important;height:46px!important}html body .mobile-page-beranda .hiroshi-brand h1{font-size:17px!important}html body .mobile-page-beranda .hiroshi-brand p{font-size:9px!important}html body .mobile-page-beranda .hiroshi-notif-button,html body .mobile-page-beranda .hiroshi-modern-add-button{border-radius:14px!important;width:40px!important;min-width:40px!important;height:40px!important}html body .home-modern-kpi-grid{gap:8px!important}html body .home-modern-kpi-grid>button{border-radius:18px!important;min-height:104px!important;padding:10px 7px!important}html body .home-modern-kpi-grid strong{font-size:18px!important}html body .home-modern-kpi-grid p{font-size:9.5px!important}html body .home-modern-kpi-grid small{font-size:8.5px!important}}:root{--hv-green:#159447;--hv-green-dark:#0b753b;--hv-green-soft:#edf8f1;--hv-green-pale:#f6fbf7;--hv-text:#101828;--hv-text-2:#475467;--hv-text-3:#667085;--hv-muted:#98a2b3;--hv-white:#fff;--hv-bg:#f5f8f6;--hv-border:#0f172a0e;--hv-warning:#f59e0b;--hv-danger:#ef4444;--hv-radius-sm:13px;--hv-radius-md:18px;--hv-radius-lg:24px;--hv-shadow-soft:0 6px 18px #0f172a0b;--hv-shadow-float:0 8px 24px #0f172a0e;--hv-page-x:12px;--hv-appbar-height:72px;--hv-bottom-height:68px;--hv-content-max:520px}html,body,#root{width:100%;min-height:100%}html body{overflow-x:hidden}html body .app-shell,html body .hv-shell,html body .hv-secondary{min-height:100dvh}html body .app-shell{background:var(--hv-bg)}html body button,html body input,html body textarea,html body select{font-family:inherit}html body img{max-width:100%}html body .hv-appbar.hv-appbar-beranda,html body .hiroshi-global-appbar,html body .hiroshi-global-appbar.is-top,html body .hiroshi-global-appbar.is-floating{z-index:1500!important;top:calc(8px + env(safe-area-inset-top,0px))!important;width:min(calc(100% - 24px), var(--hv-content-max))!important;height:var(--hv-appbar-height)!important;min-height:var(--hv-appbar-height)!important;border:1px solid var(--hv-border)!important;box-shadow:var(--hv-shadow-float)!important;-webkit-backdrop-filter:blur(14px)!important;filter:none!important;opacity:1!important;background:#fffffffb!important;border-radius:24px!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin:0!important;padding:9px 10px!important;transition:none!important;animation:none!important;display:flex!important;position:fixed!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}html body .hv-appbar.hv-appbar-beranda:before,html body .hv-appbar.hv-appbar-beranda:after,html body .hiroshi-global-appbar:before,html body .hiroshi-global-appbar:after{content:none!important;box-shadow:none!important;background:0 0!important;display:none!important}html body .hv-brand,html body .hiroshi-global-appbar .hiroshi-brand{min-width:0!important;box-shadow:none!important;text-align:left!important;background:0 0!important;border:0!important;flex:auto!important;align-items:center!important;gap:9px!important;margin:0!important;padding:0!important;display:flex!important}html body .hv-logo,html body .hiroshi-global-appbar .hiroshi-logo-mark,html body .hiroshi-global-appbar .hiroshi-logo-image{width:48px!important;min-width:48px!important;height:48px!important;box-shadow:none!important;background:#fff!important;border:1px solid #0f172a09!important;border-radius:16px!important;flex:0 0 48px!important;place-items:center!important;margin:0!important;padding:5px!important;display:grid!important;overflow:hidden!important}html body .hv-logo img,html body .hiroshi-global-appbar .hiroshi-logo-image img{object-fit:contain!important;width:100%!important;height:100%!important;display:block!important}html body .hv-brand-copy,html body .hiroshi-global-appbar .hiroshi-brand>div:last-child{min-width:0!important}html body .hv-brand-copy h1,html body .hiroshi-global-appbar .hiroshi-brand h1{color:var(--hv-text)!important;letter-spacing:-.025em!important;white-space:nowrap!important;margin:0!important;font-size:17px!important;font-weight:800!important;line-height:1.05!important}html body .hv-brand-copy p,html body .hiroshi-global-appbar .hiroshi-brand p{max-width:220px!important;color:var(--hv-text-3)!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:4px 0 0!important;font-size:9.5px!important;font-weight:600!important;line-height:1.1!important;overflow:hidden!important}html body .hv-appbar-actions,html body .hiroshi-global-appbar .hiroshi-modern-appbar-actions{flex:none!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important;display:flex!important}html body .hv-appbar-notification,html body .hv-appbar-add,html body .hiroshi-global-appbar .hiroshi-notif-button{border:1px solid var(--hv-border)!important;color:#344054!important;width:41px!important;min-width:41px!important;height:41px!important;box-shadow:none!important;background:#fff!important;border-radius:14px!important;flex:0 0 41px!important;place-items:center!important;margin:0!important;padding:0!important;display:grid!important;position:relative!important;transform:none!important}html body .hv-appbar-add{background:var(--hv-green-soft)!important;color:var(--hv-green)!important;border-color:#1594471c!important}html body .hv-appbar-notification svg,html body .hv-appbar-add svg,html body .hiroshi-global-appbar .hiroshi-notif-button svg{width:18px!important;height:18px!important}html body .hv-appbar-notification i{background:var(--hv-green)!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-width:15px!important;height:15px!important;padding:0 3px!important;font-size:7px!important;font-style:normal!important;font-weight:800!important;line-height:1!important;display:flex!important;position:absolute!important;top:4px!important;right:4px!important}html body .hiroshi-global-appbar .hiroshi-modern-add-button{display:none!important}html body .hiroshi-main-bottom-nav{z-index:1600!important;left:50%!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;width:min(calc(100% - 24px), var(--hv-content-max))!important;height:var(--hv-bottom-height)!important;border:1px solid var(--hv-border)!important;box-shadow:var(--hv-shadow-float)!important;background:#fffffffc!important;border-radius:23px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;gap:3px!important;margin:0!important;padding:5px 7px!important;display:grid!important;position:fixed!important;transform:translate(-50%)!important}html body .hiroshi-main-bottom-nav-item{color:#8a94a3!important;width:100%!important;min-width:0!important;height:55px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:17px!important;outline:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;margin:0!important;padding:2px!important;display:flex!important;position:relative!important;transform:none!important}html body .hiroshi-main-bottom-nav-item:before,html body .hiroshi-main-bottom-nav-item:after,html body .hiroshi-main-bottom-nav-icon:before,html body .hiroshi-main-bottom-nav-icon:after{content:none!important;display:none!important}html body .hiroshi-main-bottom-nav-icon{width:31px!important;height:29px!important;color:inherit!important;background:0 0!important;border-radius:10px!important;place-items:center!important;display:grid!important}html body .hiroshi-main-bottom-nav-icon svg{width:19px!important;height:19px!important}html body .hiroshi-main-bottom-nav-item small{color:inherit!important;white-space:nowrap!important;margin:0!important;font-size:8.5px!important;font-weight:600!important;line-height:1!important}html body .hiroshi-main-bottom-nav-item.active{color:var(--hv-green)!important;background:0 0!important}html body .hiroshi-main-bottom-nav-item.active .hiroshi-main-bottom-nav-icon{background:var(--hv-green-soft)!important;color:var(--hv-green)!important}html body .hiroshi-main-bottom-nav-item.active small{color:var(--hv-green)!important;font-weight:800!important}html body .hiroshi-main-bottom-nav-item:focus,html body .hiroshi-main-bottom-nav-item:focus-visible,html body .hiroshi-main-bottom-nav-item:active{box-shadow:none!important;outline:none!important;transform:none!important}html body .hv-bottom-nav{display:none!important}html body .mobile-page-perangkat,html body .mobile-page-area,html body .mobile-page-akun{width:min(100%, var(--hv-content-max))!important;min-height:100dvh!important;padding-top:calc(94px + env(safe-area-inset-top,0px))!important;padding-left:var(--hv-page-x)!important;padding-right:var(--hv-page-x)!important;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;margin:0 auto!important;overflow-x:hidden!important}html body .hv-shell{min-height:100dvh;color:var(--hv-text);background:radial-gradient(circle at 18% 0%, #1594470e, transparent 25%), linear-gradient(180deg, #fff 0%, var(--hv-bg) 100%)}html body .hv-content{width:min(100%, var(--hv-content-max));min-height:100dvh;padding:calc(94px + env(safe-area-inset-top,0px)) var(--hv-page-x) calc(96px + env(safe-area-inset-bottom,0px));margin:0 auto}html body .hv-hero{border-radius:var(--hv-radius-lg);width:100%;min-height:168px;box-shadow:var(--hv-shadow-soft);background:radial-gradient(circle at 84% 25%,#1594471f,#0000 30%),linear-gradient(125deg,#fff 0%,#f7fcf8 56%,#edf9f1 100%);border:1px solid #15944711;grid-template-columns:minmax(0,1.15fr) minmax(112px,.85fr);align-items:center;gap:8px;padding:16px;display:grid;position:relative;overflow:hidden}html body .hv-pill{background:var(--hv-green-soft);min-height:21px;color:var(--hv-green);letter-spacing:.045em;border-radius:999px;align-items:center;padding:0 8px;font-size:7.5px;font-weight:800;line-height:1;display:inline-flex}html body .hv-hero-copy h2{color:var(--hv-text);letter-spacing:-.035em;margin:8px 0 0;font-size:18px;font-weight:800;line-height:1.08}html body .hv-hero-copy h2 strong{color:var(--hv-green)}html body .hv-score{flex-direction:column;margin-top:8px;display:flex}html body .hv-score>strong{color:var(--hv-green);font-size:27px;font-weight:850;line-height:1}html body .hv-score>span{color:var(--hv-text-3);margin-top:3px;font-size:8px;font-weight:600}html body .hv-last-update{align-items:center;gap:6px;margin-top:10px;display:flex}html body .hv-last-update>svg{width:14px;height:14px;color:var(--hv-green)}html body .hv-last-update>div{flex-direction:column;gap:1px;display:flex}html body .hv-last-update span{color:var(--hv-muted);font-size:7px}html body .hv-last-update strong{color:var(--hv-text-3);font-size:8px;font-weight:700}html body .hv-hero-art{justify-content:center;align-items:center;min-width:0;min-height:125px;display:flex;position:relative}html body .hv-hero-art>div{filter:blur(12px);background:#15944716;border-radius:50%;width:120px;height:120px;position:absolute}html body .hv-hero-art img{z-index:2;object-fit:contain;width:min(100%,130px);height:auto;position:relative}html body .hv-hero-art>span{z-index:3;background:var(--hv-green);color:#fff;border-radius:11px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:0;right:0;box-shadow:0 7px 16px #1594472b}html body .hv-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}html body .hv-kpi{border:1px solid var(--hv-border);background:#fff;border-radius:17px;grid-template-columns:33px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:76px;padding:10px;display:grid;box-shadow:0 4px 14px #0f172a08}html body .hv-kpi>span{background:var(--hv-green-soft);width:33px;height:33px;color:var(--hv-green);border-radius:10px;place-items:center;display:grid}html body .hv-kpi>span svg{width:16px;height:16px}html body .hv-kpi p{color:var(--hv-text-3);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:8px;font-weight:600;overflow:hidden}html body .hv-kpi strong{color:var(--hv-text);margin-top:3px;font-size:14px;font-weight:800;line-height:1;display:block}html body .hv-kpi small{color:var(--hv-green);margin-top:4px;font-size:7px;font-weight:700;display:block}html body .hv-kpi.is-empty strong,html body .hv-kpi.is-empty small{color:var(--hv-muted)}html body .hv-actions{border:1px solid var(--hv-border);background:#fff;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:9px;padding:6px;display:grid;box-shadow:0 4px 14px #0f172a08}html body .hv-actions button{min-width:0;min-height:62px;color:var(--hv-text-2);background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:4px 2px;display:flex}html body .hv-actions button>span{background:var(--hv-green-soft);width:30px;height:30px;color:var(--hv-green);border-radius:10px;place-items:center;display:grid}html body .hv-actions button svg{width:15px;height:15px}html body .hv-actions button p{color:var(--hv-text-2);text-align:center;margin:0;font-size:7.5px;font-weight:650;line-height:1.15}html body .hv-section-head{justify-content:space-between;align-items:flex-end;gap:10px;margin:18px 1px 9px;display:flex}html body .hv-section-head h2{color:var(--hv-text);letter-spacing:-.02em;margin:0;font-size:14px;font-weight:800;line-height:1.15}html body .hv-section-head p{color:var(--hv-muted);margin:3px 0 0;font-size:7.5px;font-weight:600;line-height:1.25}html body .hv-section-head>button{color:var(--hv-green);background:0 0;border:0;flex:none;font-size:8px;font-weight:800}html body .hv-monitored-area-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}html body .hv-monitored-area-card{border:1px solid var(--hv-border);min-width:0;box-shadow:var(--hv-shadow-soft);background:#fff;border-radius:17px;position:relative;overflow:hidden}html body .hv-area-photo-wrap{width:100%;position:relative;overflow:hidden}html body .hv-area-photo-open,html body .hv-area-info-open{text-align:left;width:100%;box-shadow:none;background:0 0;border:0;margin:0;padding:0;display:block}html body .hv-monitored-area-photo{aspect-ratio:1.45;background:#edf6ef;width:100%;position:relative;overflow:hidden}html body .hv-monitored-area-photo img{object-fit:cover;width:100%;height:100%}html body .hv-monitored-area-empty{width:100%;height:100%;color:var(--hv-green);background:linear-gradient(145deg,#f5faf6,#eaf5ed);flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}html body .hv-monitored-area-status{z-index:4;color:#fff;background:#159447eb;border:1px solid #ffffff75;border-radius:999px;align-items:center;min-height:20px;padding:0 8px;font-size:7px;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px}html body .hv-monitored-area-status.warning{background:#f59e0bf0}html body .hv-monitored-area-status.offline{background:#64748beb}html body .hv-monitored-area-camera{z-index:20!important;width:34px!important;height:34px!important;color:var(--hv-green)!important;pointer-events:auto!important;background:#fffffff7!important;border:1px solid #0f172a0f!important;border-radius:11px!important;place-items:center!important;padding:0!important;display:grid!important;position:absolute!important;bottom:8px!important;right:8px!important;box-shadow:0 5px 13px #0f172a1f!important}html body .hv-monitored-area-camera svg{width:17px;height:17px}html body .hv-monitored-area-body{padding:9px 9px 10px}html body .hv-monitored-area-body h3{color:var(--hv-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10.5px;font-weight:800;line-height:1.2;overflow:hidden}html body .hv-monitored-area-body p{color:#7c8797;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:22px;margin:3px 0 7px;font-size:7.5px;line-height:1.35;display:-webkit-box;overflow:hidden}html body .hv-monitored-area-metrics{align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}html body .hv-monitored-area-metrics>div{min-width:0;color:var(--hv-text-2);align-items:center;gap:3px;font-size:7.3px;font-weight:700;display:flex}html body .hv-monitored-area-metrics svg{width:11px;height:11px;color:var(--hv-green)}html body .hv-device-list{flex-direction:column;gap:7px;display:flex}html body .hv-device-row{border:1px solid var(--hv-border);width:100%;min-width:0;min-height:64px;color:var(--hv-text);text-align:left;background:#fff;border-radius:16px;grid-template-columns:44px minmax(0,1fr) 12px;align-items:center;gap:9px;padding:8px 9px;display:grid;box-shadow:0 4px 14px #0f172a08}html body .hv-device-row-image{width:44px;height:44px;color:var(--hv-green);background:#f1f7f3;border-radius:13px;place-items:center;display:grid;overflow:hidden}html body .hv-device-row-image img{object-fit:contain;width:100%;height:100%}html body .hv-device-row-title{justify-content:space-between;align-items:center;gap:7px;min-width:0;display:flex}html body .hv-device-row-title h3{min-width:0;color:var(--hv-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;font-weight:800;line-height:1.15;overflow:hidden}html body .hv-device-row-title>span{color:var(--hv-green);flex:none;align-items:center;gap:4px;font-size:6.8px;font-weight:700;display:inline-flex}html body .hv-device-row-title i{background:var(--hv-green);border-radius:50%;width:5px;height:5px}html body .hv-device-row-title i.warning{background:var(--hv-warning)}html body .hv-device-row-title i.offline{background:#94a3b8}html body .hv-device-row-copy>p{color:var(--hv-muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 4px;font-size:7px;overflow:hidden}html body .hv-device-row-values{align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}html body .hv-device-row-values span{min-width:0;color:var(--hv-text-3);white-space:nowrap;align-items:center;gap:2px;font-size:6.8px;font-weight:600;display:flex}html body .hv-device-row-values svg{width:9px;height:9px;color:var(--hv-green)}html body .hv-chevron{color:var(--hv-muted);font-size:15px}html body .hv-more-devices{background:var(--hv-green-pale);width:100%;min-height:34px;color:var(--hv-green);border:1px solid #1594470f;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:7px;font-size:7.5px;font-weight:800;display:flex}html body .hv-solar-card{border:1px solid var(--hv-border);text-align:left;background:#fff;border-radius:18px;grid-template-columns:52px minmax(0,1fr) 96px;align-items:center;gap:9px;width:100%;min-width:0;min-height:80px;margin-top:12px;padding:9px 10px;display:grid;box-shadow:0 4px 14px #0f172a09}html body .hv-solar-device{background:#f1f7f3;border-radius:14px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}html body .hv-solar-device img{object-fit:contain;width:100%;height:100%}html body .hv-solar-copy{min-width:0}html body .hv-solar-copy h3{color:var(--hv-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:9.5px;font-weight:800;overflow:hidden}html body .hv-solar-copy span{color:var(--hv-muted);margin-top:3px;font-size:6.8px;display:block}html body .hv-solar-copy strong{color:var(--hv-green);margin-top:4px;font-size:7.2px;font-weight:800;display:block}html body .hv-bars{justify-content:flex-end;align-items:flex-end;gap:2px;height:41px;display:flex}html body .hv-bars i{background:linear-gradient(180deg, #2bb766, var(--hv-green));border-radius:999px 999px 2px 2px;width:5px;min-height:4px}html body .hv-secondary{width:100%;color:var(--hv-text);background:var(--hv-bg)}html body .hv-secondary-appbar{z-index:1200;width:min(100%, var(--hv-content-max));padding:calc(10px + env(safe-area-inset-top,0px)) var(--hv-page-x) 10px;border-bottom:1px solid var(--hv-border);background:#fffffffb;align-items:center;gap:10px;margin:0 auto;display:flex;position:sticky;top:0}html body .hv-secondary-appbar>button{border:1px solid var(--hv-border);width:38px;height:38px;color:var(--hv-text-2);background:#f8faf9;border-radius:12px;flex:0 0 38px;place-items:center;font-size:18px;display:grid}html body .hv-secondary-appbar h1{color:var(--hv-text);margin:0;font-size:16px;font-weight:800;line-height:1.1}html body .hv-secondary-appbar p{color:var(--hv-muted);margin:3px 0 0;font-size:8px}html body .hv-secondary-content{width:min(100%, var(--hv-content-max));padding:12px var(--hv-page-x) calc(24px + env(safe-area-inset-bottom,0px));margin:0 auto}html body .hv-search{border:1px solid var(--hv-border);background:#fff;border-radius:14px;align-items:center;gap:8px;width:100%;min-height:45px;padding:0 11px;display:flex}html body .hv-search input{min-width:0;color:var(--hv-text);background:0 0;border:0;outline:0;flex:1;font-size:10px}html body .hv-result-count{color:var(--hv-text-3);margin:12px 1px 0;font-size:8px}html body .hv-search-results{flex-direction:column;gap:7px;display:flex}html body .hv-search-results>button{border:1px solid var(--hv-border);text-align:left;background:#fff;border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:54px;padding:8px 9px;display:grid}html body .hv-empty{border:1px solid var(--hv-border);min-height:112px;color:var(--hv-muted);text-align:center;background:#fff;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin-top:11px;padding:14px;display:flex}html body .hv-health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}html body .hv-health-card{border:1px solid var(--hv-border);background:#fff;border-radius:16px;align-items:center;gap:8px;min-width:0;min-height:68px;padding:10px;display:flex}html body .hv-health-card>span{background:var(--hv-green-soft);width:34px;height:34px;color:var(--hv-green);border-radius:10px;place-items:center;display:grid}html body .hv-health-card.yellow>span{color:#d98b00;background:#fff7df}html body .hv-health-card.red>span{color:var(--hv-danger);background:#fff0f0}html body .hv-health-card.blue>span{color:#3b82f6;background:#eef5ff}html body .hv-health-card p{color:var(--hv-text-3);margin:0;font-size:7.5px}html body .hv-health-card strong{color:var(--hv-text);margin-top:3px;font-size:13px;font-weight:800;display:block}html body .hv-history-selector{gap:7px;padding-bottom:3px;display:flex;overflow-x:auto}html body .hv-history-selector button{border:1px solid var(--hv-border);min-width:112px;color:var(--hv-text-3);text-align:left;background:#fff;border-radius:13px;align-items:center;gap:7px;padding:8px;display:flex}html body .hv-history-selector button.active{background:var(--hv-green-soft);color:var(--hv-green);border-color:#15944738}html body .hv-history-card{border:1px solid var(--hv-border);background:#fff;border-radius:18px;margin-top:11px;padding:12px}html body .hv-history-head{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}html body .hv-history-empty{text-align:center;background:#f7faf8;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:125px;margin-top:12px;padding:12px;display:flex}html body .area-photo-backdrop{z-index:3000;padding:14px 12px calc(12px + env(safe-area-inset-bottom,0px));background:#0f172a52;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}html body .area-photo-sheet{border:1px solid var(--hv-border);background:#fff;border-radius:26px;width:min(100%,460px);max-height:calc(100dvh - 24px);padding:8px 14px 14px;overflow-y:auto;box-shadow:0 20px 55px #0f172a29}html body .area-photo-handle{background:#d8dde5;border-radius:999px;width:34px;height:4px;margin:2px auto 13px}html body .area-photo-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}html body .area-photo-header span{color:var(--hv-green);letter-spacing:.08em;font-size:7.5px;font-weight:800}html body .area-photo-header h2{color:var(--hv-text);margin:4px 0 0;font-size:17px;font-weight:800;line-height:1.1}html body .area-photo-header p{color:var(--hv-text-3);margin:5px 0 0;font-size:9px;line-height:1.35}html body .area-photo-header>button{border:1px solid var(--hv-border);width:37px;height:37px;color:var(--hv-text-2);background:#f8faf9;border-radius:12px;place-items:center;font-size:20px;display:grid}html body .area-photo-current{border:1px solid var(--hv-border);background:#f9fbfa;border-radius:16px;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:10px;margin-top:15px;padding:9px;display:grid}html body .area-photo-preview{background:#eaf5ed;border-radius:13px;width:68px;height:62px;overflow:hidden}html body .area-photo-preview img{object-fit:cover;width:100%;height:100%}html body .area-photo-upload{background:var(--hv-green-pale);width:100%;min-height:126px;color:var(--hv-green);border:1.5px dashed #15944747;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-top:12px;padding:14px;display:flex}html body .area-photo-upload>span{background:var(--hv-green);color:#fff;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}html body .area-photo-info{color:#54705c;background:#f1f9f3;border-radius:14px;align-items:flex-start;gap:7px;margin-top:11px;padding:9px 10px;display:flex}html body .area-photo-actions{grid-template-columns:.8fr 1.2fr;gap:8px;margin-top:12px;display:grid}html body .area-photo-actions button{border-radius:14px;height:44px;font-size:9.5px;font-weight:800}html body .area-photo-actions button:first-child{border:1px solid var(--hv-border);color:var(--hv-text-3);background:#fff}html body .area-photo-actions button:last-child{background:var(--hv-green);color:#fff;border:0}@media (width<=359px){:root{--hv-page-x:10px;--hv-appbar-height:68px;--hv-bottom-height:64px}html body .hv-appbar.hv-appbar-beranda,html body .hiroshi-global-appbar{border-radius:22px!important;width:calc(100% - 20px)!important;padding:8px 9px!important}html body .hv-logo,html body .hiroshi-global-appbar .hiroshi-logo-mark{flex-basis:45px!important;width:45px!important;min-width:45px!important;height:45px!important}html body .hv-brand-copy h1,html body .hiroshi-global-appbar .hiroshi-brand h1{font-size:16px!important}html body .hv-brand-copy p,html body .hiroshi-global-appbar .hiroshi-brand p{max-width:140px!important;font-size:8.5px!important}html body .hiroshi-main-bottom-nav{width:calc(100% - 20px)!important;height:var(--hv-bottom-height)!important;bottom:calc(6px + env(safe-area-inset-bottom,0px))!important}html body .hv-content,html body .mobile-page-perangkat,html body .mobile-page-area,html body .mobile-page-akun{padding-top:calc(88px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}html body .hv-hero{grid-template-columns:minmax(0,1.2fr) minmax(88px,.8fr);min-height:158px;padding:13px}html body .hv-hero-copy h2{font-size:16px}html body .hv-score>strong{font-size:24px}html body .hv-hero-art img{width:100px}html body .hv-kpi-grid,html body .hv-monitored-area-grid{gap:7px}html body .hv-kpi{grid-template-columns:30px minmax(0,1fr);gap:6px;min-height:70px;padding:8px}html body .hv-actions{gap:2px;padding:5px}html body .hv-actions button{min-height:58px}html body .hv-solar-card{grid-template-columns:46px minmax(0,1fr) 78px;gap:7px;padding:8px}html body .hv-solar-device{width:46px;height:46px}}@media (width>=600px){:root{--hv-content-max:720px;--hv-page-x:18px}html body .hv-appbar.hv-appbar-beranda,html body .hiroshi-global-appbar{width:min(calc(100% - 36px), var(--hv-content-max))!important}html body .hiroshi-main-bottom-nav{width:min(100% - 36px,520px)!important}html body .hv-hero{grid-template-columns:minmax(0,1.35fr) minmax(170px,.65fr);min-height:185px;padding:20px}html body .hv-hero-copy h2{font-size:21px}html body .hv-score>strong{font-size:30px}html body .hv-hero-art img{width:155px}html body .hv-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html body .hv-monitored-area-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}html body .hv-home-device-section .hv-device-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}html body .hv-solar-card{grid-template-columns:58px minmax(0,1fr) 140px}}@media (width>=900px){:root{--hv-content-max:920px}html body .hv-monitored-area-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html body .hv-home-device-section .hv-device-list{grid-template-columns:repeat(3,minmax(0,1fr))}}html body .area-photo-current-copy{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;min-width:0;display:flex}html body .area-photo-current-label{color:#159447;letter-spacing:.06em;margin:0 0 4px;font-size:8px;font-weight:800;line-height:1;display:block}html body .area-photo-current-name{color:#101828;letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;font-size:13px;font-weight:800;line-height:1.2;display:block;overflow:hidden}html body .area-photo-current-description{color:#667085;width:100%;margin:6px 0 0;font-size:10px;font-weight:500;line-height:1.4;display:block}html body .area-photo-header>div{flex:1;min-width:0}html body .area-photo-header>div>span{color:#159447;letter-spacing:.08em;margin:0 0 6px;font-size:9px;font-weight:800;line-height:1;display:block}html body .area-photo-header h2{color:#101828;letter-spacing:-.025em;margin:0;font-size:20px;font-weight:800;line-height:1.15}html body .area-photo-header p{color:#667085;max-width:340px;margin:7px 0 0;font-size:12px;font-weight:500;line-height:1.45}html body .area-photo-upload strong{color:#159447;margin-top:3px;font-size:12px;font-weight:800;line-height:1.2;display:block}html body .area-photo-upload small{color:#159447;margin-top:5px;font-size:10px;font-weight:500;line-height:1.25;display:block}html body .area-photo-info p{color:#587061;margin:0;font-size:10px;font-weight:500;line-height:1.45}html body .area-photo-actions button{font-size:11px;font-weight:800;line-height:1}