:root{--primary:#ff8ba7;--primary-light:#ffb3c6;--secondary:#ffd6a5;--secondary-light:#ffe8cc;--accent:#d0bfff;--accent-light:#e8deff;--cream:#fff5e4;--text-dark:#5a4e4e;--text-light:#8a7e7e;--white:#fff;--radius:20px}*{box-sizing:border-box;margin:0;padding:0}body{color:#5a4e4e;overscroll-behavior:none;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#fff5e4 0%,#e8deff 100%);min-height:100vh;font-family:Nunito,sans-serif}html{overscroll-behavior:none}.app-container{z-index:2;overscroll-behavior:contain;background:#fff5e4;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 60px #ff8ba74d;width:480px!important;max-width:480px!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{border-radius:10px;background:#ff8ba7!important}::-webkit-scrollbar-track{background:0 0}@media (width<=480px){.app-container{box-shadow:none;width:100%!important;max-width:100%!important}body:before{display:none}.main-content{padding-top:12px}}@media (width>=481px){body{justify-content:center;align-items:flex-start;height:100vh;padding:0;display:flex;overflow:hidden}.app-container{height:100vh;max-height:100vh;overflow-y:auto;margin-top:0!important}.desktop-decorations{pointer-events:none;z-index:1;width:100%;height:100%;display:block;position:fixed;top:0;left:0;overflow:hidden}.decor-item{opacity:.7;transform:rotate(var(--rot));text-align:center;animation:6s ease-in-out infinite float;animation-delay:var(--delay);font-size:48px;line-height:1;position:absolute}.decor-item span{color:#5a4e4e;margin-top:4px;font-size:14px;font-weight:900;display:block}.decor-text-only{color:#5a4e4e;white-space:nowrap;letter-spacing:1px;font-size:18px;font-weight:900}@keyframes float{0%,to{transform:translateY(0px) rotate(var(--rot))}50%{transform:translateY(-18px) rotate(var(--rot))}}}@media (width<=480px){.desktop-decorations{display:none}}.main-content{padding:20px 16px 90px}button{cursor:pointer;border:none;outline:none;font-family:Nunito,sans-serif}input,textarea,select{outline:none;font-family:Nunito,sans-serif}.card{background:#fff;border-radius:20px;padding:16px;box-shadow:0 4px 15px #ff8ba726}.page-title{color:#5a4e4e;margin-bottom:20px;font-family:Quicksand,sans-serif;font-size:28px;font-weight:700}.btn-primary{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#ff8ba7 0%,#d0bfff 100%);border:none;border-radius:50px;padding:16px 24px;font-family:Quicksand,sans-serif;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #ff8ba74d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff8ba766}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-group{margin-bottom:16px}.form-group label{color:var(--text-dark);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.form-group input{background:var(--white);border:2px solid #f0e6e6;border-radius:12px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:var(--primary)}.form-row{gap:12px;display:flex}.form-row .form-group{flex:1}.form-divider{background:#f0e6e6;height:1px;margin:20px 0}.form-error{color:#ff5252;text-align:center;background:#fff0f0;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px}.form-success{color:#4caf50;text-align:center;background:#f0fff4;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:32px 24px;animation:.25s popIn;position:relative;box-shadow:0 10px 40px #0003}.modal-close{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;line-height:1;transition:background .2s;display:flex;position:absolute;top:12px;right:16px}.modal-close:hover{background:#f0e6e6}.login-page{box-sizing:border-box;background:linear-gradient(135deg,#fff5e4 0%,#e8deff 100%);justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.login-card{width:100%;max-width:400px;max-height:90vh;padding:40px 30px;overflow-y:auto}@media (width<=480px){.login-page{background:#fff5e4;padding:10px}.login-card{box-shadow:none;background:0 0;border-radius:0;padding:0}}