.home-box{width:min(90vw,900px);height:min(80vh,500px);background:#fff;border-radius:2vh;display:flex;flex-direction:column;align-items:center;overflow:hidden}.home-title{background:#ff8c21;color:#fff;width:100%;padding:2vh;text-align:center;font-size:3vh}.home-content{flex:1;display:flex;justify-content:center;align-items:center}.home-btn{padding:3vh 5vw;font-size:2.8vh;border:none;border-radius:2vh;background:#ff8c21;color:#fff;cursor:pointer;max-width:400px;white-space:nowrap}.home-btn:hover{background:#e56b00}.reg-box{width:min(90vw,900px);height:min(90vh);background:#fff;border-radius:2vh;display:flex;flex-direction:column;align-items:center}.reg-title{background:#ff8c21;color:#fff;width:100%;padding:2vh;text-align:center;font-size:3vh;border-top-left-radius:2vh;border-top-right-radius:2vh}.tab-header{display:flex;width:100%}.tab-btn{flex:1;padding:2vh;text-align:center;border:none;background:#ff8c21;font-size:2.4vh;color:#fff;cursor:pointer}.tab-btn.active{background:#e56b00;font-weight:700}.form-wrapper{flex:1;display:flex;justify-content:center;align-items:start;width:min(85vw,850px)}.back-btn{width:100%;padding:2vh;background:#ccc;font-size:2.5vh;border:none;border-radius:0;cursor:pointer;border-bottom-left-radius:2vh;border-bottom-right-radius:2vh}.back-btn:hover{background:#bbb}.form{display:flex;flex-direction:column;gap:2vh;width:100%;padding:2vh;margin-top:5px}.btn-save{margin-top:2vh;padding:2vh;font-size:2.5vh;border:none;border-radius:2vh;background:#ff8c21;color:#fff;cursor:pointer;width:100%}.btn-save:hover{background:#e56b00}.wrapper{gap:2vh;display:flex;flex-direction:column}.alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.alert-box{background:#fff;border-radius:16px;box-shadow:0 6px 16px #00000040;padding:20px;width:90%;max-width:500px;text-align:center;animation:fadeIn .3s ease-in-out}.alert-title{background:#ff7a00;color:#fff;padding:2vh;border-radius:12px;font-size:3vh;margin-bottom:15px}.alert-message{color:#333;font-size:2.5vh;margin-bottom:20px}.alert-button{background:#ff7a00;color:#fff;border:none;border-radius:12px;padding:10px 20px;font-size:2.4vh;cursor:pointer;transition:.2s;width:90%;height:6vh}.alert-button:hover{background:#e56b00}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.checkbox-block{display:flex;align-items:center;gap:1vw;padding:2vh 2vw;border:2px solid #ccc;border-radius:2vh;font-size:2.2vh;background:#f9f9f9;cursor:pointer;touch-action:manipulation;margin-top:2vh}.checkbox-block.active{border-color:#ff8c21;background:#fff0e0}.checkbox-mark{width:3vh;height:3vh;border:2px solid #ccc;border-radius:.5vh;display:flex;align-items:center;justify-content:center;font-size:2.5vh}.checkbox-block.active .checkbox-mark{border-color:#ff8c21;color:#ff8c21}.checkbox-text{flex:1;line-height:1.4}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center}.modal-box{width:min(90vw,500px);background:#fff;border-radius:2vh;padding:4vh 3vw;text-align:center;position:relative;display:flex;flex-direction:column;gap:3vh}.modal-title{font-size:2.8vh;color:#333;font-weight:700}.modal-buttons{display:flex;flex-direction:column;gap:2vh}.modal-btn{padding:2.5vh;font-size:2.5vh;border:none;border-radius:2vh;background:#ff8c21;color:#fff;cursor:pointer;width:100%}.modal-btn:hover{background:#e56b00}.modal-close{position:absolute;top:1vh;right:1vw;background:transparent;border:none;font-size:3vh;cursor:pointer;color:#999}.modal-close:hover{color:#333}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:#f8f8f8;width:min(85vw,850px)}.login-title{font-size:3vh;color:#fff;background:#ff7a00;padding:2vh 4vw;border-top-left-radius:1vh;border-top-right-radius:1vh;width:min(85vw,850px)}.login-form{display:flex;flex-direction:column;gap:3vh;background:#fff;padding:2vh 4vw;border-radius:2vh;width:min(85vw,850px)}.login-form label{font-size:2.2vh;color:#333}.login-form input{padding:2vh;font-size:2.2vh;border-radius:1vh;border:1px solid #ccc}.login-form button{padding:2.2vh;background:#ff7a00;color:#fff;border:none;border-radius:1vh;font-size:2.2vh;cursor:pointer}.login-form button:hover{background:#e56b00}.app-container{height:100vh;width:100vw;background:#f5f5f5;display:flex;align-items:center;justify-content:center}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;font-family:Arial,sans-serif;background:#f5f5f5}body{font-size:2.2vh;line-height:1.5}button,input,select{font-family:inherit}