*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100vh;min-height:100dvh}body{font-family:Zen Kaku Gothic New,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eff2f7}@media screen and (min-width:430px){#root{max-width:430px;margin:0 auto;box-shadow:0 0 20px #0000001a}}.background{position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background-color:#eff2f7}.decor-container{position:absolute;height:100%;left:0;top:0;width:100%;pointer-events:none}.decor-inner{position:absolute}.decor-inner-login{inset:-38.05% -96% -46.67% -85.07%}.decor-inner-home{inset:-38.05% -130.67% -26.97% -85.07%}.decor-svg{display:block;width:100%;height:100%}.background-content{position:relative;z-index:1;width:100%;min-height:100vh;min-height:100dvh}.login-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:0 24px;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.logo-section{padding-top:80px;padding-bottom:60px;text-align:center}.logo{display:flex;flex-direction:column;align-items:center;gap:0;font-weight:400;line-height:1.2}.logo-my{font-family:Barlow,sans-serif;font-size:42px;color:#f47920;font-weight:600;letter-spacing:-.5px}.logo-smart{font-family:Barlow,sans-serif;font-size:32px;color:#1a1a1a;font-weight:600}.form-section{flex:1;display:flex;flex-direction:column}.form-title{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.input-group{margin-bottom:12px}.input-wrapper{display:flex;align-items:center;gap:12px;padding:16px;background-color:#fff;border-radius:12px;border:1px solid transparent;transition:border-color .2s ease}.input-wrapper:focus-within{border-color:#f47920}.input-icon{width:22px;height:22px;color:#000;flex-shrink:0}.input-field{flex:1;min-width:0;border:none;background:transparent;font-family:Zen Kaku Gothic New,sans-serif;font-size:16px;color:#1a1a1a;outline:none}.input-field::placeholder{color:#9ca3af}.toggle-password{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toggle-password svg{width:22px;height:22px;color:#000}.error-message{color:#ff2904;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;margin-top:8px;margin-bottom:0;text-align:left}.login-button{width:100%;padding:16px;margin-top:24px;background-color:#1a1a1a;color:#fff;font-size:16px;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.login-button:hover{background-color:#333}.login-button:active{transform:scale(.98)}.forgot-password{display:block;text-align:center;margin-top:16px;color:#6b7280;font-size:14px;text-decoration:underline}.forgot-password:hover{color:#1a1a1a}.footer{padding:24px 0;text-align:center;margin-top:auto}.footer p{font-family:Barlow,sans-serif;font-size:12px;color:#878787}.home-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;position:relative}.home-header{display:flex;align-items:center;gap:12px;padding:16px 24px;padding-top:calc(48px + env(safe-area-inset-top,0))}.user-info{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative}.user-avatar:after{content:"";position:absolute;inset:-1px;border:2px solid #DADEE3;border-radius:50%;pointer-events:none}.avatar-img{width:100%;height:100%;display:block}.greeting{font-family:Zen Kaku Gothic New,sans-serif;font-size:16px;font-weight:700;color:#000;line-height:20px}.notification-btn{width:48px;height:48px;background-color:#fff;border:none;border-radius:75px;display:flex;align-items:center;justify-content:center;padding:12px;cursor:pointer;flex-shrink:0}.notification-icon{width:24px;height:24px}.home-content{flex:1;display:flex;flex-direction:column}.content-title{display:flex;align-items:center;gap:20px;padding:12px 20px}.title-text{flex:1;font-family:Zen Kaku Gothic New,sans-serif;font-size:24px;font-weight:700;color:#000;line-height:normal;margin:0}.activated-badge{display:flex;align-items:center;gap:4px}.badge-label{font-family:Zen Kaku Gothic New,sans-serif;font-size:12px;font-weight:700;color:#000;letter-spacing:1.2px}.badge-count{background-color:#fff;padding:4px 6px;border-radius:6px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#ed711a}.device-container{flex:1;display:flex;flex-direction:column;padding:0 20px 20px}.empty-state{flex:1;background-color:#fff;border-radius:12px;border:1px solid #EFF2F7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:24px}.empty-text{font-family:Zen Kaku Gothic New,sans-serif;font-size:12px;font-weight:500;color:#878787;text-align:center;line-height:1.6;letter-spacing:.6px;margin:0}.nav-bar{display:flex;align-items:flex-end;justify-content:center;padding:12px 32px 4px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0));background-color:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:.5px solid #DADEE3;min-height:65px;position:relative}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:0}.nav-item.logout-item{position:absolute;right:32px}.nav-icon{width:24px;height:24px}.nav-label{font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;font-weight:500;color:#000;letter-spacing:1.4px;text-align:center}.logout-label{color:#ed711a}