:root{--primary:#ff7b9c;--primary-light:#ff9eba;--secondary:#4ecdc4;--bg-color:#fff0f5;--text-dark:#2d3142;--text-gray:#9095a0;--white:#fff;--border:#eee;--pupu-green:#07c160;--admin-bg:#e0f4ff;--admin-primary:#89cff0;--admin-secondary:#bce3fb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-dark);-webkit-font-smoothing:antialiased;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.app-container{background-color:var(--white);flex-direction:column;max-width:600px;height:100vh;margin:0 auto;display:flex;box-shadow:0 0 20px #0000000d}.header{background-color:var(--white);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:sticky;top:0}.header h1{color:var(--primary);font-size:1.2rem;font-weight:600}.bottom-nav{background:var(--white);border-top:1px solid var(--border);justify-content:space-around;padding:12px 0;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 10px #00000008}.nav-item{color:var(--text-gray);flex-direction:column;align-items:center;gap:4px;font-size:.8rem;text-decoration:none;display:flex}.nav-item.active{color:var(--primary)}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:10px 20px;font-weight:600;transition:all .2s}.btn:active{transform:scale(.95)}.btn-icon{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;display:flex}.page-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.page-content>*{flex:1;overflow-y:auto}