:root{--white:#ffffff;--black:#000000;--red:#dc0000;--gray-50:#f8f8f8;--gray-100:#f5f5f7;--gray-200:#dedede;--gray-300:#a5adb8;--gray-400:#929294;--gray-500:#767678;--gray-600:#535353;--gray-700:#333333;--gray-800:#1e1e23;--green-point:#4ba100;--green-main:#40845d;--green-deep:#2f6245}body,html{padding:0!important;margin:0!important;background:#edeef2 0 0 no-repeat padding-box;word-break:break-all;white-space:normal}blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,td,textarea,th,ul{font-family:Roboto;font-stretch:normal;font-style:normal;white-space:nowrap;font-style:normal;font-weight:400;font-size:14px;color:var(--gray-700);touch-action:manipulation;overflow:visible;line-height:1.5;letter-spacing:-.5px}a{color:#696e84;text-decoration:none}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;border:0;background-color:transparent;cursor:pointer}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}::-webkit-input-placeholder{color:#ddd}:-ms-input-placeholder{color:#ddd}::placeholder{color:#ddd}.display-none{display:none!important}.m0{margin:0!important}.p0{padding:0!important}.error-text{color:#ff2a2a;font-size:12px;display:none;text-wrap:auto}.error-auth{color:#ff2a2a;font-size:12px;text-wrap:auto;margin-bottom:15px}.btn-go-mac{display:none}.mode[data-mode=qr] .qr-step-info,.mode[data-mode=qr] .qr-step-input{display:none}.mode[data-mode=qr][data-step=info] .qr-step-info{display:flex;flex-wrap:wrap;justify-content:center}.mode[data-mode=qr][data-step=input] .qr-step-input{display:block}.mode[data-status=error] .error-text{display:block;text-align:center}.mode[data-mode=icode][data-status=error] .btn-go-mac{display:block}.mode[data-mode=qr][data-status=error] .btn-go-mac{display:none}#app{height:100vh;display:flex;flex-direction:column;background:#fff}#app-header{position:fixed;top:0;left:0;right:0;height:44px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background-color:var(--gray-100);z-index:1000}.header-right{display:flex;align-items:center}.user-name{font-size:12px;color:var(--gray-600);font-weight:600}.logo{height:22px}.btn-close i{color:var(--gray-600)}#app-body{position:relative;flex:1;overflow-y:auto;padding:84px 20px 40px}.view{display:none}.view.active{display:block}.title{color:var(--gray-700);font-size:24px;font-weight:700;line-height:1.4;margin:0 0 8px;white-space:normal;word-break:break-word;letter-spacing:-.95px}.point-text{color:var(--green-point)}.desc{color:var(--gray-400);font-size:13px;margin-bottom:36px;letter-spacing:-.5px}.device-visual{display:flex;justify-content:center;margin:32px 0}.device-img{max-height:145px}.info-card{background:var(--gray-50);border-radius:10px;padding:20px;margin-bottom:28px}.info-card .row{display:flex;align-items:center;font-size:14px;margin-bottom:8px;text-wrap:auto}.info-card .row:last-child{margin-bottom:0}.label{color:var(--gray-800);width:90px;flex-shrink:0;word-break:keep-all}.value{color:var(--gray-800);font-weight:600}.btn-go-search:disabled{background:var(--gray-300);cursor:not-allowed}.btn-primary{width:100%;height:54px;border-radius:10px;background:var(--green-main);color:var(--white);font-size:16px;font-weight:600;letter-spacing:-.64px}.btn-secondary{width:100%;height:54px;border-radius:10px;background:var(--white);border:1px solid var(--gray-300);color:var(--green-main);font-size:16px;letter-spacing:-.64px}.logout{text-align:center;font-size:13px;color:var(--gray-400);margin-top:14px}.btn-logout{padding-left:5px}.logout .link-logout{color:var(--red);text-decoration:none}.tab{display:flex;margin-top:20px}.tab-btn{flex:1;height:52px;font-size:14px;color:var(--gray-500);background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.tab-btn:first-child{border-top-left-radius:10px}.tab-btn:last-child{border-top-right-radius:10px}.tab-btn.active{background:var(--white);font-weight:600;color:var(--black);border:1px solid var(--gray-200);border-bottom:none}.tab-content{display:none}.tab-content.active{display:block}.mode-area{background:var(--white);border:1px solid var(--gray-200);border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.mode{padding:25px}.scan-card{width:160px;height:160px;background:var(--gray-50);border-radius:10px;margin:0 auto;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.qr-box img{width:100px;height:100px}.scan-text{color:var(--black);font-size:14px;font-weight:700}.help-text{font-size:14px;color:var(--black);line-height:1.5;text-align:center;margin-bottom:16px;white-space:normal;word-break:keep-all;overflow-wrap:break-word}.support{font-size:12px;color:var(--gray-500);text-align:center;margin-bottom:20px}.btn-go-mac{background:var(--gray-50);border-radius:18px;padding:10px 16px;font-size:12px;font-weight:700;color:var(--black);text-align:center}.btn-go-mac .link-go-mac{color:var(--green-point);font-weight:lighter;text-decoration:underline;white-space:nowrap}.mode,.state{display:none}.mode.active,.state.active{display:block}.icode-card{margin-bottom:16px}.icode-card img{width:100%}.input-code{display:block;width:100%;height:48px;border:1px solid var(--gray-200);border-radius:10px;padding:0 14px;font-size:15px;text-align:center;box-sizing:border-box;outline:0;margin-bottom:12px;letter-spacing:1.05px}.input-code::placeholder{letter-spacing:0;color:var(--gray-500);font-size:14px}.input-code:focus{border-color:var(--green-point)}.icode-input{letter-spacing:5px}.btn-search{width:100%;height:50px;border-radius:10px;border:none;font-size:16px;color:var(--white);background-color:var(--green-main)}.btn-search:disabled{background:var(--gray-300);cursor:not-allowed}.help-link{margin-top:26px;margin-bottom:15px;text-align:center}.help-link .help-link-text{font-size:13px;color:var(--green-main);text-decoration:underline}.searching{text-align:center}.searching .loader{margin-top:30px}.searching .loader i{font-size:36px;color:var(--gray-600)}.searching-text{color:var(--black)}.btn-cancel-searching{margin-top:45px;width:100%;height:50px;border-radius:10px;background:var(--gray-300);color:var(--white);font-size:16px}.view-scan{position:fixed;inset:0;background:var(--white)}.scan-title{font-size:16px;font-weight:700}.btn-back{background:0 0;border:0;font-size:18px}.scan-view{height:100vh;background:#000}.scan-header{display:flex;align-items:center;background:var(--white);position:absolute;top:0;left:0;right:0;height:48px;gap:8px;padding:0 12px}.scan-header .title{margin-left:8px;font-weight:600}.scan-wrapper{position:relative;width:100%;margin-top:50px}.scan-camera{width:100%;height:auto;display:block;background-color:var(--black)}.scan-camera video{width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;top:50%;left:50%;width:45vmin;height:45vmin;transform:translate(-50%,-50%);border:2px solid var(--gray-600);z-index:10;pointer-events:none}.scan-bottom{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.55);color:var(--white);z-index:20;text-align:center;backdrop-filter:blur(2px)}.scan-help{color:var(--white);margin:6px 0;font-size:12px}.qr-error-message{display:block;color:#ff2a2a;font-size:12px;font-weight:700}.back-to-manual{text-align:center;margin-top:45px}.btn-direct{display:inline-block;background:0 0;font-weight:600;line-height:1.8}.btn-direct i{font-size:16px}.mac-desc{font-size:12px;color:var(--gray-400);margin-top:12px;margin-bottom:37px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;color:var(--green-main);font-weight:600;margin-bottom:8px}.form-input{width:100%;height:48px;border:1px solid var(--white);border-radius:8px;padding:0 16px;font-size:15px;color:var(--black);box-sizing:border-box;outline:0}.form-input.highlighted{border:1px solid var(--green-point);color:var(--black);font-weight:500}.channel-item{display:flex;align-items:center;margin-bottom:4px}.channel-item:last-child{margin-bottom:0}.input-wrap{flex:1;height:52px;border:1px solid var(--gray-200);border-radius:8px;display:flex;align-items:center;padding-left:12px;background:var(--white);margin-right:3px}.input-wrap i{font-size:20px;color:var(--gray-500)}.input-wrap.checked i{color:var(--green-main)}.check-icon{width:20px;height:20px;color:#ddd;margin-right:8px}.channel-input{flex:1;padding-left:12px;border:none;height:100%;font-size:14px;color:#333;outline:0;background:0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:12px}.unit-badge{width:48px;height:52px;outline:0;border:1px solid var(--gray-200);border-radius:10px;font-size:14px;padding-left:10px}.btn-group{display:flex;gap:8px;margin-top:14px}.btn-prev{flex:1;height:54px;border:1px solid var(--gray-300);border-radius:8px;background:var(--white);color:var(--green-main);font-size:16px}.btn-group .btn-primary{flex:2}.btn-group .btn-secondary{flex:1}.roundedTwo{width:20px;height:20px;position:relative;margin:0 auto;top:-1px}.roundedTwo input[type=checkbox]{visibility:hidden}.roundedTwo label{width:16px;height:16px;position:absolute;top:2px;left:2px;border:2px solid var(--gray-300);cursor:pointer;border-radius:50px!important;background-color:var(--white)}.roundedTwo input[type=checkbox]:checked+label{background-color:var(--green-main);border-color:var(--green-main)}.roundedTwo label:after{border:2px solid var(--gray-300)}.roundedTwo input[type=checkbox]:checked+label:after{border:2px solid var(--white)}.roundedTwo input[type=checkbox]:checked+label:after,.roundedTwo label:after{content:"";width:7px;height:5px;position:absolute;top:3px;left:3px;border-top:none;border-right:none;background:0 0;opacity:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.btn-prev:disabled{background:var(--gray-200);cursor:not-allowed}#btn_channel_reg:disabled,#btn_device_reg:disabled{background:var(--gray-300);cursor:not-allowed}.text-center{text-align:center;margin-top:45px;margin-bottom:28px}.success-visual{display:flex;justify-content:center}.summary-card{margin-top:20px;padding:24px 20px}.summary-card .row{margin-bottom:16px;align-items:center}.summary-card .row:last-child{margin-bottom:0}.summary-card .label{flex:0 0 80px;color:var(--gray-800);font-size:14px}.summary-card .value{flex:1;color:var(--gray-800);font-weight:600;font-size:14px;text-align:left}.btn-container{margin-top:32px}.login-form{margin-top:40px}.input-group{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.login-form .form-input{width:100%;height:56px;border:1px solid var(--gray-200);border-radius:10px;padding:0 20px;font-size:16px;box-sizing:border-box;color:var(--black)}.login-form .form-input:focus{border-color:var(--green-point)}.btn-login{width:100%;height:56px;margin-top:16px;background-color:var(--green-main);color:#fff;border-radius:10px;font-size:16px;cursor:pointer}.btn-login:disabled{background:var(--gray-300);cursor:not-allowed}.login-links{margin-top:20px;display:flex;justify-content:center;align-items:center}.login-links a{font-size:13px;color:var(--gray-400);text-decoration:none}.login-links .divider{width:1px;height:12px;background-color:var(--gray-200);margin:0 12px}.error-login{display:block;color:#ff2a2a;font-size:12px}